/*******************************************************************************/
/* Marketing Page Styles for MyFedLoan Website                                 */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Main Content Styles (=main)                                                 */
/* Inner Page Marketing Styles (=innerMarketing)                               */
/* Marketing Header Styles (=header)                                           */
/* Account Access Styles (=accountAccess)                                      */
/* Ad Space Styles (=adSpace)                                                  */
/*******************************************************************************/

/* =main
Main Content Styles */

div#content div#mainContent div.column {
  display:inline;
  float:left;
  margin-right:2.307em; /* 30px */
  position: relative;
  width:17.3em; /* 225px */
}

div#content div#mainContent div.wideColumn {
  display:inline;
  float:left;
  margin-right:1.153em; /* 15px */
  width:38.076em; /* 495px */
}

div#content div#mainContent div.landingColumn {
  display:inline;
  float:left;
  margin-right:1.538em; /* 20px */
  margin-bottom:1.923em; /* 25px */
  width:42em; /* 546px */
}

div#content div#mainContent div.column h2.marketing {
  border:none;
  background:none;
  color:#5EA426;
  font:1.153em Arial, Helvetica, sans-serif; /* sets font to 15px */
  font-weight:bold;
  margin:0;
  padding:.8em 0 .267em 0; /* 12px 0 4px 0 */
}

div#content div#mainContent div.column h2.marketing a:link,
div#content div#mainContent div.column h2.marketing a:visited {
  text-decoration:none;
}

div#content div#mainContent div.column h2.marketing a:hover {
  text-decoration:underline;
}

div#content div#mainContent div.column3 {
  display:inline;
  float:left;
  margin:0;
  width:17.53em; /* 228px */
}

div#content div#mainContent div.column3 h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#mainContent div.column4 {
  display:inline;
  float:right;
  margin:0;
  width:13.84em; /* 180px */
}

/* =innerMarketing
Inner Marketing Styles */

body.bodyInnerMarketing div#content div#mainContent h1 {
  left: -9999px;
  position: absolute;
}

body.bodyInnerMarketing div#content div#mainContent div#innerMarketingAd {
  background: #FFF no-repeat 0 0;
  height: 216px;
  position: relative;
  text-indent: -9999px;
  width: 548px;
}

body.bodyInnerMarketing div#content div#mainContent div#innerMarketingAd.backOnTrack {
  background-image: url(/images/marketing/ads/back-on-track.jpg);
}

body.bodyInnerMarketing div#content div#mainContent div#innerMarketingAd.repayment {
  background-image: url(/images/marketing/ads/repayment-inner.jpg);
}

/* =header
Marketing Header Styles */

div#content div#mainContent h1.accountAccess,
div#content div#mainContent h1.makePayment,
div#content div#mainContent h1.manageAccount,
div#content div#mainContent h1.billingPayments,
div#content div#mainContent h1.helpCenter {
  font-size:1em;
  height:84px;
  margin:0 0 5px 0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:57.519em; /* 748px */
}

div#content div#mainContent h1.borderBottom {
  border-bottom:2px solid #CCC;
  margin:0 0 5px 0;
  padding:0 0 10px 0;
  width:31.15em; /* 405px */
}



div#content div#mainContent h1.loanRepayment {
  font-size:1em;
  height:111px;
  margin:0 0 5px 0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:57.519em; /* 748px */
}

div#content div#mainContent h1 i {
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#content div#mainContent h1.accountAccess i {
  background:url(/images/marketing/account-access.jpg) no-repeat left top;
}

div#content div#mainContent h1.makePayment i {
  background:url(/images/marketing/make-payment.jpg) no-repeat left top;
}

div#content div#mainContent h1.manageAccount i {
  background:url(/images/marketing/manage-account.jpg) no-repeat left top;
}

div#content div#mainContent h1.billingPayments i {
  background:url(/images/marketing/billing-payments.jpg) no-repeat left top;
}

div#content div#mainContent h1.helpCenter i {
  background: #390 url(/images/marketing/help-center.jpg) no-repeat left top;
}

div#content div#mainContent h1.loanRepayment i {
  background:url(/images/marketing/loan-repayment.jpg) no-repeat left top;
}

