/* CSS Document */ 

* {
    padding: 0;
    margin: 0;
}

body {
    background: #f5f5f5 url(../images/sitebg.gif) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

form {
    margin: 0;
    padding: 0;
}

/* sitemap styles */

.sitemap_left {
    width: 330px;
    float: left;
}

.sitemap_right {
    width: 300px;
    float: left;
}

/**************** Ad Styles ****************/

#adLeaderboard {width: 728px; height: auto; float: none; clear: none; margin: .25em auto}
.adClear {clear: both}
#adRectangle {width: 180px; height: auto; margin: 1em auto}
#adMedRectangle {width: 300px; height: auto; float: right; clear: none; margin: 1em 0 1em 1em}
#adSkyscraper {width: 160px; height: auto; float: right; clear: none; margin: 1em 0 1em 1em}
#adBanner {width: 468px; height: auto; margin: 1em auto}

/* _______________________________________________________ */

.stafford-limit-wrap {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.stafford-limit-wrap sup {
    margin-left: 10px;
    float: left;
    margin-top: 10px;
}

.stafford-limit-header {
    background-color: #0965AE;
    color: #FFF;
    text-align: center;
}

.stafford-limit-header-full {
    width: 635px;
}

.stafford-limit-header-left {
    width: 220px;
    margin-right: 2px;
    text-align: left;
}

.stafford-limit-header-left {
    width: 220px;
    margin-right: 2px;
    text-align: left;
}

.stafford-limit-header-left-centerit {
    width: 220px;
    margin-right: 2px;
    text-align: center;
}

.stafford-limit-header-right {
    width: 391px;
    text-align: left;
}

.stafford-limit-header-right-centerit {
    width: 391px;
    text-align: center;
}

.stafford-limit-header-left-third-centerit {
    width: 155px;
    margin-right: 2px;
    text-align: center;
}

.stafford-limit-header-left-third {
    width: 155px;
    margin-right: 2px;
    text-align: left;
}

.stafford-limit-header-middle-third {
    width: 155px;
    margin-right: 2px;
    text-align: right;
}

.stafford-limit-header-middle-third-centerit {
    width: 155px;
    margin-right: 2px;
    text-align: center;
}

.stafford-limit-header-right-third {
    width: 281px;
    text-align: right;
}

.stafford-limit-header-right-third-centerit {
    width: 281px;
    text-align: center;
}

.align-it-right {
    text-align: right;
}

.stafford-limit-offrow {
    background-color: #FFF;
    color: #000;
}

.stafford-limit-offrow-yellow {
    background-color: #FFFF99;
    color: #000;
}

.stafford-limit-onrow {
    background-color: #E0E0E0;
    color: #000;
}

.stafford-limit-all-row {
    float: left;
    padding: 8px 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.stafford-limit-apply {
    text-align: center;
    float: left;
    margin-top: 20px;
    margin-bottom: 25px;
}

/* _______________________________________________________ */


/**************** Structural Elements ****************/
#wrapper {
    position: relative;
    left: 50%;
    margin-left: -444px;
    padding: 0;
    width: 888px;
    height: auto;
}

#folio {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    width: 928px;
    height: auto;
    background: #fff;
    border-right: solid 1px #d2d2d2;
    border-left: solid 1px #d2d2d2;
}

/**************** Site Container ****************/
#site_wrapper {
    float: left;
    width: 888px;
    height: auto;
    margin: 12px 0 0 20px;
    padding: 0;
    background: #fff;
    display: inline;
}

/**************** Logo Container ****************/
#logo_strip {
    float: left;
    width: 888px;
    height: auto;
    margin: 0;
    padding: 0;
}

.logo {
    float: left;
    width: 387px;
    height: 72px;
    margin: 0;
    padding: 0;
}

/**************** Top Right Styles ****************/
.topright {
    float: right;
    margin: 41px 0 0 0;
    padding: 0;
    text-align: right;
}

.topright a {
    font-size: 11px;
    color: #b3c3dc;
}

