/*******************************************************************************/
/* Homepage Styles for YouCanDealWithIt Website                                */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Promotional Area Styles (=promo)                                            */
/* Main Content Styles (=main)                                                 */
/* Right Content Styles (=right)                                               */
/*******************************************************************************/

/* =promo
Promotional Area Styles */

div#content div#promo {
  background:url(/images/homepage/promo-background.gif) repeat-y top right;
  height:333px; /* 333px 25.615em */
  margin-left:15px;
  overflow:hidden;
  position:relative;
  width:955px;
}

div#content div#promo ul#slideShow {
  margin:0;
  padding:0;
}

div#content div#promo ul#slideShow li {
  display:block;
  height:335px;
  position:absolute;
  width:955px;
}

div#content div#promo ul#slideShow li p {
  color:#FFF;
  font:normal 20px Arial, Helvetica, sans-serif;
  position:absolute;
  right:20px;
  top:30px;
  width:208px;
}

div#content div#promo ul#slideShow li p.storyButton {
  background:#585654 url(/images/buttons/ss-grey-button-right.png) no-repeat top right;
  font-size:13px; /* sets font size to 13px */
  height:1.923em; /* 25px */
  line-height:1.923em; /* 25px */
  overflow: hidden;
  padding:0 5px 0 0;
  position:absolute;
  right:55px;
  top:160px;
  width:11.154em; /* 145px */
}

div#content div#promo ul#slideShow li p.storyButton a {
  background:#585654 url(/images/buttons/ss-grey-button-left.png) no-repeat 0 0;
  display: block;
  font-weight:bold;
  padding-left:1.538em; /* 20px */
}

div#content div#promo ul#slideShowController {
  bottom:95px;
  position:absolute;
  right:60px;
  width:135px;
}

div#content div#promo ul#slideShowController li {
  display:inline;
  margin:0 10px;
}

div#content div#promo div.linksBox {
  background:#BDE7F8 url(/images/homepage/links-box-bg.jpg) no-repeat 205px 0;
  left:0;
  padding:20px;
  position:absolute;
  top:0;
  width:18.462em; /* 240px */
}

div#content div#promo div.linksBox h2 {
  display:block;
  font-size:11px;
  height:25px;
  margin:0;
  position:relative;
  text-decoration:none;
  width:195px;
}

div#content div#promo div.linksBox h2 i {
  background:#CDEDFA url(/images/homepage/links-box-header.gif) no-repeat 0 0;
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#content div#promo div.linksBox ul {
  margin:25px 0 0 0;
  padding:0;
}

div#content div#promo div.linksBox ul li {
  margin:0 0 1px 0;
  padding:0;
}

div#content div#promo div.linksBox ul li a {
  background:#CCC url(/images/homepage/links-box-list-bg.gif) repeat-x top left;
  color:#333;
  display:block;
  height:28px;
  line-height:28px;
  padding:0  0 0 20px;
}

div#content div#promo div.linksBox ul li a:hover {
  background:#CCC url(/images/homepage/links-box-list-hover-bg.gif) no-repeat top left;
  color:#91278F;
  text-decoration:underline;
}

div#content div#promo div.timelinePromo {
  bottom:6px;
  left:8px;
  margin:0;
  padding:0;
  position:absolute;
  width:18.846em; /* 245px */
}

div#content div#promo div.timelinePromo h2 {
  color:#333;
  font:bold 1.538em "Arial Narrow", Arial, Helvetica, sans-serif; /* sets font size to 20px */
  margin-bottom:.5em; /* 10px */
}

div#content div#promo div.timelinePromo p {
  font-size:.923em; /* sets font size to 12px */
}

div#content div#promo div.timelinePromo a {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  line-height:1em;
  font-weight:bold;
  padding-left:1em; /* 13px */
}

/* =main
Main Content Styles */

div#content div#mainContent {
  padding-top:15px;
  width:680px;
}

div#content div#mainContent div.sectionBox {
  border-bottom:1px solid #E8E8E8;
  margin-bottom:20px;
  padding:7px 15px 40px 290px;
}

div#content div#mainContent div.borrowersBox {
  background:#FFF url(/images/homepage/borrowers-box-bg.jpg) no-repeat 0 20px;
}

div#content div#mainContent div.parentsBox {
  background:#FFF url(/images/homepage/parents-box-bg.jpg) no-repeat 0 20px;
}

div#content div#mainContent div.schoolsBox {
  background:#FFF url(/images/homepage/schools-box-bg.jpg) no-repeat 0 20px;
  border-bottom:0;
}

div#content div#mainContent div.sectionBox h2 {
  color:#4F2683;
  font:bold 1.846em "Arial Narrow", Arial, Helvetica, sans-serif; /* sets font to 24px */
  margin-bottom:.625em; /* 15px */
  margin-top:.625em; /* 15px */
  text-transform:none;
}

div#content div#mainContent div.sectionBox h2 em {
  color:#666;
  font-weight:normal;
}

div#content div#mainContent div.sectionBox p.button {
  background:transparent url(/images/buttons/grey-button-right.png) no-repeat top right;
  height:1.923em; /* 25px */
  padding-right:5px;
  width:10em; /* 130px */
}

div#content div#mainContent div.sectionBox p.button a {
  background:url(/images/buttons/grey-button-left.png) no-repeat 0 0;
  display: block;
  font-weight:bold;
  line-height:1.923em; /* 25px */
  padding-left:1.769em; /* 23px */
  text-transform:uppercase;
}

/* =right
Right Content Styles */

div#content div#rightContent {
  _height:500px; /* Hack for min_height in IE6 */
  min-height:500px;
  padding-bottom:100px;
  width:210px;
}

div#content div#rightContent h3 {
  font-size:1.364em; /* sets font size to 15px */
}

div#content div#rightContent h3.marginTop {
  margin-top:1.666em; /* 25px */
}

div#content div#rightContent a.lgArrowLink {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  line-height:1em;
  font:bold .923em Arial, Helvetica, sans-serif; /* sets font to 12px */
  padding-left:1.25em; /* 15px */
  text-transform:uppercase;
}