/* CSS STYLESHEET */


/* ----- TOP ----- */

#top{
margin: 0px;
padding: 0px;
width: 780px;
height: 60px;
background: #003399;
}

#top a img{
text-decoration: none;
border: 0px;
}

#top img{
float: left;
margin: 7px 20px 0px 10px;
padding: 0px;
}

#top p{
margin: 0px;
/*
padding: 23px 0px 0px 0px;
*/
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #FFFFFF;
}

#top p a{
color: #FFFFFF;
text-decoration: none;
}

#top p a:hover{
color: #FF9900;
text-decoration: none;
}

#top form{
float: right;
margin: 19px 8px 0px 0px;
padding: 0px;
}

.gobutton{
margin: 0px 0px 0px 5px;
padding: 5px 3px 3px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #FFFFFF;
background: #FF9900;
}

.gobutton a{
color: #FFFFFF;
text-decoration: none;
}

.gobutton a:hover{
color: #003399;
text-decoration: none;
}

/* ----- HEADER ----- */

#header{
margin: 0px;
padding: 0px;
width: 780px;
height: 80px;
background: url(header_bg2.gif) repeat-x;
}

#header a img{
text-decoration: none;
border: 0px;
}

.logo{
float: left;
margin: 10px 0px 0px 10px;
padding: 0px;
}

.headertextSFC{
float: left;
margin: 25px 0px 0px 190px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: #8E001C;
}

/* --- NEW COLOR STYLE - HEADER TEXT --- */
.headertextSFC-NonNY{
float: left;
margin: 25px 0px 0px 190px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: #6A9913;
}

.headertextCA{
float: left;
margin: 25px 0px 0px 200px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: #006F49;
}

.headertextLEN{
float: left;
margin: 25px 0px 0px 235px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: #470074;
}

.headerimage{
float: right;
margin: 0px;
padding: 0px;
}

/* ----- TOP NAVIGATION ----- */

#navbar, #navbarES{
margin: 0px;
padding: 0px 0px 0px 10px;
width: 770px;
height: 35px;
background: #8E001C;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}

#navbarES{
	height: 45px;
}

/* --- NEW COLOR STYLE - NAVBAR --- */
#navbarSFC-NonNY, #navbarES-NonNY{
margin: 0px;
padding: 0px 0px 0px 10px;
width: 770px;
height: 35px;
background: #6A9913;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}

#navbarES-NonNY{
	height: 45px;
}

#navbarCA{
margin: 0px;
padding: 0px 0px 0px 10px;
width: 770px;
height: 35px;
background: #006F49;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}

#navbarLEN{
margin: 0px;
padding: 0px 0px 0px 10px;
width: 770px;
height: 35px;
background: #470074;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}

#navbar .navsection, #navbarSFC-NonNY .navsection, #navbarCA .navsection, #navbarLEN .navsection{
float: left;
margin: 5px 25px 0px 0px;
padding: 0px;
}

#navbarES .navsection, #navbarES-NonNY .navsection{
float: left;
margin: 5px 16px 0px 0px;
padding: 0px;
}

#navbar a, #navbarSFC-NonNY a, #navbarCA a, #navbarLEN a, #navbarES a, #navbarES-NonNY a{
color: #FFFFFF;
text-decoration: none;
}

#navbar a:hover, #navbarSFC-NonNY a:hover, #navbarCA a:hover, #navbarLEN a:hover, #navbarES a:hover, #navbarES-NonNY a:hover{
color: #FFFF99;
text-decoration: none;
}

/* ----- CONTENT ----- */

#content1{
margin: 0px;
padding: 15px 0px 15px 10px;
width: 460px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #330066;
}

#whatsnew{
float: right;
margin: 15px 0px 15px 0px;
padding: 0px;
width: 262px;
background: url(col_bg.gif) top #FFFFFF no-repeat;
}

.whatsnewhead{
margin: 0px;
padding: 5px 0px 5px 12px;
width: 250px;
background: #003399;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.2em;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
}

.whatsnewheadCA, .whatsnewheadLEN{
margin: 0px;
padding: 5px 0px 5px 12px;
width: 250px;
background: #003399;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.2em;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
}

#whatsnew ul{
margin: 10px 10px 15px 12px;
padding: 0px;
}

#whatsnew li{
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #0066FF;
}

#whatsnew li a{
color: #003399;
text-decoration: none;
}

#whatsnew li a:hover{
color: #0066FF;
text-decoration: none;
}

/* --- QUICK LINKS --- */
.qlink{
float: left;
margin: 20px 12px 15px 0px;
padding: 0px;
width: 75px;
height: 75px;
background: url(qlink.gif) bottom no-repeat;
border: thin solid #003399;
}