div#content div#mainContent h1.ourServices i {
  background:url(/images/marketing/our-services.jpg) no-repeat left top;
}
/* =accountAccess
Account Access Styles */

div#content div#mainContent div.column4 div.AccountAccessOuterBox,
div.AccountAccessMarketOuterBox {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat right bottom;
  padding-right:12px;
  margin-bottom:15px
}
  
div#content div#mainContent div.column4 div.AccountAccessInnerBox,
div.AccountAccessMarketInnerBox {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat left bottom;
  padding:0 0 12px 12px;
}

div#content div#mainContent div.column4 div.AccountAccessInnerBox h3,
div.AccountAccessMarketInnerBox h3 {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat right top;
  color:#333 !important;
  font-size:1.07em; /* 14px */
  font-weight:bold;
  margin:0 -12px;
  padding-right:12px;
}

div#content div#mainContent div.column4 div.AccountAccessInnerBox h3 span,
div.AccountAccessMarketInnerBox h3 span {
  background:#FFF url(/images/account-access/account-access-box.jpg) no-repeat left top;
  display:block;
  padding:15px 12px 6px 16px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:5px 3px;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent p {
  font-size:.846em; /* sets font to 11px */
  margin-bottom:0;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent p.dottedLink {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 2px 2px;
  border-top:1px dotted #999;
  margin:0;
  padding:8px 0 5px 21px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul {
  color:#CCC;
  list-style:disc;
  margin:0;
  padding:15px 0 10px 18px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul li {
 /* font-size:.923em;  12px */
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount  {
  border-top:1px dotted #999; 
  list-style:none;
  margin:25px 0 5px 0 !important;
  padding:0 0 0 25px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li {
  font:bold 1em Arial, Helvetica, sans-serif;
  list-style:url(/images/navigation/navigation-active-arrow.gif);
  line-height:1em;
  margin-top:7px;
  padding:0 0 2px 1px;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li a:link,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li a:link,
div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li a:visited,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li a:visited {
  text-decoration:none;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent ul.createAccount li a:hover,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent ul.createAccount li a:hover {
  text-decoration:underline;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form {
  margin:0;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form label {
  color:#333;
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font to 12px */
}  

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form div.formRow {
  position:relative;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form div.formRow ul {
  color:#CCC;
  padding: 0;
  margin:8px 0 0 5px !important;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form div.formRow ul li {
  font-size:.73em; /* 9.5px */
  list-style-type:none !important;
  padding:2px 0 !important;
  margin:0;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form input#username,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form input#username {
  width:95%;
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form span.signin {
  display:block;
  padding:5px 4px 0 0;
  text-align:right;
}

div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form span.signin {
  display:block;
  position:absolute;
  left:7.692em;  /* 91px */
  top:.1em; /* 2px */
}

div#content div#mainContent div.column4 div.AccountAccessBoxContent form label,
div.AccountAccessMarketInnerBox div.AccountAccessMarketBoxContent form label {
  color:#333;
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font to 12px */
}


/* =highlight
Highlight Box Styles */

div#content div#mainContent div.column3 div.highlightOuterBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom right;
  padding-right:12px;
  margin-bottom:15px;
}
  
div#content div#mainContent div.column3 div.highlightInnerBox {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat bottom left;
  padding:0 0 12px 12px;
}

div#content div#mainContent div.column3 div.highlightInnerBox h3 {
  background:#FFF url(/images/highlight-gray-bg.jpg) no-repeat top right;
  color:#333;
  font-size:1em; /* 14px */
  font-weight:bold;
  margin:0 -12px;
  padding-right:12px;
}

div#content div#mainContent div.column3 div.highlightInnerBox h3 span {
  background:url(/images/highlight-gray-bg.jpg) no-repeat top left;
  display:block;
  padding:15px 12px 6px 16px;
}

div#content div#mainContent div.column3 div.highlightInnerBox h3.nobg {
  background: none; 
  color:#333;
  font-size:1em; /* 14px */
  font-weight:bold;
  margin:0;
  padding:10px 12px 10px 0;
}

div#content div#mainContent div.column3 div.highlightBoxContent {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:5px 3px;
  zoom:1;
}

div#content div#mainContent div.column3 div.highlightBoxContent p {
  font-size:.846em; /* 11px */
}

div#content div#mainContent div.column3 div.highlightBoxContent p.dottedBorder {
  border-bottom:1px dotted #999;
  margin:0;
  padding:1em 0;
}

div#content div#mainContent div.column3 div.highlightBoxContent p.dottedLink {
  background:#FFF url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 112px -3px;
  border-bottom:1px dotted #999;
  margin:0;
  padding:4px 0px 15px 131px;
}

div#content div#mainContent .displayInline {
  display:inline;
}
div#content div#mainContent hr {
 color:#ccc;
 margin: 20px 0 10px 0;
}

div#content div#mainContent div.column3 div.highlightBoxContent ul {
  color:#666;
  list-style:disc;
  margin:0;
  padding:5px 0 10px 18px;
}

div#content div#mainContent div.column3 div.highlightBoxContent ul li {
  font-size:.846em; /* 11px */
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
}

