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

form {
	margin: 0;
	padding: 0;
	}
	
img {border: none;}

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

#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: 62px;
	margin: 0;
	padding: 0;
}

.logo {
	float: left;
	width: 510px;
	height: 62px;
	margin: 0;
	padding: 0;
}

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

.topright {
	float: right;
	width: 250px;
	height: 58px;
	padding-top:4px;
	text-align: right;
}

.topright p {font-size: 11px;color: #b3c3dc;margin: 0;padding: 0;line-height:28px;}
.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 em {font-weight:bold;font-style:normal;}
.topright em a:link {color: #980F08;text-decoration: underline;font-size: 12px}
.topright em a:visited {color: #980F08;text-decoration: underline;font-size: 12px}
.topright em a:hover {color: #980F08;text-decoration: underline;font-size: 12px}
.topright em a:active {color: #980F08;text-decoration: underline;font-size: 12px}

.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 0 0 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #fff !important;
	}

#nav a:link {color: #fff;text-decoration: none;font-size: 14px}
#nav a:visited {color: #fff;text-decoration: none;font-size: 14px}
#nav a:hover {color: #cfe0f6;text-decoration: none;font-size: 14px}
#nav a:active {color: #fff;text-decoration: none;font-size: 14px}

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

.navsplit {
	margin: -5px 18px;
	}
	
#nav li {
	display: inline-block;
  font-size: 14px;
  text-align: center;
	}
	
#nav li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-right: 2px dotted #fff;		
	font-size: 14px;	
	line-height: 14px;
	padding: 0px 15px 2px 15px;
	margin-top: 9px;	
	}
	
/* IE* wants to make the border the same color as :hover text - gotta reset the color */
.ie8 #nav li a {
	border-right: 2px dotted !important;
	}
	
/* IE7 doesn't understand inline-block so we have to fix that ptherwise the links will break into separate lines */
.ie7 #nav li {
	display: inline;
	}
	
.ie7 #nav li a {
	height: 1% !important;
	}
	
#nav a.active, #nav a:hover, #nav .topnavselected {
	color: #B9DCF6;
	border-color: #fff;
	}
	
/* The last links gets .last to kill the right border */
#nav .last, .ie8 #nav .last {
	border-right: 0 !important;
	}	

/*************** 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;
	text-align: center;
}

.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(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(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 h2 {
	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 h2 a:link {color: #980F08;text-decoration: none;font-size: 12px}
.left_resources h2 a:visited {color: #980F08;text-decoration: none;font-size: 12px}
.left_resources h2 a:hover {color: #980F08;text-decoration: underline;font-size: 12px}
.left_resources h2 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(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: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-bottom: 1em;
	padding: 0;
	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;
	margin: 16px 0 0 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: 2em 0 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	}

.right_module h2 a:link {color: #0965ae;font-size: 14px;text-decoration: none;}
.right_module h2 a:visited {color: #0965ae;font-size: 14px;text-decoration: none;}
.right_module h2 a:hover {color: #0965ae;font-size: 14px;text-decoration: underline;}
.right_module h2 a:active {color: #0965ae;font-size: 14px;text-decoration: none;}

.right_module h3 {
	margin: 2em 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:link {color: #0965ae;text-decoration: none;font-size: 12px}
.right_module a:visited {color: #0965ae;text-decoration: none;font-size: 12px}
.right_module a:hover {color: #0965ae;text-decoration: underline;font-size: 12px;}
.right_module a:active {color: #0965ae;text-decoration: none;font-size: 12px;}

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

.positioning_wrap {
	width: 555px;
	height: 260px;
	margin: 1.5em auto;
	}

.positioning_left {float: left; width: 265px; margin: auto;}

.positioning_left h1 {
	font-size: 17px;
	font-weight: bold;
	color: #c1cd21;
	}

.positioning_left h1 a:link {font-size: 17px;color: #ed8d1e}
.positioning_left h1 a:visited {font-size: 17px;color: #ed8d1e}
.positioning_left h1 a:hover {font-size: 17px;color: #ed8d1e}
.positioning_left h1 a:active {font-size: 17px;color: #ed8d1e}

.positioning_right {float: right; width: 265px;}

.positioning_right h1 {
	font-size: 17px;
	font-weight: bold;
	color: #ed8d1e;
	}

.positioning_right h1 a:link {font-size: 17px;color: #c00025}
.positioning_right h1 a:visited {font-size: 17px;color: #c00025}
.positioning_right h1 a:hover {font-size: 17px;color: #c00025}
.positioning_right h1 a:active {font-size: 17px;color: #c00025}

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

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

.positioning_right img, .positioning_left img {
	width: 256px;
	height: 144px;
	margin: 0;
	padding: 0;
	}

/**************** Blog and News Section Styles ********************/

.blog_module {
}

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

.blog_module h2 {margin: 1em 0 0 0;}

