/*******************************************************************************/
/* Global Styles for YouCanDealWithIt Website                                  */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Import Component Stylesheets (=imports)                                     */
/* Reset Styles (=reset)                                                       */
/* General Element Styles (=elements)                                          */
/* Generic Class Styles (=classes)                                             */
/* Link and Link Related Styles (=links)                                       */
/*   Skip Links Styles (=skip)                                                 */
/* Header Styles (=header)                                                     */
/* Navigation Styles (=navigation)                                             */
/* Content Styles (=content)                                                   */
/* Main Content Styles (=main)                                                 */
/*   Table Styles (=table)                                                     */
/*   Table Width Styles (=widths)                                              */
/* Calculator Styles (=calc)                                                   */
/* More Learn More Earn Styles (=MLME)                                         */
/* Right Content Styles (=right)                                               */
/*   Test Your Knowledge Styles (=test)                                        */
/* Footer Styles (=footer)                                                     */
/*******************************************************************************/

/* =reset 
Reset Styles */

body {
  padding:0;
  margin:0;
  font:13px Arial, Helvetica, sans-serif;
}
 
h1, h2, h3, h4, h5, h6, ul, ol, li, em, strong, pre, code {
  padding:0;
  margin:0;
  line-height:1.2em;
  font-weight:normal;
  font-style:normal;
}
 
table {
  border-collapse:separate;
  border-spacing:0;
  font-size:inherit;
}
 
ul {
  list-style:none;
}
 
img {
  border:0;
}
   
p {
  margin:0 0 1em 0;
}

/* =elements
General Element Styles */

html {
  background:#FFF url(/images/html-bg.png) repeat-x;
}

body {
  background:url(/images/body-bg.png) no-repeat 0 140px;
  _background:none; /* Hack for background image in IE6 */
  font-size: 81.25%; /* 13px */
  margin:0 auto;
  padding:0 14px;
  position:relative;
  width:970px;
}

abbr[title],
acronym[title] {
  border-bottom-width:0;
}

/* =classes
Generic Class Styles */

.left { 
  text-align:left; 
}

.right { 
  text-align:right; 
}

.center { 
  text-align:center; 
}

.floatLeft { 
  float:left; 
}

.floatRight { 
  float:right; 
}

.clearBoth { 
  clear:both; 
}

.borderNone { 
  border:none !important; 
}

.hide {
  left:-9999px !important;
  overflow:hidden !important;
  position:absolute !important;
  top:-9999px !important;
}

thead.hide {
  display:block !important;
  height:0.1px !important;
  line-height:0.1px !important;
  margin:0 !important;
  padding:0 !important;
}

.displayNone {
  display:none;
}

/* =links
Link and Link Related Styles */

a {
  outline:none;
}

a:link {
  color:#91278F;
  text-decoration:none;
}

a:visited {
  color:#4F2683;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a[name]:hover {
  color:inherit;
  text-decoration:none;
}

a.arrowLink {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  line-height:1em;
  padding-left:1.25em; /* 15px */
}



/* Hack - to hide em text in modern browsers */
html>/**/body a[rel="external"] {
  background:url(/images/icons/icn-new-window.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="pdf"] {
  background:url(/images/icons/icn-pdf.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="excel"] {
  background:url(/images/icons/icn-excel.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="ppt"] {
  background:url(/images/icons/icn-ppt.jpg) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="image"] {
  background:url(/images/icons/icn-image.gif) no-repeat right 1px;
  padding-right:15px;
}

html>/**/body a[rel="word"] {
  background:url(/images/icons/icn-word.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body div#footer a[rel="pdf"] {
  background:none;
  padding-right:0;
}

html>/**/body span.docTypeText {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}
/* End Hack */


/* =skip
Skip Links Styles */

ul#skipLinks {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

/* =header
Header Styles */

div#header {
  background-color:#FFF;
  height:65px;
  margin:0;
  padding:35px 0 0 15px;
  position:relative;
  width:955px;
  z-index:666;
}

div#header a.logo {
  border:none;
  display:block;
  font-size:11px;
  height:53px;
  margin:0;
  position:relative;
  text-decoration:none;
  width:193px;
}

div#header a.logo i {
  background:#FFF url(/images/header/logo.png) no-repeat 0 0;
  cursor:hand;
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#header ul {
  position:absolute;
  right:10px;
  top:15px;
}

div#header ul li {
  border-right:1px solid #666;
  color:#FFF;
  display:inline;
  float:left;
  font:normal 1em "Arial Narrow", Arial, Helvetica, sans-serif;
  padding:0 .5em; /* 0 6px */
}