div#content div#mainContent div.column3 div.highlightBoxContent ul.createAccount  {
  border-top:1px dotted #999; 
  list-style:none;
  padding:0;
  padding-left:19px;
}  

div#content div#mainContent div.column3 div.highlightBoxContent ul.createAccount li {
  font-size:1em; /* 13px */
  font-weight:bold;
  line-height:1em; /* 13px */
  list-style:url(/images/navigation/navigation-active-arrow.gif);
  margin-top:7px;
  padding:0 0 2px 1px;
  text-align:center;
}

div#content div#mainContent div.column3 div.highlightBoxContent ul.createAccount li a {
  text-decoration:none;
}

div#content div#mainContent div.column3 div.highlightBoxContent ul.createAccount li a:hover {
  text-decoration:underline;
}

  
/* =adSpace
Ad Space Styles */

div#content div#mainContent div#adspace {
  border-top:3px solid #000;
  clear:both;
  position:relative;
  margin-top:.385em; /* 5px */
  width:57.077em; /* 742px */
}

div#content div#mainContent div#adspace h3 {
  color:#5EA426;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* sets font to 17px */
  margin:0;
  padding-bottom:.294em; /* 5px */
}

div#content div#mainContent div#adspace p {
  font:.846em Arial, Helvetica, sans-serif; /* sets font to 11px */
}

div#content div#mainContent div#adspace ul {
  margin:0;
  padding:0;
}

div#content div#mainContent div#adspace ul li {
  list-style-type:none;
  font:.846em Arial, Helvetica, sans-serif; /* sets font to 11px */
}

div#content div#mainContent div#adspace div.adspaceAd {
  margin: 2em 1.538em; /* 26p 20pxx / 13px */
  border: 1px solid #CCC;
  float: left;
  padding: 0.769em 0.769em 0em 4.615em; /* 10px 10px 0px 60px / 13px */
  position: relative;
  width: 19.769em; /* 257px / 13px */
  -moz-border-radius: 0.385em; /* 5px / 13px */
  -webkit-border-radius: 0.385em; /* 5px / 13px */
  border-radius: 0.385em; /* 5px / 13px */
}

div#content div#mainContent div#adspace div.adspaceAd.fullWidth {
  width: 48.461em; /* 630px / 13px */
}

div#content div#mainContent div#adspace div.adspaceAd span {
  left: -1.538em; /* 20px / 13px */
  position: absolute;
  top: -1.538em; /* 20px / 13px */
  width: 5.769em; /* 75px / 13px */
}

div#content div#mainContent div#adspace div.adspaceAd img {
  max-width: 100%; 
}

div#content div#mainContent div#adspace div.adspaceAd ul li {
  padding: 0.23em 0;
}

div#content div#mainContent div#adspace div.adspaceAd ul.goGreenLinks li {
  background: url(/images/icons/icn-go-green.gif) no-repeat 0 2px;
  float: left;
  padding-left: 20px;
  width: 40%;
}

