@import url("reset.css");

/* -------- Network Critical css ---------- **/
/* ----------------- by SJJ ---------------- */


* { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 150%;}
body {background: #ffffff url(../img/bg/bogybg.jpg) top left repeat-x; padding-top: 1px; color: #326957;}

hr { text-align: right; width: 100%; height: 1px; color: #d4dee8; border: none;  margin: 15px 0px;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: none; margin: 15px 0px;} /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: 0px solid #d4dee8; margin: 15px 0px;} /* For Opera and Gecko-based browsers */

#wrapper {width: 960px; padding: 5px 10px 16px 10px; margin-left: auto; margin-right:auto; overflow: hidden; height: 1%; background-color: #ffffff; }

/* ----------------- Header ---------------- */
#header {width: 980px; height: 170px; position: relative; overflow: hidden; background: #ffffff url(../img/bg/header.jpg) top left no-repeat; margin-left: auto; margin-right:auto; }
#header a.logo { position: absolute; height:188px; width: 230px; top: 0px; left: 209px; text-indent: -9999px; }
#header h1 {position: absolute; height:30px; width: 442px; top: 57px; left: 498px; text-indent: -9999px; background: #ffffff url(../img/bg/strapline.jpg) top left no-repeat;}

/* ----------------- Main Nav ---------------- */
#navigation {clear: both; height: 42px; width: 978px; overflow: hidden; border-bottom: 4px solid #ed640a; margin: 1px 1px 5px 1px; position: absolute; top: 124px; left: 0px; }
#navigation ul {background: #ffffff url(../img/bg/navbg.gif) top left repeat-x; height: 41px; }
#navigation ul li {float: left; height: 41px; margin-right: 1px; }
#navigation ul li a {height:41px; display: block; text-indent: -9999px;  }
#n1 a {background: #389a79 url(../img/nav/n1.jpg) top left no-repeat; width: 81px; }
#n1a a, #n1 a:hover {background: #e47804 url(../img/nav/n1a.jpg) top left no-repeat; width: 81px; }
#n2 a {background: #389a79 url(../img/nav/n2.jpg) top left no-repeat; width: 109px; }
#n2a a, #n2 a:hover {background: #e47804 url(../img/nav/n2a.jpg) top left no-repeat; width: 109px; }
#n3 a {background: #389a79 url(../img/nav/n3.jpg) top left no-repeat; width: 135px; }
#n3a a, #n3 a:hover {background: #e47804 url(../img/nav/n3a.jpg) top left no-repeat; width: 135px; }
#n4 a {background: #389a79 url(../img/nav/n4.jpg) top left no-repeat; width: 86px; }
#n4a a, #n4 a:hover {background: #e47804 url(../img/nav/n4a.jpg) top left no-repeat; width: 86px; }
#n5 a {background: #389a79 url(../img/nav/n5.jpg) top left no-repeat; width: 107px; }
#n5a a, #n5 a:hover {background: #e47804 url(../img/nav/n5a.jpg) top left no-repeat; width: 107px; }
#n6 a {background: #389a79 url(../img/nav/n6.jpg) top left no-repeat; width: 82px; }
#n6a a, #n6 a:hover {background: #e47804 url(../img/nav/n6a.jpg) top left no-repeat; width: 82px; }
#n7 a {background: #389a79 url(../img/nav/n7.jpg) top left no-repeat; width: 166px; }
#n7a a, #n7 a:hover {background: #e47804 url(../img/nav/n7a.jpg) top left no-repeat; width: 166px; }
#n8 a {background: #389a79 url(../img/nav/n8.jpg) top left no-repeat; width: 84px; }
#n8a a, #n8 a:hover {background: #e47804 url(../img/nav/n8a.jpg) top left no-repeat; width: 84px; }
#n9 a {background: #389a79 url(../img/nav/n9.jpg) top left no-repeat; width: 120px; }
#n9a a, #n9 a:hover {background: #e47804 url(../img/nav/n9a.jpg) top left no-repeat; width: 120px;  }
#n9, #n9a { margin-right: 0px!important; }


#homepageintroduction {clear: both; overflow: hidden; background: url(../img/bg/intro-bg.gif) 0px 0px repeat-y; position: relative; margin-bottom: 10px;}
#homepageintroduction div.image {background: url(../img/banners/home.jpg) top left no-repeat; width: 639px; height: 100%; float: left;  position: absolute; top: 0px left: 0px; }
#homepageintroduction div.text {border: 1px solid #b8d2c9; width: 287px; padding: 19px 12px 30px 12px; float: right; background: #ffffff url(../img/bg/intro-bg.jpg) bottom left no-repeat;  }
#homepageintroduction div.text h1 {background: url(../img/bg/dcf-intro.gif) top left no-repeat; width: 285px; height: 22px; text-indent: -9999px; margin-bottom: 15px; }
#homepageintroduction div.text p {font-size: 80%;  margin-bottom: 5px; text-align: justify;}
#homepageintroduction div.text a {font-size: 80%; color: #326957; text-decoration: underline; font-weight: bold; background: url(../img/icons/readmore.gif) 0% 50% no-repeat; padding-left: 15px;} 
#homepageintroduction div.text a:hover {text-decoration: none;}
#homepagecontent {overflow: hidden; clear: both; margin-bottom: 10px; }
#hompagebanner { float: right; border: 1px solid #b8d2c9; height:156px; width: 180px; padding: 47px 5px 0px 126px; background: url(../img/bg/success.jpg) top left no-repeat; }
#hompagebanner h2 {text-indent: -9999px; height: 0px;}
#hompagebanner p {color: white; text-align: center; font-size: 80%;}
#hompagebanner p a {color: #ffffff; font-weight: bold; text-decoration: underline; background: url(../img/icons/readmore.gif) 0% 50% no-repeat; padding-left: 15px; }



#homepageboxes {width: 639px; float: left; background: url(../img/bg/boxes-sides.gif) top left repeat-y; overflow: hidden; min-height: 203px;}
#homepageboxesbottom {width: 639px; float: left; height: 1px; background: url(../img/bg/boxes-bottom.gif) top left no-repeat;}
#homepageboxes div {width: 185px; float: left; border-top: 1px solid #b9d2c9; margin-right: 6px; padding: 12px 12px; font-size: 80%; background: url(../img/bg/box-bg.jpg) 0% 0% no-repeat; min-height: 179px;}
#homepageboxes div.last {margin-right: 0px;} 
#homepageboxes div p {margin-bottom: 10px; text-align: justify;}
#homepageboxes div a {float: right; color: #326957; font-weight: bold; text-decoration: underline; background: url(../img/icons/readmore.gif) 0% 50% no-repeat; padding-left: 15px;}
#homepageboxes div h2 {height: 20px; text-indent: -9999px; background-position: top left; background-repeat: no-repeat; margin-bottom: 10px;} 
#homepageboxes div #college-scholarships {width: 180px; background-image: url(../img/bg/college-scholarships.gif); }
#homepageboxes div #named-scholarships {width: 180px; background-image: url(../img/bg/named-scholarships.gif); }
#homepageboxes div #sponsored-scholarships {width: 186px; background-image: url(../img/bg/sponsored-scholarships.gif); }



/* ----------------- Internal Pages ---------------- */


#rightcol {width: 313px; float: right; overflow: hidden; margin-bottom: 10px;  }
#rightcol img {border: 1px solid #b9d3ca;  margin-bottom: 10px;}


#leftcol {width: 601px; border: 1px solid #b9d3ca; padding: 15px 19px; font-size: 80%; background: url(../img/bg/leftcol-bg.gif) top left repeat-x; margin-bottom: 10px; float: left; }
#leftcol h1 {font-weight: normal; font-size: 180%; color: #008356; margin-bottom: 10px; }
#leftcol h2 {font-weight: bold; font-size: 120%; color: #326957; margin-bottom: 10px; }
#leftcol h3 {font-weight: bold; font-size: 100%; color: #ed640a; margin-bottom: 10px; }
#leftcol p {margin-bottom: 10px;}
#leftcol ul {margin-left: 10px; margin-bottom: 10px;}
#leftcol ul li {padding-left: 15px; background: url(../img/icons/bullet.gif) 0% 50% no-repeat; margin-bottom: 0px; overflow: hidden; height: 1%;  }
#leftcol a {color: #326957; text-decoration: underline;}
#leftcol a:hover {text-decoration: none;}

#leftcol ul.subnav {background-color: #e2f7f0; clear: both; overflow: hidden; margin-left: 0px; padding: 10px; margin-bottom: 20px; } 
#leftcol ul.subnav li {float: left; margin: 0px 10px; background: none; padding-left: 0px; }
#leftcol ul.subnav li a {color: #ed640a; text-decoration: underline; font-weight: bold;  }
#leftcol ul.subnav li a:hover {text-decoration: none;}

#leftcol ul.news {margin-left: 0px;}
#leftcol ul.news li {padding-left: 0px; background: none; margin-bottom: 20px;}
#leftcol ul.news li h2 {margin-bottom: 0px;}  
#leftcol ul.news li h2 span {color: #ed640a;}
#leftcol ul.news li a {padding-left: 20px; background: url(../img/icons/file.gif) 0% 50% no-repeat;}
#leftcol ul.news li a.pdf {background-image: url(../img/icons/pdf.gif);}
#leftcol ul.news li a.doc {background-image: url(../img/icons/doc.gif);}


/* ----------------- Footer ---------------- */
#footer {font-size: 70%; color: #326957; background-color: #dfece7; padding: 7px 10px 7px 10px; overflow: hidden; clear: both;}
#footer p {float: left; margin-bottom: 0px!important;}
#footer p.connexion {float:right;}
#footer p.connexion a {font-weight:bold; color: #ed640a; text-decoration: none; }
#footer p.connexion a:hover {text-decoration: underline; }