div#header ul li a:link, 
div#header ul li a:visited {
  color:#666;
  text-decoration:none;
}

div#header ul li a:hover {
  text-decoration:underline;
}

div#header ul#siteNav {
  right:0;
  top:50px;
}

div#header ul#siteNav li {
  background-color:#4C4C4C;
  border-right:1px solid #FFF;
  display:block;
  float:left;
  font-size:1.08em; /* sets font to 14px */
  padding:0;
  position:relative;
  text-align:center;
}

div#header ul#siteNav li#search {
  border-right:0;
  height:2.786em; /* 39px */
  text-align:left;
  width:255px;
}

div#header ul#siteNav li ul {
  background-color:#FFF;
  border:2px solid;
  border-top:0;
  display:none;
  padding:10px;
  width:215px;
  z-index:999;
}

div#header ul#siteNav li.borrowers ul,
div#header ul#siteNav li.parents ul,
div#header ul#siteNav li.schools ul {
  border-color:#4F2684;
}

div#header ul#siteNav li ul li {
  background:none;
  border:0;
  font:normal .857em Arial, Helvetica, sans-serif; /* sets font to 12px */
  padding:.5em 0;
  text-align:left;
  width:100%;
}

div#header ul#siteNav li.borrowers:hover,
div#header ul#siteNav li.parents:hover,
div#header ul#siteNav li.schools:hover, 
div#header ul#siteNav li.navHover {
  background-color:#4F2684;
}

div#header ul#siteNav li:hover ul,
div#header ul#siteNav li:active ul, 
div#header ul#siteNav li.navHover ul {
  display:block;
  left:0;
  position:absolute;
  top:2.786em; /* 39px */
}

div#header ul#siteNav li a:link, 
div#header ul#siteNav li a:visited,
div#header ul#siteNav li a:hover {
  color:#FFF;
  display:block;
  line-height:2.786em; /* 39px */
  text-decoration:none;
  text-transform:uppercase;
  width:163px;
}

div#header ul#siteNav li ul li a:link, 
div#header ul#siteNav li ul li a:visited, 
div#header ul#siteNav li.navHover ul li a:link, 
div#header ul#siteNav li.navHover ul li a:visited {
  color:#666;
  line-height:1em;
  padding:0; /* 3px */
  text-decoration:none;
  text-transform:none;
  width:auto;
}

div#header ul#siteNav li ul li a:hover, 
div#header ul#siteNav li.navHover ul li a:hover {
  color:#91278F;
  text-decoration:underline;
}

div#header form div {
  margin:0;
  padding:0;
}

div#header form div input.searchBox {
  background-color:#F4F4F4;
  border:1px solid #CCC;
  border-left:0;
  color:#666;
  display:block;
  font-size:12px;
  height:1.5em;
  line-height:1.5em;
  padding-left:5px;
  position:absolute;
  right:15px;
  top:0.75em;
  vertical-align:middle;
  width:176px;
}

div#header form div input.searchButton {
  font-size:12px;
  position:absolute;
  right:195px;
  top:0.75em;
}

/* =navigation
Navigation Styles */

h2.navHeader {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#leftNav {
  display:inline;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  width:225px;
}

div#content div#leftNav ul#navigation {
  border-top:1px solid #CCC;
  margin:3px 0 0 10px;
  padding:0;
  width:215px;
}

div#content div#leftNav ul#navigation li {
  border-bottom:1px solid #CCC;
  display:block;
  _display:inline-block; /* Hack for IE6 */
}

div#content div#leftNav ul#navigation li a:link,
div#content div#leftNav ul#navigation li a:visited,
div#content div#leftNav ul#navigation li a:hover {
  background:#FFF url(/images/navigation/nav-arrow.png) no-repeat 185px 10px;
  border-bottom:1px solid #FFF;
  border-top:1px solid #FFF;
  color:#333;
  display:block;
  padding:.846em 0 .846em 1em; /* 11px 0 11px 13px */
  text-align:left;
  text-decoration:none;
}

