/* CSS Document */

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

form {
margin: 0;
padding: 0;
}


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

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.underline {
	text-decoration: underline !important;
}

.red {
	color: #980f08 !important;
}

.left {
	float: left;
}

.right {
	float: right;
}
.clear {
	clear: both;
}
/**************** Structural Elements ****************/

#wrapper {
position: relative;
margin: 0 auto;
padding: 0;
width: 788px;
height: auto;
}

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

/**************** Site Container ****************/

#scholarship {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 828px;
	height: 39px;
}

#site_wrapper {
float: left;
width: 788px;
height: auto;
margin: 12px 0 0 20px;
padding: 0;
background: #fff;
display: inline;
}

/**************** Logo Container ****************/

#logo_strip {
float: left;
width: 788px;
height: auto;
margin: 0;
padding: 0;
}

.logo {
float: left;
width: 403px;
height: 70px;
margin: 0;
padding: 0;
}

/**************** Top Right Styles ****************/

.topright {float: right; width: 278px; height: auto; margin: 0; padding: 0; text-align: right}

.topright p {font-size: 11px; color: #b3c3dc; margin: 0; padding: 0}

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

.topright_split {margin: 0 10px}
/************** Navigation ****************/

#nav {
float: left;
width: 788px;
height: 36px;
margin: 0;
padding: 0;
background: #fff url(images/navbg3.gif) no-repeat;
text-align: center;
}

#nav p {
margin: 9px 0px 18px 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: bold !important;
color: #fff !important;
}

#nav a  {color: #fff; font-size: 14px}
#nav a:hover {color: #cfe0f6;}

#nav a.topnavselected {color: #cfe0f6;}

.navsplit { margin: -5px 8px }

/*************** Main Content Wrapper and Area Styles ****************/