.qlink p{
margin: 0px;
padding: 3px 3px 3px 3px;
width: 69px;
color: #FFFFFF;
background: #003399;
text-align: center;
font-size: 1.0em;
font-weight: bold;
overflow: hidden;
}

.qlink a{
text-decoration: none;
color: #FFFFFF;
}

.qlink a:hover{
text-decoration: none;
color: #FFFF99;
}

/* --- NEW HOTLINKS --- */

#new-hotlinks-container{
margin: 20px 0px 10px 30px;
padding: 0px;
width: 380px;
}

#new-hotlinks-container span{
margin-left: -1000px;
}

#complete-fafsa a, #complete-fafsa-span a{
float: left;
margin-bottom: 10px;
width: 185px;
height: 39px;
background-position: 0px;
}

#complete-fafsa a{
background: url(complete_fafsa.gif) no-repeat;
}

#complete-fafsa-span a{
background: url(span_complete_fafsa.gif) no-repeat;
}

#complete-fafsa a:hover, #complete-fafsa-span a:hover{
background-position: -185px;
}

#apply-tap a, #apply-tap-span a{
float: right;
margin-bottom: 10px;
width: 185px;
height: 39px;
background-position: 0px;
}

#apply-tap a{
background: url(apply_tap.gif) no-repeat;
}

#apply-tap-span a{
background: url(span_apply_tap.gif) no-repeat;
}

#apply-tap a:hover, #apply-tap-span a:hover{
background-position: -185px;
}

#complete-empn a, #complete-empn-span a{
float: left;
margin-bottom: 10px;
width: 185px;
height: 39px;
background-position: 0px;
}

#complete-empn a{
background: url(complete_empn3.gif) no-repeat;
}

#complete-empn-span a{
background: url(span_complete_empn3.gif) no-repeat;
}

#complete-empn a:hover, #complete-empn-span a:hover{
background-position: -185px;
}

#hesc_marketplace a, #hesc_marketplace-span a{
float: right;
margin-bottom: 10px;
width: 185px;
height: 88px;
background-position: 0px;
}

#hesc_marketplace a{
background: url(hesc_marketplace.gif) no-repeat;
}

#hesc_marketplace-span a{
background: url(span_hesc_marketplace.gif) no-repeat;
}

#hesc_marketplace a:hover, #hesc_marketplace-span a:hover{
background-position: -185px;
}

#manage-account a, #manage-account-span a{
float: left;
margin-bottom: 10px;
width: 185px;
height: 39px;
background-position: 0px;
}

#manage-account a{
background: url(manage_account.gif) no-repeat;
}

#manage-account-span a{
background: url(span_manage_account.gif) no-repeat;
}

#manage-account a:hover, #manage-account-span a:hover{
background-position: -185px;
}

/* --- NEW HOTLINKS x3 --- */

#new-hotlinks-container3{
margin: 20px 0px 10px 30px;
padding: 0px;
width: 380px;
/* border: 1px solid #000; */
}

#new-hotlinks-container3 span{
margin-left: -1000px;
}

#complete-fafsa3 a, #complete-fafsa3-span a{
float: left;
margin-bottom: 10px;
width: 185px;
height: 39px;
background-position: 0px;
}

#complete-fafsa3 a{
background: url(complete_fafsa.gif) no-repeat;
}

#complete-fafsa3-span a{
background: url(span_complete_fafsa.gif) no-repeat;
}

#complete-fafsa3 a:hover, #complete-fafsa3-span a:hover{
background-position: -185px;
}

#complete-empn3 a, #complete-empn3-span a{
float: right;
margin-bottom: 10px;
width: 185px;
height: 39px;
background-position: 0px;
}

#complete-empn3 a{
background: url(complete_empn3.gif) no-repeat;
}

#complete-empn3-span a{
background: url(span_complete_empn3.gif) no-repeat;
}

#complete-empn3 a:hover, #complete-empn3-span a:hover{
background-position: -185px;
}

#manage-account3 a, #manage-account3-span a{
float: left;
width: 185px;
height: 39px;
background-position: 0px;
}

#manage-account3 a{
background: url(manage_account.gif) no-repeat;
}

#manage-account3-span a{
background: url(span_manage_account.gif) no-repeat;
}

#manage-account3 a:hover, #manage-account3-span a:hover{
background-position: -185px;
}

.clearboth{
clear: both;
}


/* ----- FOOTER ----- */

#footer{
margin: 0px;
padding: 10px 10px 0px 0px;
width: 770px;
height: 25px;
background: #8E001C;
text-align: right;
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.1em;
font-weight: normal;
color: #FFFFFF;
clear: both;
}