div#content div#leftNav ul#navigation li a:hover {
  background:#4F2683 url(/images/navigation/nav-arrow-active.png) no-repeat 185px 10px;
  color:#FFF;
  font-weight:bold;
}

div#content div#leftNav ul#navigation li ul {
  border-top:1px solid #CCC;
  display:none;
}

div#content div#leftNav ul#navigation li ul li {
  border:0;
  font-size:.923em; /* sets font to 12px */
}

div#content div#leftNav ul#navigation li ul li a:link,
div#content div#leftNav ul#navigation li ul li a:visited,
div#content div#leftNav ul#navigation li ul li a:hover {
  background:none;
  borderm:0;
  color:#666;
  display:block;
  padding:.846em 0 .846em 1em; /* 11px 0 11px 13px */
  text-align:left;
  text-decoration:none;
}

div#content div#leftNav ul#navigation li ul li a:hover {
  background:none;
  background-color:#F7F7F7;
  color:#91278F;
  font-weight:normal;
}

div#content div#leftNav div.factsBox {
  background:url(/images/navigation/brackets.png) no-repeat left;
  color:#959595;
  display:inline;
  float:left;
  font:normal 1em "Arial Narrow", Arial, Helvetica, sans-serif;
  margin:45px 0 0 20px;
  padding:0 28px;
  text-align:center;
  width:129px;
}

div#content div#leftNav div.factsBox h3 {
  color:#629F39;
  font-size:2.308em; /* 30px */
  text-transform:lowercase;
}

div#content div#leftNav div.factsBox h3 b {
  font-weight:bold;
  margin-right:-.25em;
}

div#content div#leftNav div.factsBox cite {
  font-size:.846em; /* sets font size to 11px */
  font-style:normal;
}

div#content div#leftNav div.factsBox strong {
  font-weight:bold;
}

div#content div#leftNav div.factsBox strong.green {
  font-size:1.538em; /* sets font size to 20px */
}

div#content div#leftNav div.factsBox ul {
  margin:1em 0 1em 1.5em; /* 13px 0 13px 19.5px */
  text-align:left;
}

div#content div#leftNav div.factsBox ul li {
  list-style-type:disc;
  padding:.154em; /* 2px */
}

/* =content
Content Styles */

div#content {
  background-color:#FFF;
  _height:920px; /* Hack for min_height in IE6 */
  margin:0;
  min-height:920px;
  padding:10px 0 0 0;
  position:relative;
  width:970px;
}

div#content p.detailLink {
  background:transparent url(/images/buttons/sm-grey-button-right.png) no-repeat top right;
  font-size:.923em; /* sets font size to 12px */
  height:1.75em; /* 20px */
  padding-right:5px;
  padding-bottom: 1px;
  width:8.333em; /* 100px */
}

div#content div#rightContent p.detailLink {
  font-size:1em; /* sets font size to 12px */
}

div#content p.detailLink a {
  background:url(/images/buttons/sm-grey-button-left.png) no-repeat 0 0;
  display: block;
  line-height:1.75em; /* 20px */
  padding-left:1.25em; /* 15px */
  padding-bottom: 1px;
}

div#content div#contentFooter {
  clear:both;
  display:none;
}

html>/**/body div#content div#contentFooter {
  display:block;
  height:0;
  overflow:hidden;
}

/* =main
Main Content Styles */

div#content div#mainContent {
  color:#666;
  display:inline;
  float:left;
  margin:0 20px;
  padding:0;
  width:485px;
}

div#content div#mainContent h1 {
  color:#333;
  font:bold 1.692em  Arial, Helvetica, sans-serif; /* sets font to 18px */
  font-smooth:always;
  margin-bottom:.833em; /* 15px */
}

div#content div#mainContent h2 {
  color:#333;
  font:bold 1.154em  Arial, Helvetica, sans-serif; /* sets font to 15px */
  font-smooth:always;
  margin:2em 0 .333em 0; /* 30px 0 5px 0 */
}

div#content div#mainContent h2.marginTopNone {
  margin-top:0;
}