#main_content {
float: left;
width: 788px;
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 {color: #0965ae; }

.left_module a.black { color: #222;}

.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(images/leftbg.gif) no-repeat;
}

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

.left_resources h3 a {color: #980F08;font-size: 14px;}

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

.left_resources h4 a {color: #980F08; 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(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(images/leftp-bg-active.gif) left .2em no-repeat;
}

.left_resources p.active a { color: #0965AE }

.left_resources a {color: #000; font-size: 12px}

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

/**************** Right Column ****************/

#right_content {
float: right;
width: 555px;
height: auto;
margin: 0;
padding: 0;
}

.right_module {
width: 555px;
height: auto;
margin: 13px 0 0 0;
padding: 0;
}

.right_module h1 {
margin: 0;
padding: 0;
font-size: 20px;
font-weight: bold;
color: #0965ae;
}

.right_module h1 a {color: #0965ae;font-size: 20px;}

.right_module h2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #000;
}

.right_module h2 a {color: #0965ae;font-size: 14px; }

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

.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-bottom: 1em;
	padding-left:2em;	/*setting for FF and other standards compliant browsers*/
	/*#padding-left:0;	/*setting for IE7/
	#margin-left: 2em;
	_padding-left:0;	/setting for IE6/
	_margin-left: 2em;*/
	line-height: 1.4em;
	font-size: 12px;
}

.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 {color: #0965ae; }

/****************** Positioning Area *******************/

.positioning_wrap {float: left;width: 555px;height: auto;margin: 0;padding: 0;}

.positioning_image {float:left;width:172px;height:auto;margin:0;padding:0}
.positioning_image img{border:none}

.positioning_top {float: right;width: 348px;height:109px;margin:0;margin-bottom:20px;padding:8px;background: url(images/pos-copy-bg.gif) no-repeat;}
.positioning_top h1 {font-size: 16px;font-weight: bold;margin:0;padding: 0;color: #c00025;}
.positioning_top h1 a {font-size: 16px;color: #c00025}

.positioning_left {float:left;width:260px;height:auto;margin:0;padding:0;background-color:#fff}
.positioning_left h1 {font-size: 16px;font-weight: bold;margin: 0;padding: 0;color: #ed8d1e;}
.positioning_left h1 a {font-size: 16px;color: #ed8d1e}

.positioning_middle {float:left;width:170px;height:auto;margin:0 20px 0 20px;padding:0;display:inline;background-color:#fff}
.positioning_middle h1 {font-size: 16px;font-weight: bold;margin: 0;padding: 0;color: #0965ae;}
.positioning_middle h1 a {font-size: 16px;color: #0965ae}

.positioning_right {float:right;width:260px;height:auto;margin:0;padding:0;background-color:#fff}
.positioning_right h1 {font-size: 16px;font-weight: bold;margin: 0;padding: 0;color: #c1cd21;}
.positioning_right h1 a {font-size: 16px;color: #c1cd21}

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

.positioning_top a, .positioning_right a, .positioning_middle a, .positioning_left a {color: #0965ae; }
/*********************** Search Feature *********************/

.search_feature {
float: left;
width: 555px;
height: 50px;
margin: 0;
padding: 0;
background: url(images/search-bg.gif) no-repeat;
text-align: center;
}

.search_feature p {
font-size: 12px;
color: #444;
font-weight: bold;
margin: 12px 0 0 0;
padding: 0;
}


/**************** 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 a {color: #444; font-size: 12px; }

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

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

.blog_module h3, .news_module h3 {
margin: 12px 0 0 0;
padding: 0;
color: #444;
line-height: normal;
font-size: 12px;
font-weight: bold;
}


.news_module {
float: left;
width: 553px;
height: auto;
margin: 0 0 0 0;
padding: 0 0 1em 0;
}

.news_module h3 a {color: #444; font-size: 12px}
.news_module h3 a:hover {color: #0965AE;}

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

.news_module a {color: #0965ae; font-size: 12px}
/************************* Form Elements ***********************/

.formfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding: 1px;
margin: 0;
font-weight: normal;
}

/************************* Footer ***********************/

#footer {float: left; width: 100%; height: auto; margin: 1em -3px 0 0; padding: 2em 0 1em 0; border-top: solid 1px #CCC; color: #666; font-size:.925em;}
#footer a {color:#666; font-size:inherit; }
#footer p {font-size: .95em; color: #666; text-align: left}
#footer_left {width: 110px; float: left; padding: 0em 0; margin-right:2em}

/************************* 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-bottom: 1.5em; line-height: 1.4em; font-size: 12px }

#right_content table th
{
font-size: 110%;

font-weight: bold;
color: #444;
vertical-align: bottom;

padding: 0.5em;
}

#right_content table td { padding: 0.5em }

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

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

.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 { font-weight: bold }

.small { font-size: 90% }

.callout_box {
float:right;
clear:none;
text-align:center;
padding:1em;
margin:1em;
border: 1px solid #c9d6e6;
background-color: #F6FBFF;
font-size: 12px;
}

#htmltagcloud_wrap {
float: left;
width: 553px;
height: auto;
margin: 1em 0 0 0;
padding: 0;
}

#htmltagcloud {
width: 533px;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2.4em; 
word-spacing:normal; 
letter-spacing:normal; 
text-decoration:none; 
text-transform:none; 
text-align:justify; 
text-indent:0em; 
background: #e6eff8 url(images/tagbg.gif) no-repeat;
margin:0em; padding: 1em 10px 0 10px;
}

#htmltagcloud a { font-size: 1em; }
#htmltagcloud a:hover, #htmltagcloud a:active {  text-decoration: none; color: #fff; background-color: #05f }

span.tagcloud0{font-size:100%;padding:0em;color:#ACC1F3;z-index:10;position:relative;white-space:nowrap}
span.tagcloud1{font-size:125%;padding:0em;color:#ACC1F3;z-index:9;position:relative;white-space:nowrap}
span.tagcloud2{font-size:150%;padding:0em;color:#86A0DC;z-index:8;position:relative;white-space:nowrap}
span.tagcloud3{font-size:200%;padding:0em;color:#86A0DC;z-index:7;position:relative;white-space:nowrap}
span.tagcloud4{font-size:225%;padding:0em;color:#607EC5;z-index:6;position:relative;white-space:nowrap}
span.tagcloud5{font-size:250%;padding:0em;color:#607EC5;z-index:5;position:relative;white-space:nowrap}
span.tagcloud6{font-size:300%;padding:0em;color:#4C6DB9;z-index:4;position:relative;white-space:nowrap}
span.tagcloud7{font-size:350%;padding:0em;color:#395CAE;z-index:3;position:relative;white-space:nowrap}
span.tagcloud8{font-size:375%;padding:0em;color:#264CA2;z-index:2;position:relative;white-space:nowrap}
span.tagcloud9{font-size:400%;padding:0em;color:#133B97;z-index:1;position:relative;white-space:nowrap}
span.tagcloud10{font-size:425%;padding:0em;color:#002A8B;z-index:0;position:relative;white-space:nowrap}

span.tagcloud0 a {color:#ACC1F3;}
span.tagcloud1 a { color:#ACC1F3; } 
span.tagcloud2 a { color:#86A0DC; } 
span.tagcloud3 a { color:#86A0DC; } 
span.tagcloud4 a { color:#607EC5; } 
span.tagcloud5 a { color:#607EC5; } 
span.tagcloud6 a { color:#4C6DB9; } 
span.tagcloud7 a { color:#395CAE; } 
span.tagcloud8 a { color:#264CA2; } 
span.tagcloud9 a { color:#133B97; } 
span.tagcloud10 a { color:#002A8B; } 

#htmltagcloud_bottom {
float: left;
width: 553px;
height: 9px;
margin: 0;
padding: 0;
font-size: 2px;
background: #e6eff8 url(images/tagbg-bottom.gif) no-repeat;
}

#errormsg { font-weight: bold; text-align: center; margin: 0 0 1em 0 }

#errormsg h2 { color: #980F08; font-size: 150% }

#errormsg p { color: #980F08; font-size: inherit }

.rssList li { list-style: url(images/feed-icons/feed-icon-10x10.png) }

.chooseApp {
width:250px;
float:left;
clear:none;
border:1px solid #d2d2d2;
margin: 1em 0;
padding:0;
background-color: #e6eff8;
font-size: 12px;
}

.chooseApp h2 {
text-align:center;
width: 244px;
margin: 0 0 0 -1px;
padding: 4px;
color: #FFF;
background-color: #980F08;
}

.chooseApp img { margin: .5em auto }

ol ul { list-style: disc }

.live_support {
text-align: right;	
margin-right: -4px;
padding: .5em 0 5px 0;
font-weight: bold;
font-size: 150%;
color: #000000;
letter-spacing: 4px;
white-space: nowrap;
}

.bzzt { text-decoration: line-through }

#button {
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 Arial, Helvetica, sans-serif;
letter-spacing: .15em;
}

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

.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;
}

.appbutton a {color: #fff; font-size: 12px}

.printable {width:100%;padding:0;margin:0;text-align:right}


/* 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;}

h2.link {text-align:center;margin: 2em 0;}
h2.link a {text-decoration:underline;color:#980F08;font-size:1.1em;}

#leftAd {clear:left;width:200px;padding:10px 0 0 3px;}

/**************** 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 0em 1em 1em;
}
#adSkyscraper {
	width:160px;
	height:auto;
	float:right;
	clear:none;
	margin:1em 0em 1em 1em;
}
#adBanner {
	width:468px;
	height:auto;
	margin:1em auto;
}

/**************** 720x300 Popup ****************/

#container { width:100%;height:320px;position:absolute;top:120px;z-index:99; }
#container #cbody { width:720px;height:300px;background-color:#FFFFFF;border:10px solid #555555;border-bottom:none;margin:0em auto; }
#container #cclose { width:716px;height:20px;clear:left; text-align:right;background-color:#555555;border:2px solid #555555;padding-right:20px;padding-top:4px;margin:0em auto}
#container #cclose a { cursor: pointer;color:#FFFFFF;text-decoration:none;font-weight:normal }


/**************** Right PLUS Callout box ****************/
#co_plus
{
float:right;
clear: none;
width:200px;
height:158px;
padding: 37px 5px 5px 15px;
margin: 12px 0 12px 12px;
background: url('http://www.staffordloan.com/images/stafford-apply-online_bg.png') no-repeat aqua;

font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
}
#co_plus span {
font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
margin: 0;

}
#co_plus ul {
font: normal 13px Verdana, Arial, Helvetica, sans-serif;

list-style: disc;
margin: 5px 0 0 15px;
padding: 0;
}
#co_plus li {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0 0 0;

margin: 5px 0 0 0;
}
#co_plus .button {
margin:12px 0 0 15px;
}

/* for Wells Fargo Parent Loan Mini Text */
p.disclaimers {font-size: x-small;}
span.disclaimers {font-size: x-small;}


table.table_compare {

	background-color:#F6FBFF;
	border: 1px solid #c9d6e6;
	margin:1em 0em;
	padding:0;
}

table.table_compare th {
	background: #000099;
}
table.table_compare th a {

	color:#fff;font-size:110%;white-space:nowrap;
}

table.table_compare tr.alt td {
	background: #CAD5E9;
}

.complaint-letter {
	font-family: Times New Roman, Times, serif; 
}

.right_module .yellow-note {
	border: 1px solid #000; 
	padding: 5px; 
	background-color: #FFFF99; 
	text-align: center;
}

#easy .right_module h1 {
	padding-bottom: 15px;
}
#easy .right_module fieldset {
	float:right;
	clear:none;
	text-align:left;
	padding:0 1em 1em;
	margin-top:1em;
	margin-left:1em;
	border:4px solid #c9d6e6;
	background-color:#F6FBFF;
	background-color: #FFFFFF; /*stupid ie*/
	font-size:12px;
	width:320px;
}
#easy .right_module legend {
	font-weight:bold;
	font-size:1.4em;
	color:#000000;
}

#easy .right_module .overview {
	margin-top: 1em;
}
#easy .right_module .overview .left {
	
	width:237px;
	padding:0em 0em;

}
#easy .right_module .overview ul li {
	margin-bottom: .5em;
	padding: 0 5px 0 0;
}

#easy .right_module .overview .left.mid {
	padding: 0em 2em;
}

#easy .right_module .overview .left h2 {
	width:225px;
	background-color:#8EA4C4;
	color:white;
	padding:.25em .25em .25em .5em;
}

#easy #right_content {float: left;width: 788px;}
#easy .right_module {width: 762px;margin: 1em 1em 0em 1em;}
#easy sup {font-size: 80%;left: 0;text-decoration: none;}
#easy a sup {color: #1e2e92;}
#easy .callout_box h2 {margin-top:0em}
#easy .promo_box_container {float:right;clear:none;margin:1em;}
#easy .promo_box {width: 234px;text-align:center;padding:1em;border: 1px solid #c9d6e6;background-color: #F6FBFF;font-size: 12px;}
#easy #nav {height: 18px;background: #fff url(images/navbg4.gif) no-repeat;}


#widget-wfparent {border: 1px solid #c9d6e6; padding:1.5em; margin: 2em auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #F6FBFF; behavior: url(/includes/PIE.php); position: relative;}
#widget-wfparent h2 {color: #000; font-size: 14px; margin: 0; text-align: center;}
#widget-wfparent img {border:none;}
#widget-wfparent a {color:#980f08;text-decoration:underline;font-weight:bold;}