div#content div#mainContent div#adspace div#adGoGreenSmall,
div#content div#mainContent div#adspace div#drowningInPaper {
  background:url(/images/marketing/ads/go-green-small-bg.gif) no-repeat 8px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  padding:2.462em 0 0 6.308em; /* 32px 0 0 82px */
  width:21.692em; /* 282px */
}

div#content div#mainContent div#adspace div#drowningInPaper {
  background-image: url(/images/marketing/ads/drowning-in-paper.gif);
}

div#content div#mainContent div#adspace div#adGettingBillAtSchool {
  background:url(/images/marketing/ads/getting-bill-at-school.jpg) no-repeat 8px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  padding:2.462em 0 0 6.308em; /* 32px 0 0 82px */
  width:21.692em; /* 282px */
}

div#content div#mainContent div#adspace div#adPersonalData {
  background:url(/images/marketing/ads/personal-data-safe.jpg) no-repeat -4px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  margin:0;
  padding:2.462em 0 0 5.385em; /* 32px 0 0 70px */
  width:22.307em; /* 290px */
}

div#content div#mainContent div#adspace div#adYcdwi {
  background:url(/images/marketing/ads/ycdwi-small-ad.jpg) no-repeat 0 9px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  margin:0;
  padding:2.462em 0 0 0; /* 32px 0 0 0 */
  width:27.615em; /* 359px */
}

div#content div#mainContent div#adspace div#adYcdwi h3 {
  padding-left:155px;
}

div#content div#mainContent div#adspace div#adYcdwi p {
  padding:10px 0 0 35px;
}

div#content div#mainContent div#adspace div#adPayOnline {
  background:url(/images/marketing/ads/pay-online.jpg) no-repeat 8px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  padding:32px 0 0 82px;
  width:21.692em; /* 282px */
}

div#content div#mainContent div#adspace div#adCantMakePayment {
  background:url(/images/marketing/ads/cant-make-payment.jpg) no-repeat -4px 15px;
  display:inline;
  float:left;
  height:7.692em; /* 100px */
  margin:0;
  padding:32px 0 0 70px;
  width:22.307em; /* 290px */
}

div#content div#mainContent div#adspace div#adPayingAhead {
  background: url(/images/marketing/ads/paying-ahead.jpg) no-repeat 0 15px;
  display: inline;
  float: left;
  height: 7.692em; /* 100px */
  margin: 0;
  padding: 32px 0 0 70px;
  width: 22.307em; /* 290px */
}

div#content div#mainContent div#adspace div#adPayingAhead h3 {
  margin: 0 0 0 0;
}

div#content div#mainContent div#adspace div#adPayingAhead p {
  width: 23.077em;
  margin: 0;
  padding-bottom:.294em; /* 5px */
}

div#content div#mainContent div#adGoGreen {
  background:url(/images/marketing/go-green-bg.jpg) no-repeat 15px 20px;
  border-top:3px solid #000;
  clear:both;
  height:7.692em; /* 100px */
  margin:0;
  padding:32px 0 0 90px;
  width:50.615em; /* 658px */
}

div#content div#mainContent div#adGoGreen h3 {
  color:#5EA426;
  margin:0;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* sets font to 17px */
}
 
div#content div#mainContent div#adGoGreen ul {
  list-style-image:none;
}
 
div#content div#mainContent div#adGoGreen ul li {
  background:url(/images/icons/icn-go-green.gif) no-repeat 0 4px;
  display:inline;
  list-style-image:none;
  margin-right:40px;
  padding-left:22px;
}

div#content div#mainContent div#payingAhead,
div#content div#mainContent div#backOnTrack {
  background: url(/images/marketing/paying-ahead-calendar.jpg) no-repeat 0 20px;
  border-top: 3px solid #000;
  clear: both;
  height: 7.307em; /* 100px */
  margin-top: 2.307em;
  padding: 40px 0 0 100px;
  width: 34.538em; /* 560px */
}

div#content div#mainContent div#backOnTrack {
  background-image: url(/images/marketing/back-on-track.jpg);
  height: 8.462em; /* 110px */
}