div#content div#mainContent h2.tips {
  background:#FFF url(/images/icons/icn-tips.gif) no-repeat 0 12px;
  border-bottom:1px solid #BB9DCE;
  border-top:1px solid #BB9DCE;
  color:#333;
  display:block;
  font:bold 1.154em  Arial, Helvetica, sans-serif; /* sets font to 15px */
  margin-bottom:1em; /* 15px */
  padding:15px 0 15px 40px;
  text-transform:none;
}

div#content div#mainContent h3 {
  color:#333;
  font:bold 1em Arial, Helvetica, sans-serif;
}

div#content div#mainContent strong {
  color:#333;
  font-weight:bold;
}

div#content div#mainContent p {
	color: #666;
}

div#content div#mainContent ul {
  margin:0 0 1em 1.5em; /* 0 0 13px 19.5px */
}

div#content div#mainContent ul li {
  list-style-type:disc;
  padding:.538em 0; /* 7px 0 */
}

div#content ol {
  margin:1em 0 1em 1.923em; /* 13px 0 13px 25px */
}

div#content div#mainContent ol li {
  padding:.538em 0; /* 7px 0 */
}

div#content div#mainContent ul.anchorList li {
  padding:.231em 0; /* 3px 0 */
}

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

div#content div#mainContent ul.glossaryList li {
  display:inline;
  list-style-type:none;
  margin:0 5px 0 0;
  padding:0;
  text-align:left;
}

div#content div#mainContent ul.indexNavList {
  margin:1.538em 0 0 0; /* 20px 0 0 0 */
  padding:0;
}

div#content div#mainContent ul.indexNavList li {
  list-style:none;
  margin:0;
  padding:0 0 1.538em 0; /* 0 0 20px 0 */
}

div#content div#mainContent ul.indexNavList li p {
  margin-bottom:.5em; /* 6px */
  padding:0 0 0 1.25em;  /* 0 0 0 15px */
}

div#content div#mainContent ul.indexNavList li ul {
  margin:.5em 0 1em 1.5em; /* 7px 0 13px 19.5px */
}

div#content div#mainContent ul.indexNavList li ul li {
  font-size:.923em; /* sets font size to 12px */
  list-style-type:disc;
  padding:.417em 0; /* 5px 0 */
}

div#content div#mainContent ul.indexNavList li a {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  display:block;
  font-weight:bold;
  line-height:1em;
  padding-left:1.25em; /* 15px */
}

div#content div#mainContent ul.storiesNavList {
  margin:3.07em 0 0 0; /* 20px 0 0 0 */
  padding:0;
}

div#content div#mainContent ul.storiesNavList li {
  list-style:none;
  height:133px;
  margin:0;
  padding:30px 0 1.077em 240px; /* 0 0 14px 0 */
}

div#content div#mainContent ul.storiesNavList li a {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  font-weight:bold;
  line-height:1em;
  margin-left:20px;
  padding-left:1.25em; /* 15px */
}

div#content div#mainContent ul.storiesNavList li p {
  color:#666;
  margin-left:20px;
  padding-left:1.25em; /* 15px */
}

div#content div#mainContent ul.storiesNavList li.joe {
  background: url(/images/personal-stories/joe_thumbnail.jpg) 40px 0 no-repeat;
}

div#content div#mainContent ul.storiesNavList li.pam {
  background: url(/images/personal-stories/pam_thumbnail.jpg) 40px 0 no-repeat;
}

div#content div#mainContent ul.storiesNavList li.dave {
  background: url(/images/personal-stories/dave_thumbnail.jpg) 40px 0 no-repeat;
}

div#content div#mainContent ul.storiesNavList li.chris {
  background: url(/images/personal-stories/chris_thumbnail.jpg) 40px 0 no-repeat;
}

div#content div#mainContent ul.storiesNavList li.amber {
  background: url(/images/personal-stories/amber_thumbnail.jpg) 40px 0 no-repeat;
}

div#content div#mainContent ul.storiesNavList li.marc {
  background: url(/images/personal-stories/marc_thumbnail.jpg) 40px 0 no-repeat;
}

div#content div#mainContent hr {
  background-color:#333;
  border:0;
  color:#333;
  height:1px;
  margin:1.154em 0; /* 15px 0 */
}

body.loanBasicsBody div#content div#mainContent h2 {
  margin-top:1.333em; /* 20px */
}

body.loanBasicsBody div#content div#mainContent hr {
  margin:1.5em 0 0 0; /* 20px 0 0 0 */
}