/* --- NEW COLOR STYLE - FOOTER --- */
#footerSFC-NonNY{
margin: 0px;
padding: 10px 10px 0px 0px;
width: 770px;
height: 25px;
background: #6A9913;
text-align: right;
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.1em;
font-weight: normal;
color: #FFFFFF;
clear: both;
}

#footerCA{
margin: 0px;
padding: 10px 10px 0px 0px;
width: 770px;
height: 25px;
background: #006F49;
text-align: right;
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.1em;
font-weight: normal;
color: #FFFFFF;
clear: both;
}

#footerLEN{
margin: 0px;
padding: 10px 10px 0px 0px;
width: 770px;
height: 25px;
background: #470074;
text-align: right;
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.1em;
font-weight: normal;
color: #FFFFFF;
clear: both;
}

#footer a, #footerSFC-NonNY a, #footerCA a, #footerLEN a{
text-decoration: none;
color: #FFFFFF;
}

#footer a:hover, #footerSFC-NonNY a:hover, #footerCA a:hover, #footerLEN a:hover{
text-decoration: none;
color: #FFFF99;
}

/* quicklinks 11/20/2009 */

div.quick_links_container {
	display:block;
	width:334px;
	height:166px;
	background:url(quick_links_01_en.png) 0 0 no-repeat;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}
.quick_links_container a {
	display:block;
	width:167px;
	text-indent:-7000em;
	margin:0;
	padding:0;
}
.quick_links_container a.link_01 { height:43px; background:url(quick_links_01_en.png) 0 0 no-repeat; }
.quick_links_container a.link_01:hover { background:url(quick_links_01_en.png) 0 -166px no-repeat; }
.quick_links_container a.link_02 { height:41px; background:url(quick_links_01_en.png) 0 -43px no-repeat; }
.quick_links_container a.link_02:hover { background:url(quick_links_01_en.png) 0 -209px no-repeat; }
.quick_links_container a.link_03 { height:41px; background:url(quick_links_01_en.png) 0 -84px no-repeat; float:left }
.quick_links_container a.link_03:hover { background:url(quick_links_01_en.png) 0 -250px no-repeat; }
.quick_links_container a.link_04 { height:41px; background:url(quick_links_01_en.png) -167px -84px no-repeat; float:left }
.quick_links_container a.link_04:hover { background:url(quick_links_01_en.png) -167px -250px no-repeat; }
.quick_links_container a.link_05 { height:41px; background:url(quick_links_01_en.png) 0 -125px no-repeat; float:left }
.quick_links_container a.link_05:hover { background:url(quick_links_01_en.png) 0 -291px no-repeat; }
.quick_links_container a.link_06 { height:41px; background:url(quick_links_01_en.png) -167px -125px no-repeat; float:left }
.quick_links_container a.link_06:hover { background:url(quick_links_01_en.png) -167px -291px no-repeat; }

div.quick_links_container_sp {
	display:block;
	width:334px;
	height:166px;
	background:url(quick_links_01_es.png) 0 0 no-repeat;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}
.quick_links_container_sp a {
	display:block;
	width:167px;
	text-indent:-7000em;
	margin:0;
	padding:0;
}
.quick_links_container_sp a.link_01 { height:43px; background:url(quick_links_01_es.png) 0 0 no-repeat; }
.quick_links_container_sp a.link_01:hover { background:url(quick_links_01_es.png) 0 -166px no-repeat; }
.quick_links_container_sp a.link_02 { height:41px; background:url(quick_links_01_es.png) 0 -43px no-repeat; }
.quick_links_container_sp a.link_02:hover { background:url(quick_links_01_es.png) 0 -209px no-repeat; }
.quick_links_container_sp a.link_03 { height:41px; background:url(quick_links_01_es.png) 0 -84px no-repeat; float:left }
.quick_links_container_sp a.link_03:hover { background:url(quick_links_01_es.png) 0 -250px no-repeat; }
.quick_links_container_sp a.link_04 { height:41px; background:url(quick_links_01_es.png) -167px -84px no-repeat; float:left }
.quick_links_container_sp a.link_04:hover { background:url(quick_links_01_es.png) -167px -250px no-repeat; }
.quick_links_container_sp a.link_05 { height:41px; background:url(quick_links_01_es.png) 0 -125px no-repeat; float:left }
.quick_links_container_sp a.link_05:hover { background:url(quick_links_01_es.png) 0 -291px no-repeat; }
.quick_links_container_sp a.link_06 { height:41px; background:url(quick_links_01_es.png) -167px -125px no-repeat; float:left }
.quick_links_container_sp a.link_06:hover { background:url(quick_links_01_es.png) -167px -291px no-repeat; }