@charset "UTF-8";
/* CSS Document */

/* ------------------------------- 
 * GLOBAL
 * ------------------------------- */ 
* { margin: 0px; padding: 0px; }
body { font: 12px Arial, Helvetica, sans-serif; }
div { overflow: hidden; }

a { }

h1, h2, h3, h4, h5 { font-weight: 200; }
h1 { margin-top: 0px;}
h2 { 
	/*color: #5a3a00;*/
	font-size: 1.2em;
	text-transform: uppercase; 
}
h3 { }
h4 { }
h5 { }

dl { color: #666666; }
dt { margin: 15px 0px 5px; font-weight: bold; }
dd { margin: 5px 10px 15px; }

img { border: 0px; }

/* Classes --- */
.hide 				{ display: none; visibility: hidden; }
.bold 				{ font-weight: bold; }
.italic				{ font-style: italic; }
.underline			{ text-decoration: underline; }
.clear_both 		{ clear: both; }
.center_on_page 	{ width: 944px; margin: 0px auto; }
.float_left 		{ display: inline; float: left; }
.float_right 		{ display: inline; float: right; }

/* ------------------------------- 
 * STRUCTURE
 * ------------------------------- */
#wrapper {
	background: #ffffff url(../images/main_background.jpg) repeat-y top center;
	margin: 0px auto;
	position: relative;
	width: 960px;
	
}
	#utility_nav {
		background-color: #ffffff;
		color: #a93d00;
		padding: 5px 20px 0px 0px;
		text-align: right;
		padding-bottom: 5px;
	}

	#bkgd-top-cap {
		background: #fff url(../images/main_background_top_cap.jpg) no-repeat top center; 
		height: 23px;
		margin: 0px auto;
		width: 960px;
	}
	
	#inner-wrapper { margin: 0px auto; position: relative; width: 900px; height: 600px; }
	#inner-wrapper div { position: absolute;}

		#blank_spacer {
			top: 0px;
			left: 0px;
			width: 149px;
			height: 149px;
		}
		
		#logo { 
			top: 0px; 
			left: 150px; 
			width: 299px;
			height: 149px;		
		}
		
		#header_image{ 
			top: 0px; 
			left: 450px; 
			width: 298px;
			height: 224px;		
		}
		
		#main_nav {
			top: 150px;
			left: 0px;
			width: 450px;
			height: 73px;
			overflow: visible;
			z-index: 999;
		}
			
		#email_sign_up {
			background: #eeebe5 url(../images/email_bg.jpg) top left no-repeat;
			top: 150px;
			left: 749px;
			width: 130px; 
			height: 69px; 
			margin: 0px 0px 1px 0px; 
			font-size: .9em;
			padding: 5px 10px 0px 10px;
			text-align: left;
		}
		
		#brown_box {
			background: #5a3a00;
			top: 150px;
			left: 749px;
			width: 130px; 
			height: 69px; 
			margin: 0px 0px 1px 0px; 
			font-size: .9em;
			padding: 5px 10px 0px 10px;
		}
		
		#tuition_coach_promo {
			background: #003c5f url(../images/tuition_promo_bg.jpg) top left no-repeat;
			top: 445px;
			left: 450px;
			width: 280px; 
			height: 139px; 
			margin: 0px; 
			padding: 10px 155px 0px 10px;
			font-size: 1em;
			line-height: 1.5em;
		}
			#btn_tuition {
				display: block;
				height: 20px;
				position: absolute;
				right: 10px;
				margin-top: 20px;
				clear: both;
				
			}	
				#promo_tuition {
				display: block;
				width: 150px;
				height: 80px;
				position: absolute;
				right: 0px;
				clear: both;
				margin-top: 45px;
				
				}
				
		
		#smart_tip {  
			top: 0px;
			left: 749px;
			width: 130px; 
			height: 129px; /*or 204*/
			margin: 0px 0px 1px 0px; 
			font-size: .9em;
			padding: 10px;
			text-align: right;
		}
		
		#intro_text {
			top: 223px;
			left: 0px;
			width: 350px; 
			height: 200px; 
			margin: 0px 1px 1px 0px; 
			padding: 50px; 
			font-size: 1.3em;
		}
		
		#promo_banner {
			top: 293px;
			left: 450px; 
			background: #e5ebef url(../images/promo_bkgd01.jpg) top left no-repeat; 
			width: 280px; 
			height: 139px; 
			margin: 0px; 
			padding: 0px 10px 10px 155px;
		}
			#promo_control {
				background: url(../images/promo_ctrl_bkgd01.gif) no-repeat top center;
				display: block;
				width: 57px;
				height: 16px;
				position: absolute;
				margin-top: 2px;
				right: 2px;
				clear: both;
				
			}	
			
			
				
			
	#bkgd-bottom-cap {
		background: #fff url(../images/main_background_bottom_cap.jpg) no-repeat top center; 
		height: 23px;
		margin: 0px auto;
		width: 960px;
	}
	
	#footer {
		background: #fff;
		color: #a93d00;
		font-size: .8em;
		text-align: center;
	}

/* ------------------------------- 
 * DIV COLOR CLASSES
 * ------------------------------- */