div#content div#mainContent div.blindsWrapper {
  background:#FFF url(/images/table-bg.png) repeat-x 0 0;
  border:1px solid #E8E8E8;
  border-top:2px solid #4F2683;
  padding:10px;
  margin-bottom:30px;
  zoom:1;
}

div#content div#mainContent div.blindsWrapper h2 {
  background:transparent;
  border-bottom:1px solid #999;
  color:#666;
  font:bold 1em Arial, Helvetica, sans-serif;
  margin:-10px -10px 20px -10px;
  padding:10px 2px;
}

div#content div#mainContent div.blinds h3 {
  background-color:#EDEDED;
  /*height:2em;*/
  margin-bottom:1.3em;
}

div#content div#mainContent div.blinds h3 a {
  background:url(/images/buttons/blinds-arrow.jpg) no-repeat right;
  display:block;
  line-height:2em;
  margin:0 20px 0 10px;
  padding-right:20px;
  text-decoration:none;
}

div#content div#mainContent div.blinds h3 a.activeLink {
  background:url(/images/buttons/blinds-arrow-active.jpg) no-repeat right;
}

div#content div#mainContent div.blinds h3 a span {
  color:#666;
}

div#content div#mainContent div.blinds p {
  margin:0 0 15px 20px;
}

div#content div#mainContent div.blinds ul {
  margin-left:3.077em; /* 40px */
}

div#content div#mainContent div.blinds p.arrowLink.topLeftImg {
  background-position: left 2px;
}

div#content div#mainContent div.blinds ol {
  margin-left:3.462em; /* 45px */
}

div#content div#mainContent div.blinds div.tips {
  background: #FCFFF9;
  border: 1px solid #CDFF79;
  border-radius: 5px;
  color: #000;
  margin: 10px 24px;
  font: 12px Arial, Helvetica, sans-serif;
  -moz-border-radius-: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div#content div#mainContent div.blinds div.tips h4 {
  color: #6BB441;
  font: bold 14px  Arial, Helvetica, sans-serif;
  height: 32px;
  line-height: 32px;
  padding-left: 25px;
  position: relative;
  text-transform: uppercase;
}

div#content div#mainContent div.blinds div.tips h4 em {
  font: bolder 32px "Courier New", Courier, monospace;
  left: 5px;
  position: absolute;
  top: 0;
}


div#content div#mainContent div.highlightBox,
div#content div#mainContent div.detailsBox {
  background:#FFF url(/images/table-bg.png) repeat-x 0 0;
  border:1px solid #E8E8E8;
  border-top:2px solid #4F2683;
  margin-bottom:20px;
  padding:10px;
}

div#content div#mainContent div.subHeader {
  _height:150px;
  min-height:150px;
  padding-left:170px;
}

div#content div#mainContent div.aidHeader {
  background:url(/images/sub-landing-page/student-Aid-101.jpg) no-repeat 0 0;
}

div#content div#mainContent div.paymentsHeader {
  background:url(/images/sub-landing-page/making-payments.jpg) no-repeat 0 0;
}

div#content div#mainContent div.moneyManagementHeader {
  background:url(/images/sub-landing-page/money-management.jpg) no-repeat 0 0;
}

div#content div#mainContent div.calculatorHeader {
  background:url(/images/sub-landing-page/calculator-recources.jpg) no-repeat 0 0;
}

div#content div#mainContent div.troubleHeader {
  background:url(/images/sub-landing-page/trouble-paying.jpg) no-repeat 0 0;
}

div#content div#mainContent a.BackToTop {
  background:url(/images/icons/icn-top.gif) no-repeat left;
  display:block;
  height:1.231em; /* 16px */
  line-height:1.231em; /* 16px */
  margin-bottom:35px;
  padding-left:22px;
}

div#content div#mainContent div.sitemapCol {
  float:left;
  margin:0;
  padding:0;
  width:45%;
}

/* =table
Table Styles */

div#content div#mainContent table {
  background:#FFF url(/images/table-bg.png) repeat-x 0 0;
  border-left:1px solid #E8E8E8;
  border-top:2px solid #4F2683;
  margin:1em 0;
  width:100%;
}

div#content div#mainContent table th,
div#content div#mainContent table td {
  padding:.615em !important; /* 8px */
  vertical-align:top;
}