.topright a:link {
    color: #444;
    text-decoration: none;
    font-size: 11px
}

.topright a:visited {
    color: #444;
    text-decoration: none;
    font-size: 11px
}

.topright a:hover {
    color: #444;
    text-decoration: underline;
    font-size: 11px
}

.topright a:active {
    color: #444;
    text-decoration: none;
    font-size: 11px
}

.topright_split {
    margin: 0 10px;
}

/************** Navigation ****************/
.nav-height {
    height: 36px;
    float: left;
}

.nav-lr-width {
    width: 10px;
}

.nav-section a {
    display: block;
    height: 28px;
    width: 170px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
    padding-top: 8px;
	text-decoration: none;
    background-image: url(../images/navbg_middle.jpg);
    font-weight: bold;
}

/*.nav-section a:hover {background-position: 0px -36px; color: #000;} Re-activate this line if you want a hover effect */
.nav-section a:hover {color: #cfe0f6;}
.nav-l {
    background-image: url(../images/navbg_left.jpg);
}

.nav-r {
    background-image: url(../images/navbg_right.jpg);
}

.nav-dev {
    width: 4px;
    background-image: url(../images/navbg_divider.jpg);
}

.topnavselected a {
    color: #cfe0f6;
    text-decoration: none;
}


/*************** Main Content Wrapper and Area Styles ****************/
#main_content {
    float: left;
    width: 888px;
    height: auto;
    margin: 0;
    padding: 0;
}

/**************** Left Column ****************/
#left_content {
    float: left;
    width: 206px;
    height: auto;
    margin: 0;
    padding: 0;
}

.left_module {
    float: left;
    width: 206px;
    height: auto;
    margin: 13px 0 0 0;
    padding: 0;
}

.left_module img {
    vertical-align: middle;
}

.left_module h1 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    color: #111;
    font-weight: bold;
}

.left_module p {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 12px;
    color: #222;
    font-weight: normal;
}

.left_module a:link {
    color: #0965ae;
    text-decoration: none;
    font-size: 12px
}

.left_module a:visited {
    color: #0965ae;
    text-decoration: none;
    font-size: 12px
}

.left_module a:hover {
    color: #0965ae;
    text-decoration: underline;
    font-size: 12px
}

.left_module a:active {
    color: #0965ae;
    text-decoration: none;
    font-size: 12px
}

.left_module a.black {
    color: #222;
    text-decoration: none;
}

.left_module a.black:hover {
    color: #222;
    text-decoration: underline;
}

.left_resources_wrap{float:left; width:206px; height:auto; margin:13px 0 0 0; padding:0}