.blog_module h3 a:link {color: #444;text-decoration: none;font-size: 12px}
.blog_module h3 a:visited {color: #444;text-decoration: none;font-size: 12px}
.blog_module h3 a:hover {color: #0965AE;font-size: 12px}
.blog_module h3 a:active {color: #444;text-decoration: none;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: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}

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

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

.news_module h3 a:link {color: #444;text-decoration: none;font-size: 12px}
.news_module h3 a:visited {color: #444;text-decoration: none;font-size: 12px}
.news_module h3 a:hover {color: #0965AE;font-size: 12px}
.news_module h3 a:active {color: #444;text-decoration: none;font-size: 12px}

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

.news_module a:link {color: #0965ae;text-decoration: none;font-size: 12px}
.news_module a:visited {color: #0965ae;text-decoration: none;font-size: 12px}
.news_module a:hover {color: #0965ae;text-decoration: underline;font-size: 12px}
.news_module a:active {color: #0965ae;text-decoration: none;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%; margin-top:1.5em; padding:.5em 0; border-top: solid 1px #CCC; color: #B1B1B1; font-size:x-small;}
#footer a:link {color:#B1B1B1; text-decoration:none; font-size:inherit}
#footer a:visited {color:#B1B1B1; 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_left {float: left; margin: 2em 2.5em 1em 1.5em;}

/************************* 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;}
#right_content table tr.hlight {background-color: #FFC;color: inherit;font-weight: bold;}

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

.small {
	font-size: 92%;
}

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

#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 ul {

}

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

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

img.center {   
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
	}


#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;
	cursor: pointer;
	cursor: hand;
}

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

h2.link {text-align:center;margin: 2em 0 2em 0;}
h2.link a:link {text-decoration: underline;color: #980F08;}
h2.link a:visited {text-decoration: underline;color: #980F08;}
h2.link a:hover {text-decoration: underline;color: #980F08;}
h2.link a:active {text-decoration: underline;color: #980F08;}

/* Newsletter signup box */

#newsletter {
	float: left;
	width: 525px;
	height:auto;
	margin:1em 0;
	padding:1em;
	border: 1px solid #c9d6e6;
	background-color: #F6FBFF;
}

#newsletter h1 {
	line-height: 0;
	margin: .25em 0 1em 0;
}

#newsletter label {
	float:left;	
	margin: .15em .15em 0 0;
	font-size: 1em;
	font-weight:bold;
	color: #666;
}

#newsletter .textinput {
	float: left;
	height: 22px;
	width: 280px;
	margin-right: .15em;
	border-left:2px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	font-size: 1.5em;
	color: #666;
}

#newsletter .checkbox {
	float: left;
	margin-right: .25em;
	border: 2px solid #d2d2d2;
	color: #666;
}

#newsletter .submit {
	padding: .5em;
	text-align: center;
	font-size: 1.2em;
	font-weight:bold;
	cursor: pointer;
	cursor: hand;
}

#newsletter #foo {
	float: left;
	clear: both;
	font-size: 1.4em;
	padding: 0;
}

#newsletter #foo #warn {
	font-weight: bold;
	color: #c00025;
}

#newsletter #foo #notice {
	font-weight: bold;
	color: green;
}

#newsletter #foo #notice a:link {color: green;text-decoration: underline;font-size: 1.4em}
#newsletter #foo #notice a:visited {color: green;text-decoration: underline;font-size: 1.4em}
#newsletter #foo #notice a:hover {color: green;text-decoration: underline;font-size: 1.4em}
#newsletter #foo #notice a:active {color: green;text-decoration: underline;font-size: 1.4em}

input.submit {
border-bottom : #000 1px outset;
border-left : #000 1px outset;
border-right : #000 1px outset;
border-top : #000 1px outset;
color : #000;
font-weight : bold;
font-size : 14px;
}

.newsletter {
	width: 525px;
	margin: 10px 0;
	padding: 10px 10px 0px 10px;
	border: 1px solid #c9d6e6;
	background-color: #F6FBFF;
}
	.newsletter a.button {
		margin: 10px 0px 0px 0px;
	}

/**************** 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}
.contentb h2 {color: #000; font-size: 16px; margin: 0;}


#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:167px;
	margin:1em auto;
	background: url('images/ad-disclosure.png') no-repeat bottom left;
}
#adMedRectangle {
	width:300px;
	height:270px;
	float:right;
	clear:none;
	margin:1em 0em 1em 1em;
	background: url('images/ad-disclosure.png') no-repeat bottom left;
}
#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; }
#container #cbody { width:720px;height:300px;background-color:#FFFFFF;border:10px solid #EEEEEE;border-bottom:none;margin:0em auto; }
#container #cclose { width:716px;height:20px;clear:left; text-align:right;background-color:#EEEEEE;border:2px solid #EEEEEE;padding-right:20px;padding-top:4px;margin:0em auto}
#container #cclose a { cursor: pointer;color:#000000;text-decoration:none;font-weight:normal }