div#content div#mainContent table thead th {
  border-bottom:1px solid #999;
  border-right:1px solid #CCC;
  font-weight:bold;
  text-align:left;
  vertical-align:middle;
}

div#content div#mainContent table tbody th,
div#content div#mainContent table tbody td {
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
  padding:3px 3px 3px 12px;
}

div#content div#mainContent table tbody th {
  font-weight:bold;
  text-align:left;
}

div#content div#mainContent table tbody strong {
  color:#666;
}

div#content div#mainContent table tbody tr:hover {
  background-color:#F7F7F7;
}

/* =widths
Table Width Styles */

div#content div#mainContent table .td10 { 
  width:10%; 
}

div#content div#mainContent table .td15 { 
  width:15%; 
}

div#content div#mainContent table .td17 {  
  width:17%; 
}

div#content div#mainContent table .td20 {  
  width:20%; 
}

div#content div#mainContent table .td25 {  
  width:25%; 
}

div#content div#mainContent table .td30 {  
  width:30%; 
}

div#content div#mainContent table .td33 {  
  width:33%; 
}

div#content div#mainContent table .td40 {  
  width:40%; 
}

div#content div#mainContent table .td50 {  
  width:50%; 
}

div#content div#mainContent table .td60 {  
  width:60%; 
}

div#content div#mainContent table .td70 {  
  width:70%; 
}

div#content div#mainContent table .td75 {  
  width:75%; 
}

div#content div#mainContent table .td80 {  
  width:80%; 
}

div#content div#mainContent table .td90 {  
  width:90%; 
}

/* =calc
Calculator Styles */

div#content div#mainContent div.noscript {
  border: 5px solid #91278F;
  padding: 1em;
}

div#content div#mainContent div.noscript h2,
div#content div#mainContent div.noscript p {
  margin: 0;
  padding: 0;
}

div#content div#mainContent div.calcWrapper {
  display: none; /* Hide initially, if script is off */
}

div#content div#mainContent div.calcFieldset {
  background-color: #F4F4F4;
  border: 1px solid #CCC;
  border-bottom-color: #E6E6E6;
  border-right-color: #E6E6E6;
  margin: 1em 0;
  padding: .769em 10px 0 10px;
  position: relative;
  /*CSS3 Rounded Corners*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;	
}

div#content div#mainContent div.calcFieldset.results {
  border-color: #91278F;
}

div#content div#mainContent div.calcFieldset.results div.highlight input {
  font-weight: bold;
}

div#content div#mainContent div.calcFieldset div.calcField {
  background: #E6E6E6;
  margin: 0 0 .769em 0;
  padding: .769em 10px;
  position: relative;
  /*CSS3 Rounded Corners*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div#content div#mainContent div.calcFieldset div.calcField.highlight {
  background-color: #91278F;
  color: #FFF;
  font-weight: bold;
}

div#content div#mainContent div.calcFieldset div.calcField label {
  display: inline-block;
  width: 340px;
}

div#content div#mainContent div.calcFieldset div.calcField#totalAnnualExpensesWrapper label {
  width: 150px;
}

div#content div#mainContent div.calcFieldset div.calcField#totalAnnualExpensesWrapper label.small {
  position: absolute;
  top: .769em;
  left: 285px;
  width: 60px;
}

div#content div#mainContent div.calcFieldset div.calcField#totalAnnualExpensesWrapper input#totalAnnualExpenses {
  left: 190px;
}

div#content div#mainContent div.calcFieldset div.calcField span.desc {
  left: 358px;
  position: absolute;
  top: .769em;
  width: 20px;
}

div#content div#mainContent div.calcFieldset div.calcField#totalAnnualExpensesWrapper span.desc.small {
  left: 178px;
  position: absolute;
}

div#content div#mainContent div.calcFieldset div.calcField input {
  color: #666666;
  left: 370px;
  position: absolute;
  top: .538em;
  width: 78px;
}

div#content div#mainContent div.calcFieldset div.calcField.pct input {
  width: 60px;
}

div#content div#mainContent div.calcFieldset div.calcField.pct span.desc {
  left: 439px;
}

div#content div#mainContent div.calcFieldset div.calcField.mth input {
  width: 32px;
}

div#content div#mainContent div.calcFieldset div.calcField.mth span.desc {
  left: 412px;
}

div#content div#mainContent div.calcFieldset div.calcField.checkbox input {
  left: 367px;
  width: auto;
}

div#content div#mainContent div.calcFieldset div.calcField.checkbox span.desc {
  left: 390px;
  width: auto;
}

div#content div#mainContent div.calcFieldset div.calcField.headers span.desc {
  font-weight: bold;
  text-align: center;
  top: .154em;
  width: 75px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField.headers span.desc.loanAmt {
  left: 100px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField.headers span.desc.intRate {
  left: 230px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField.headers span.desc.paymentPeriod {
  left: 370px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField label.small {
  width: 75px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField span.desc.loanAmt {
  left: 85px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField input.loanAmt {
  left: 100px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField input.intRate {
  left: 232px;
  width: 60px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField span.desc.intRate {
  left: 303px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField span.desc.months {
  left: 412px;
}

div#content div#mainContent div#interestSavingsCalculator div.calcFieldset div.calcField input.months {
  left: 370px;
  width: 32px;
}

div#content div#mainContent div.calcButton {
  margin: 0 auto;
  width: 135px;
}

div#content div#mainContent div.calcButton a {
  background-image: url(/images/buttons/calc-button.jpg);
  background-position: center;
  background-repeat: no-repeat;
  color: #4F2684;
  display: block;
  height: 24px;
  line-height: 23px;
  text-align: center;
  text-transform: uppercase;
  width: 135px;
}
div#content div#mainContent p.arrowLink {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  line-height:1em;
  padding-left:1.25em; /* 15px */
}