div#content div#mainContent div#payingAhead h3,
div#content div#mainContent div#backOnTrack h3 {
  color:#5EA426;
  margin:0;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* sets font to 17px */
}

div#content div#mainContent div#payingAhead p,
div#content div#mainContent div#backOnTrack p {
  font:.923em Arial, Helvetica, sans-serif; /* sets font to 11px */
  margin: 5px 0 0 0;
}

div#content div#mainContent div#adschoolSurvey {
  background:url(/images/marketing/school-survey.jpg) no-repeat 0 20px;
  border-top:3px solid #000;
  clear:both;
  height:7.307em; /* 100px */
  margin-top:2.307em;
  padding:40px 0 0 100px;
  width:34.538em; /* 560px */
}

div#content div#mainContent div#adschoolSurvey h3 {
  color:#5EA426;
  margin:0;
  font:bold 1.307em Arial, Helvetica, sans-serif; /* sets font to 17px */
}
div#content div#mainContent div#adschoolSurvey p {
  font:.923em Arial, Helvetica, sans-serif; /* sets font to 11px */
  margin-top: 5px;
}
div#content div#mainContent div#adschoolSurvey ul {
  list-style-image:none;
  padding-left:0;
  margin: 0;
}
 
div#content div#mainContent div#adschoolSurvey ul li {
  display:inline;
  font:.923em Arial, Helvetica, sans-serif; /* sets font to 11px */
  list-style-image:none;
  padding-left:0;
  margin: 0;
}

/* Marketing Pages with no Left Hand Nav (=noLHN) */

body.bodyNoLHN div#content h1 {
  color:#599B24;
  font: bold 1.846em  Arial, Helvetica, sans-serif; /* 24px / 13px */
  font-smooth: always;
  margin: 0 0 .5em 0.833em; /* 0 0 12px 20px / 24px */
  position: relative;
}

body.bodyNoLHN div#content h1.banner {
  height: 5.833em; /* 140px / 24px */
  overflow: hidden;
}

body.bodyNoLHN div#content h1.banner i {
  height: 5.833em; /* 140px / 24px */
  left: 0;
  position: absolute;
  top: 0;
  width: 39.5em; /* 948px / 24px */
}

body.bodyNoLHN div#content h1.banner i img {
  max-width: 100%;
}

body.bodyNoLHN div#content div#mainContent {
  margin-left: 1.538em; /* 20px / 13px */
  padding-left: 0;
  padding-top: 0;
  width: 57.385em; /* 746px / 13px */
}

body.bodyNoLHN div#content div#mainContent h3 {
  margin: 2em 0 1em;
}

body.bodyNoLHN div#content div#mainContent h4.h2 {
  background-color:#F4F6F8;
  border-top:1px solid #AEB7CB;
  color:#000;
  font:bold 1.231em  Arial, Helvetica, sans-serif; /* sets font to 16px */
  font-smooth:always;
  margin:1.5em 0 .833em 0; /* 27px 0 15px 0 */
  padding:.166em 0 .166em .166em; /* 3px */
}


body.bodyNoLHN p.steps {
  color: #333;
  font: bold 1em Arial, Helvetica, sans-serif;
  line-height: 1.77em; /*23px*/
  padding: 0 0 0 2.61em;/*0 0 0 34px*/
  margin: 20px 0 10px 20px;
  position: relative;	
}

body.bodyNoLHN p.steps img {
  height: 1.77em; /*23px*/
  position: absolute;
  top: 0;
  left: 0;
}

body.bodyNoLHN img.instructions {
  margin: 0 0 25px 54px;
}

body.bodyNoLHN div#content div#rightContent {
  margin-left: 1.538em; /* 20px / 13px */
  padding-top: 0;
}

/* Special Direct Consolidation Program Styles */



body.bodySDCP div#content div#mainContent {
  display: inline;
  float: left;
  margin:0 0 0 1.538em; /* 0 0 0 20px */
  padding:0;
  width: 72.924em; /* 948px */
}


body.bodySDCP div#content div#mainContent h1 {
  color: #000;
  font: normal 1em Arial, Helvetica, sans-serif; /* sets font size to 13 px */
  height: 10.53846em; /* 137px */
  padding: 0;
  position: relative;
  width: 72.924em; /* 948px */
}