.green { color: #003c5f; background-color: #8aad63; }
.emailbrown { color: #5a3a00; background-color: #eeebe5; }
.brown { color: #fff; background-color: #5a3a00; }
.lightblue { color: #003c5f; background-color: #e5ebef; }
.darkblue { color: #fff; background-color: #003c5f; }
.white { color: #003c5f; background-color: #fff; }
.lightgreen { color: #003c5f; background-color: #e8f0de; }

/* ------------------------------- 
 * UTILITY NAV
 * ------------------------------- */
#utility_nav ul {
	position: relative;
	top: 2px;
	left: -92px;
}

#utility_nav ul, #utility_nav ul li{
	list-style: none;
	display: inline;
}

#utility_nav ul li {
	margin-right: 8px;
}

#utility_nav a{
	color: #a93d00;
	font-size: .75em;
	text-transform: uppercase;
	text-decoration: none;
}

#utility_nav a:hover{
	text-decoration: underline;
}

#utility_nav form {
	float: right;
	display: inline;
	position: relative;
}

#utility_nav #query {
	border: 1px solid #000;
	font-size: .8em;
	height: 14px;
	width: 80px;
	position: absolute;
	top: 1px;
	left: -85px;
}

.form_button {
	background: #003c5f;
	border: 0px;
	color: #FFFFFF;
	font-size: 12px;
	height: 16px;
	padding: 1px 3px;
	vertical-align: middle;
	text-transform:uppercase;
	width: 60px;
}

/* ------------------------------- 
 * MAIN NAV
 * ------------------------------- */
#main_nav ul {
	list-style: none;
	/*width: 100%;*/
}

ul li.primary_link {
	float: left;
	display: inline;
	position: relative;
	overflow: visible;
	width: 150px;
	height: 73px; 
}

li:hover  ul {
	display: block	
}

li ul {
	display: none;
	list-style: none;
	width: 149px;
	background: #ded8cc;
	border-top: 1px solid #fff;
	position: absolute;
	top: 73px;
	height: 165px;
	left: 0px;
}

li ul a {
	color: #5a3a00;
	display: block;
	font-size: .75em;
	width: 139px;
	padding: 3px 5px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}

li ul a:hover {
	background: #a93d00;
	color: #fff;
}

#link1, #link2, #link3 {
	display: block;
/*	float: left;*/
	height: 74px;
}

#link1 { background: #5a3a00 url(../images/btn_smartborrower.gif) no-repeat bottom right; width: 150px; }
#link2 { background: #5a3a00 url(../images/btn_calculators.gif) no-repeat bottom right; width: 150px;}
#link3 { background: #5a3a00 url(../images/btn_resources.gif) no-repeat bottom right; width: 150px;}

#link1:hover, li:hover #link1  { background: #a93d00 url(../images/btn_smartborrower_over.gif) no-repeat bottom right;}
#link2:hover, li:hover #link2 { background: #a93d00 url(../images/btn_calculators_over.gif) no-repeat bottom right;}
#link3:hover, li:hover #link3 { background: #a93d00 url(../images/btn_resources_over.gif) no-repeat bottom right;}


/* ------------------------------- 
 * TUITION COACH PROMO
 * ------------------------------- */
#tuition_coach_promo  h2 {
	color: #5a3a00;
	font: 1.7em Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	margin-bottom: 7px;
	text-transform: none;
}

#tuition_coach_promo ul{
	list-style: none;
	margin-top: 10px;
	display: block;
	line-height: 2em;
	float: left;
	clear: both;
	width: 100%;
}

#tuition_coach_promo  li { float: left; margin-right: 10px;}

#tuition_coach_promo  li a {
	color: #a93d00;
	display: inline;
}

/* ------------------------------- 
 * INTRO TEXT
 * ------------------------------- */
p.intro_paragraph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 200;
	line-height: 1.5em;
	margin-bottom: 10px;
}

a#first_link {
	color: #fff;
	background-color: #a93d00; 
}

h1.intro_header {
	font-size: 1.5em;
}

#intro_text a:hover {
	text-decoration: underline;
}


/* ------------------------------- 
 * ROTATING PROMO BANNER
 * ------------------------------- */
#promo_text {
	float: left;
	clear: both;
	color: #436918;
	font-size: 12px;
	line-height: 1.4em;
	margin: 5px 15px 10px 0px;
}

#promo_banner ul {
	list-style: inside url(../images/bullet_orange.gif);;
	float: left;
	clear: both;
	width: 100%;
}
 
#promo_banner ul a{
	font-size: 12px;
	color: #a93d00;
}

#promo_banner li {
	margin-bottom: 6px;
}

#promo_banner h2 {
	color: #436918;
	margin-top: 10px;
}
/* ------------------------------- 
 * SMART TIP
 * ------------------------------- */
#smart_cell_2 a{
	color: #fff;
}

p.tip_number { 
	font-size: 1.9em;
	text-transform: uppercase;
}

/* ------------------------------- 
 * FOOTER
 * ------------------------------- */
#footer a{
	color: #a93d00;
	text-transform: uppercase;
	text-decoration: none;
}

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

#footer span.copyright{
	color: #000000;
}