/* =MLME
The More You Learn, the More You Earn Styles */

div#content div#mainContent div#MLME-wrapper {
  background: url(/images/interactive/MLME-bg.jpg) no-repeat top left;
  float: left;
  overflow: hidden;
  padding-right: 20px;
  position: relative;
}

div#content div#mainContent div#MLME-wrapper p#MLME-text {
  background: url(/images/interactive/MLME-text-anchor.png) no-repeat left center;
  left: 110px;
  margin: 0;
  padding-left: 12px;
  position: absolute;
  top: 294px;
  z-index: 1;
}

div#content div#mainContent div#MLME-wrapper p#MLME-text span {
  background-color: #6BB441;
  color: #FFF;
  display: block;
  font-weight: bold;
  height: 16px;
  padding: 4px 8px 4px 4px;
  -moz-box-shadow: 2px 2px 1px #333;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-box-shadow: 2px 2px 1px #333;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

div#content div#mainContent div#MLME-wrapper div#MLME-slider {
  background: url(/images/interactive/MLME-slider.png) no-repeat top left;
  height: 396px;
  left: 0;
  position: absolute;
  top: 0;
  width: 175px;
}

div#content div#mainContent div#MLME-wrapper div#MLME-overlay {
  background: url(/images/interactive/MLME-overlay.png) no-repeat top left;
  height: 396px;
  position: relative;
  width: 175px;
}

div#content div#mainContent div#MLME-content {
  float: left;
  width: 490px;
}

div#content div#mainContent div.MLME h3 {
  background-color:#EDEDED;
  height:2em;
  margin-bottom:1.3em;
}

div#content div#mainContent div.MLME h3 a {
  background:url(/images/buttons/blinds-arrow.jpg) no-repeat right;
  display:block;
  line-height:2em;
  margin:0 20px 0 10px;
  padding-right:20px;
  text-decoration:none;
}

div#content div#mainContent div.MLME h3 a.activeLink {
  background:url(/images/buttons/blinds-arrow-active.jpg) no-repeat right;
}

div#content div#mainContent div.MLME h3 a span {
  color:#666;
}

div#content div#mainContent div.MLME p {
  margin:0 0 15px 20px;
}


/* =right
Right Content Styles */

div#content div#rightContent {
  background:#F2F2F2 url(/images/right-content/column-bg.png) repeat-x bottom left;
  display:inline;
  float:left;
  font-size:.923em; /* sets font size to 12px */
  margin:0;
  padding:0 20px 250px 20px;
  width:180px;
}

div#content div#rightContent h3 {
  color:#333;
  font:bold 1.083em  Arial, Helvetica, sans-serif; /* sets font to 13px */
  font-smooth:always;
  margin-bottom:.231em; /* 3px */
  margin-top:2.923em; /* 38px */
}