body.bodySDCP div#content div#mainContent h1 i {
  background: transparent url(/images/marketing/special-direct-consolidation.jpg) no-repeat 0 0;
  display: block;
  height: 137px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

body.bodySDCP div#content div#mainContent h2 {
  background: none;
  border: none;
  color:#549221;
  font:bold 1.231em Arial, Helvetica, sans-serif; /* sets font to 16px */
  margin-top:1.25em; /* 20px */
}

body.bodySDCP div#content div#mainContent div#leftColumn h3 {
  background: #F4F6F8;
  border-top:1px solid #AEB7CB;
  color:#000;
  font:bold 1.07em Arial, Helvetica, sans-serif; /* sets font to 14px */
  margin-top:1.43em; /* 20px */
  margin-bottom: .71em;
  padding: 3px 0 3px 2px;
}

body.bodySDCP div#content div#mainContent div#leftColumn div.timeline {
  position: relative;	
}

body.bodySDCP div#content div#mainContent div#leftColumn div.timeline h3 {
  background: none;
  border: none;
  font: bold 13px Arial, Helvetica, sans-serif;
  position: absolute;
  top: -14px;
  left:0;
  width: 647px;
  text-align:center;	
}


body.bodySDCP div#content div#mainContent div#leftColumn div.timeline ul.schoolTimeline {
  background: url(../images/sdcl/school-borrower-timeline.png) 0 0 no-repeat;
  width: 647px;
  height: 129px;	
}

body.bodySDCP div#content div#mainContent div#leftColumn div.timeline ul.schoolTimeline li {
  display: block;
  float: left;
  font: 11px Arial, Helvetica, sans-serif;
  height: 56px;
  margin: 35px 0 0 14px;
  padding: 12px 5px 0 5px;
  text-align: center;
  width: 125px;
}

body.bodySDCP div#content div#mainContent div#leftColumn div.timeline ul.schoolTimeline li.plus20 {
  height: 48px;
  padding: 20px 5px 0 10px;

	
}
body.bodySDCP div#content div#mainContent div#leftColumn div.timeline ul.schoolTimeline li.plus30 {
  height: 42px;
  padding: 26px 5px 0 0;

}

body.bodySDCP div#content div#mainContent div#rightColumn {
  float: left;
  width: 17.53em;
}

body.bodySDCP div#content div#mainContent div#rightColumn h3 {
  margin-top: 0;
}

body.bodySDCP div#content div#mainContent div#leftColumn {
  float: left;
  padding: 0 1em;
  width: 52.846em; /* 687px */
}



body.bodySDCP div#content div#mainContent div#leftColumn ul li {
  margin-bottom: .769em;
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school {
  margin-left: 3.25em;
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school li {
  position: relative;
  margin-bottom: .25em;
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school li ul.emails {
  position: absolute;
  top: -8px;
  left: 30px;	
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school li ul.emailsRound2 {
  position: absolute;
  top: -8px;
  left: 124px;	
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school span.greyOut {
  color: #888;
  font: 11px Arial, Helvetica, sans-serif;
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school li ul.emails li,
body.bodySDCP div#content div#mainContent div#leftColumn ul.school li ul.emailsRound2 li {
  display: block;
  border-right: 1px solid #CCC;
  font: 11px Arial, Helvetica, sans-serif;
  float: left;
  margin-bottom: .34em;
  padding: 0 6px;
}

body.bodySDCP div#content div#mainContent div#leftColumn ul.school li ul.emails li.noBorder,
body.bodySDCP div#content div#mainContent div#leftColumn ul.school li ul.emailsRound2 li.noBorder {
  border-right: none;
 
}

body.bodySDCP div#content div#mainContent div#leftColumn table.announcements {
  margin-left: 10px;
  width: 51.53em; /* 670px */
	
}

body.bodySDCP div#content div#mainContent div.greyBox {
  background: #F4F6F9;
  border: 1px solid #CCC;
  margin-top: 1.692em;
  padding: 1em 1em 0 1em;
  *padding-top: .5em;
}