.left_resources{float:left; width:206px; height:auto; margin:0; padding:0; background:#e6eff8 url(http://www.directstudentloans.com/images/leftbg.gif) no-repeat}

.left_resources h1{margin:10px 12px 4px 12px; padding:0 0 4px 0; font-size:14px; color:#980F08; font-weight:bold; background:url(http://www.directstudentloans.com/images/lefth1-bg.gif) bottom left repeat-x}

.left_resources h1 a:link{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h1 a:visited{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h1 a:hover{color:#980F08; font-size:14px; text-decoration:underline}
.left_resources h1 a:active{color:#980F08; font-size:14px; text-decoration:none}

.left_resources h3{margin:10px 12px 4px 12px; padding:0 0 4px 0; font-size:14px; color:#980F08; font-weight:bold; background:url(http://www.directstudentloans.com/images/lefth1-bg.gif) bottom left repeat-x}

.left_resources h3 a:link{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h3 a:visited{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h3 a:hover{color:#980F08; font-size:14px; text-decoration:underline}
.left_resources h3 a:active{color:#980F08; font-size:14px; text-decoration:none}

.left_resources h4{margin:8px 12px 0 12px; padding:10px 0 0 0; font-size:12px; color:#980F08; font-weight:bold; background:url(http://www.directstudentloans.com/images/lefth1-bg.gif) top left repeat-x}

.left_resources h4 a:link{color:#980F08; text-decoration:none; font-size:12px}
.left_resources h4 a:visited{color:#980F08; text-decoration:none; font-size:12px}
.left_resources h4 a:hover{color:#980F08; text-decoration:underline; font-size:12px}
.left_resources h4 a:active{color:#980F08; text-decoration:none; font-size:12px}

.left_resources p{margin:2px 12px 0 12px; padding:0 0 2px 10px; font-size:12px; color:#000; font-weight:normal; background:url(http://www.directstudentloans.com/images/leftp-bg.gif) left .2em no-repeat}

.left_resources p.active{margin:2px 12px 0 0; padding:0 0 2px 22px; font-size:12px; color:#0965AE; font-weight:bold; background:url(http://www.directstudentloans.com/images/leftp-bg-active.gif) left .2em no-repeat}

.left_resources p.active a{color:#0965AE;white-space:nowrap;}

.left_resources a:link{color:#000; text-decoration:none; font-size:12px}
.left_resources a:visited{color:#000; text-decoration:none; font-size:12px}
.left_resources a:hover{color:#000; text-decoration:underline; font-size:12px}
.left_resources a:active{color:#000; text-decoration:none; font-size:12px}

.left_resources_bottom{float:left; width:206px; height:9px; margin:0; padding:0; font-size:2px; background:#e6eff8 url(http://www.directstudentloans.com/images/leftbg-bottom.gif) no-repeat}


/**************** Right Column ****************/
#right_content {
    float: right;
    width: 655px;
    height: auto;
    margin: 0;
    padding: 0;
}

.right_module {
    float: left;
    width: 655px;
    height: auto;
    margin: 13px 0 0 0;
    padding: 0;
}

.right_module_leading {
    margin: 0 0 1em 0;
}

.right_module h1 {margin: 0;padding: 0;font-size: 20px;font-weight: bold;color: #0965ae;}
.right_module h1 a:link{color:#0965ae; font-size:20px; text-decoration:none}
.right_module h1 a:visited{color:#0965ae; font-size:20px; text-decoration:none}
.right_module h1 a:hover{color:#0965ae; font-size:20px; text-decoration:underline}
.right_module h1 a:active{color:#0965ae; font-size:20px; text-decoration:none}

.right_module h2{margin:1.5em 0 0 0; padding:0; font-size:16px; font-weight:bold; color:#000}
.right_module h2 a:link{color:#0965ae; font-size:16px; text-decoration:none}
.right_module h2 a:visited{color:#0965ae; font-size:16px; text-decoration:none}
.right_module h2 a:hover{color:#0965ae; font-size:16px; text-decoration:underline}
.right_module h2 a:active{color:#0965ae; font-size:16px; text-decoration:none}

.right_module h3{margin:1.5em 0 0 0; padding:0; color:#000; line-height:normal; font-size:14px; font-weight:bold}
.right_module h3 a:link {color: #000000;font-size: 14px;text-decoration: none;}
.right_module h3 a:visited {color: #000000;font-size: 14px;text-decoration: none}
.right_module h3 a:hover {color: #000000;font-size: 14px;text-decoration: underline;}
.right_module h3 a:active {color: #000000;font-size: 14px;text-decoration: none;}

.right_module h4 {margin: 1.5em 0 0 0;padding: 0;font-size: 12px;font-weight: bold;color: #0965ae;}
.right_module h4 a:link {color: #000000;font-size: 12px;text-decoration: underline;}
.right_module h4 a:visited {color: #000000;font-size: 12px;text-decoration: underline;}
.right_module h4 a:hover {color: #000000;font-size: 12px;text-decoration: underline;}
.right_module h4 a:active {color: #000000;font-size: 12px;text-decoration: underline;}

.right_module p {
    margin: 10px 0 0 0;
    padding: 0;
    color: #000;
    line-height: 1.4em;
    font-size: 12px;
}

.right_module ul, #right_content ul {
    margin-left: 30px;
	margin-top: 10px;
}
.right_module ul ul {
	margin-left: 50px;
}

.right_module ol, #right_content ol {
    margin-bottom: 1em;
    padding-left: 2em;
    line-height: 1.4em;
    font-size: 12px;
}

.right_module li {
    margin-bottom: 1em;
}

.right_module a:link {
    color: #0965ae;
    text-decoration: underline;
    font-size: 12px
}

.right_module a:visited {
    color: #0965ae;
    text-decoration: underline;
    font-size: 12px
}

.right_module a:hover {
    color: #0965ae;
    text-decoration: underline;
    font-size: 12px;
}

.right_module a:active {
    color: #0965ae;
    text-decoration: underline;
    font-size: 12px;
}

/****************** Positioning Area *******************/
.positioning_wrap {
    float: left;
    width: 655px;
    height: auto;
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

.li-margin {
    margin-left: 20px;
}

#link-style {
    text-decoration: underline;
    color: #980F08;
    font-weight: bold;
}

.positioning_left {
    float: left;
    width: 300px;
    height: auto;
    margin: 0;
    padding: 0;
}

.positioning_left h1 a {
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #0965ae;
    text-decoration: underline;
}

#index-h2-define {
    font-size: 17px;
}

.positioning_right {
    float: right;
    width: 300px;
    height: auto;
    margin: 0;
    padding: 0;
}

.positioning_right h2 a {
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #980F08;
    text-decoration: underline;
}

.positioning_right h2 a:link {
    font-size: 17px;
    color: #980F08
}

.positioning_right h2 a:visited {
    font-size: 17px;
    color: #980F08
}

.positioning_right h2 a:hover {
    font-size: 17px;
    color: #980F08
}

.positioning_right h2 a:active {
    font-size: 17px;
    color: #980F08
}

.positioning_right p, .positioning_middle p, .positioning_left p {
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 0 0 6px 0;
    color: #222;
}

.positioning_right p.img, .positioning_middle p.img, .positioning_left p.img {
    font-size: 12px;
    font-weight: normal;
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
    color: #222;
}

.positioning_right a, .positioning_middle a, .positioning_left a {
    color: #0965ae;
    text-decoration: none;
}

.positioning_right a:hover, .positioning_middle a:hover, .positioning_left a:hover {
    color: #0965ae;
    text-decoration: underline;
}

.positioning_right img, .positioning_middle img, .positioning_left img {
    width: 300px;
    height: 180px;
    margin-top: 5px;
}



/**************** Blog and News Section Styles ********************/
.blog_module {
    float: left;
    width: 553px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 1em 0;
}

.blog_module h3 {
    margin: 12px 0 0 0;
    color: #000;
    line-height: normal;
    font-size: 13px;
    font-weight: bold;
}

.blog_module h3 a:link {
    color: #000;
    text-decoration: underline;
    font-size: 13px
}

.blog_module h3 a:visited {
    color: #000;
    text-decoration: underline;
    font-size: 13px
}

.blog_module h3 a:hover {
    color: #000;
    font-size: 13px
}

.blog_module h3 a:active {
    color: #000;
    text-decoration: underline;
    font-size: 13px
}

.blog_module p {
    margin: 3px 0 0 0;
    padding: 0;
    color: #000;
    line-height: 1.4em;
    font-size: 12px;
}

.blog_module a:link {
    color: #0965ae;
    text-decoration: none;
    font-size: 12px
}

.blog_module a:visited {
    color: #0965ae;
    text-decoration: none;
    font-size: 12px
}

.blog_module a:hover {
    color: #0965ae;
    text-decoration: underline;
    font-size: 12px
}

.blog_module a:active {
    color: #0965ae;
    text-decoration: none;
    font-size: 12px
}


/************************* Footer ***********************/
#footer {
    float: left;
    width: 100%;
    height: auto;
    margin: 1em -3px 0 0;
    padding: .75em 0 1em 0;
    border-top: solid 1px #CCC;
    color: #666;
    font-size: .925em;
}

#footer a:link {
    color: #666;
    text-decoration: none;
    font-size: inherit
}

#footer a:visited {
    color: #666;
    text-decoration: none;
    font-size: inherit
}

#footer a:hover {
    color: #666;
    text-decoration: underline;
    font-size: inherit
}

#footer a:active {
    color: #666;
    text-decoration: none;
    font-size: inherit
}

#footer p {
    font-size: .95em;
    color: #666;
    text-align: left
}

#footer_left {
    width: 140px;
    float: left;
}

#footer_left a img {
    float: left;
    margin-right: 20px;
}

/************************* Added in-house ***********************/
#right_content blockquote {
    padding: 1em;
    margin-bottom: 1.5em;
    border-left: solid 6px #980F08;
    line-height: 1.4em;
    font-size: 12px;
    font-weight: bold;
}

#right_content blockquote p {
    margin-bottom: 0em;
    line-height: 1.5em;
}

#right_content table {
    margin: 1em 0em;
    line-height: 1.4em;
    font-size: 12px;
}

#right_content table th {
    /* text-align: middle; */
    font-weight: bold;
    padding: 0.5em;
    color: #FFFFFF;
    background: #0965ae;
}

#right_content table td {
    padding: 0.5em;
}

#right_content table tr.rowA {
    background-color: #F5F5F5;
    color: inherit;
}

#right_content table tr.rowB {
    background-color: #E0E0E0;
    color: inherit;
}

hr {
    border: 0;
    color: #CCC;
    background-color: #d2d2d2;
    height: 1px;
    width: 100%;
    text-align: left;
    margin-bottom: 1em;
}

.callout {
    font-weight: bold;
    color: #980F08;
}

.applyNow {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.applyNow p {
    margin-top: 0;
}

div.calculator {
    float: right;
    clear: none;
    width: 200px;
    text-align: center;
}

div.calculator img {
    border: 0;
}

td.hlcolumn {
    background-color: #e6eff8;
    font-weight: bold;
}

.small {
    font-size: 93%;
}

.small a:link {
    font-size: inherit
}

.small a:visited {
    font-size: inherit
}

.small a:hover {
    font-size: inherit
}

.small a:active {
    font-size: inherit
}

ol ul {
    list-style: disc;
}

.appbutton {
    border: 1px #980F08 solid;
    width: auto;
    height: 8px;
    padding: 8px;
    text-align: center;
    background: url(../images/button_bgnd.gif) repeat-x;
    color: white;
    font: bold 12px / .6em Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .15em;
}

h2.link {
    text-align: center;
    margin: 1.5em 0;
}

h2.link a:link {
    text-decoration: underline;
    color: #980F08;
    font-size: 15px;
}

h2.link a:visited {
    text-decoration: underline;
    color: #980F08;
    font-size: 15px;
}

h2.link a:hover {
    text-decoration: underline;
    color: #980F08;
    font-size: 15px;
}

h2.link a:active {
    text-decoration: underline;
    color: #980F08;
    font-size: 15px;
}

#button {
    border: 1px #980F08 solid;
    width: auto;
    height: 8px;
    padding: 8px;
    margin: 0;
    text-align: center;
    background: url(../images/button_bgnd.gif) repeat-x;
    color: white;
    font: bold 12px / .6em Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: .15em;
    cursor: pointer;
    cursor: hand
}

#button a {
    text-decoration: none;
    color: #ffffff;
}

/**************** rounded corners with css ****************/

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block}
.b1{height:1px; background:#c9d6e6; margin:0 5px}
.b2{height:1px; background:#F6FBFF; border-right:2px solid #c9d6e6; border-left:2px solid #c9d6e6; margin:0 3px}
.b3{height:1px; background:#F6FBFF; border-right:1px solid #c9d6e6; border-left:1px solid #c9d6e6; margin:0 2px}
.b4{height:2px; background:#F6FBFF; border-right:1px solid #c9d6e6; border-left:1px solid #c9d6e6; margin:0 1px}
.contentb{background:#F6FBFF; border-right:1px solid #c9d6e6; border-left:1px solid #c9d6e6; padding:1em}
.contentb div{margin-left:5px}