div#content div#rightContent strong {
  font-weight:bold;
}

div#content div#rightContent ul {
  margin:0 0 1em 1.5em; /* 0 0 13px 19.5px */
}

div#content div#rightContent ul li {
  list-style-type:disc;
  padding:.23em; /* 3px */
}

div#content div#rightContent ul.linksList {
  margin-left:0;
}

div#content div#rightContent ul.linksList li {
  list-style:none;
  padding:.154em 0; /* 2px 0 */
}

div#content div#rightContent ul.linksList li a {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  line-height:1em;
  padding-left:1.25em; /* 15px */
}

div#content div#rightContent img {
  float:left;
  margin:20px 0;
  padding:0;
}

/*div#content div#rightContent img.extWindow {
  float:none!important;
  margin: 0 0 0 8px!important;
  padding: 0;
}*/
div#content div#rightContent p.arrowLink {
  background:url(/images/icons/icn-link-arrow.gif) no-repeat left;
  line-height:1em;
  padding-left:1.25em; /* 15px */
}
div#content div#rightContent .marginBottom {
  margin-bottom:2.692em; /* 35px */
}

/* =test
Test Your Knowledge Styles */

div#content div#rightContent div.answerBox {
  color:#666;
}

div#content div#rightContent div.answerBox cite {
  font-size:.846em; /* sets font size to 11px */
  font-style:normal;
}

div#content div#rightContent a.facebookSidebar {
  background: url(/docs/facebook-sidebar.jpg) top left no-repeat;
  display: block;
  height: 69px;
  text-indent: -9999px;
  width: 210px;
}

/* =footer
Footer Styles */

div#footer {
  background:#FFF /*url(/images/footer/logo.gif) no-repeat 776px 20px*/;
  height:11.538em; /* 150px */
  margin:0;
  padding:0 10px 0 10px;
  position:relative;
  width:950px;
}

div#footer h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#footer p {
  bottom:1em;
  color:#666;
  font:normal 1em "Arial Narrow", Arial, Helvetica, sans-serif;
  left:10px;
  margin:0;
  position:absolute;
}

div#footer ul {
  left:10px;
  margin:0;
  padding:0;
  position:absolute;
}

div#footer ul.site {
  top:1.364em; /* 15px */
}

div#footer ul.ext {
  top:3.364em; /* 37px */
}

div#footer ul li {
  border-right:1px solid #666;
  color:#FFF;
  display:inline;
  float:left;
  font:normal 1em "Arial Narrow", Arial, Helvetica, sans-serif;
  line height:1em;
  padding:0 .5em; /* 0 6px */
}

div#footer ul li.last {
  border-right:0;
}

div#footer ul li a:link, 
div#footer ul li a:visited {
  color:#666;
  text-decoration:none;
}

div#footer ul li a:hover {
  text-decoration:underline;
}

div#footer ul#sponsoredSites {
 height: 3.69em;
 position: absolute;
 left: 50.46em;/*656px*/
 top:15px;
 width: 24.38em;
}

div#footer ul.facebook {
  background: #FF9900;
  position: absolute;
  left:5px; 
  top: -68px;
}

div#footer ul.facebook li a.fb {
  background: url(/images/footer/facebook-logo.gif) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999px;
  height: 60px;
  width: 165px;
}

div#footer ul#sponsoredSites li a.pheaa {
  background: url(/images/footer/pheaa-logo.gif) 0 0 no-repeat;
  position: absolute;
  left:0; 
  top: 0;
  height: 48px;
  width:120px;
}

div#footer ul#sponsoredSites li a.aes {
  background: url(/images/footer/aes-logo.gif) 0 0 no-repeat;
  position: absolute;
  left:130px; 
  top: 0;
  height: 48px;
  width:48px;
}

div#footer ul#sponsoredSites li a.fls {
  background: url(/images/footer/fls-logo.gif) 0 0 no-repeat;
  position: absolute;
  left:188px; 
  top: 0;
  height: 48px;
  width:120px;
}

div#footer ul#sponsoredSites li a:hover {
  text-decoration: none;
}

div#footer hr {
  background-color:#E8E8E8;
  border:0;
  color:#E8E8E8;
  height:1px;
  margin:0 0 15px 0;
}