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

html{height:100%;}
body {margin:0px; padding:0px; background:url(../_graphics/background.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif;color:#5a5a5a; text-align:center; font-size:.9em; height:100%;}
a {color:#bf311a;}
h2 {color:#f15d22; font-family:"Arial Black", Gadget, sans-serif; font-size:1.3em; letter-spacing:-.05em; margin:.75em 0px .5em 0px;}
p {line-height:1.3em; margin-top:0px; margin-bottom:1em;}

#wrapper {width:965px; margin:0px auto; text-align:left; height: 100%; min-height: 100%;}


/* header styles */
#header {width:965px; height:143px; float:left;}
#header .utilities {float:right; height:29px; padding-right:25px; background:url(../_graphics/utilitiesBg.gif) top right no-repeat;}
#header ul {list-style-type:none; float:left; margin:0px auto; padding:4px 0px 0px 0px; display:block; height:25px; background:url(../_graphics/utilitiesBg.gif) top left no-repeat;}
#header li {float:left; font-size:.75em; padding-left:25px;}
#header a.collegeresults {float:left; margin:25px 0px 0px 0px; padding:0px; display:block; width:186px; height:91px; background:url(../_graphics/logo.jpg) top left no-repeat; text-indent:-9999px; font-size:1px;}
#header a.edTrust {float:right; clear:right; display:block; height:72px; width:160px; background:url(../_graphics/edTrustLogo.jpg) top left no-repeat; text-indent:-9999px; font-size:1px; overflow:hidden; margin-top:19px;}

/* navigation styles */
#navigation {float:left;}
#navigation ul {list-style-type:none; margin:0px; padding:0px;}
#navigation li {float:left; text-indent:-9999px; overflow:hidden; font-size:1px; background:url(../_graphics/navBg.gif) top left no-repeat;}
#navigation li a {display:block; width:100%; height:100%; background:url(../_graphics/navBg.gif) top left no-repeat;}
#navigation li.home {display:block; width:147px; height:35px; background-position:0px -35px;}
#navigation li.choose {display:block; width:236px; height:35px; background-position:-147px -35px;}
#navigation li.compare {display:block; width:242px; height:35px; background-position:-383px -35px;}
#navigation li.advanced {display:block; width:237px; height:35px; background-position:-625px -35px;}
#navigation li.home a{background-position:0px 0px;}
#navigation li.choose a{background-position:-147px 0px;}
#navigation li.compare a{background-position:-383px 0px;}
#navigation li.advanced a{background-position:-625px 0px;}
#navigation li.home a:hover{background-position:0px -70px;}
#navigation li.choose a:hover{background-position:-147px -70px;}
#navigation li.compare a:hover{background-position:-383px -70px;}
#navigation li.advanced a:hover{background-position:-625px -70px;}

/* content area */
#content {width:100%; float:left;}

#content .top h2 {text-transform:uppercase;}
#content .top form {margin:1.25em 0px 1.25em 0px;}
#content .top .left {width:625px; float:left;}
#content .top .right {width:340px; height:205px; float:right;background:url(../_graphics/grad_pic.png) bottom left no-repeat;}
#content .top .left .text {display:block; width:430px; height:22px; padding:5px 5px 0px 5px; background:url(../_graphics/searchBar.gif) top left no-repeat; border:0px solid #fff; float:left; margin:5px 5px 1.25em 0px;}
#content .top .left input.button {display:block; width:169px; height:38px; background:url(../_graphics/viewCollegeButton.jpg) top left no-repeat; border:0px solid #fff; float:left; cursor:pointer; margin:0px 0px 1.25em 0px; text-indent:-9999px; overflow:hidden;}

#content .mid {float:left; background:url(../_graphics/contCentBg.gif) top left repeat-x; padding-top:11px; width:100%; margin-bottom:38px; font-size:.9em;}
#content .mid h2 {text-transform:uppercase;}
#content .mid .left {float:left; width:456px; background:url(../_graphics/contCentLeftBg.gif) top left no-repeat; padding-right:17px;}
#content .mid .right {float:right; width:456px; background:url(../_graphics/contCentRightBg.gif) top left no-repeat; padding-left:17px;}

#content .mid .left .button {display:block; text-indent:-9999px; overflow:hiden; height:38px; width:205px; background:url(../_graphics/compareCollegeButton.jpg) top left no-repeat; float:right;}
#content .mid .right .button {display:block; text-indent:-9999px; overflow:hiden; height:38px; width:198px; background:url(../_graphics/advancedSearchButton.jpg) top left no-repeat; float:right;}

#content .bot {font-size:.9em; float:left; width:100%; padding-bottom: 70px; background:url(../_graphics/collegeMan.jpg) bottom left no-repeat; }
#content .bot .inner {width:715px; float:right;}


#footer {clear:both; width:100%; background:url(../_graphics/footerBg.gif) top left repeat-x; height:70px; text-align:center; font-size:.8em; float:left; margin-top: -70px; position:relative;}
#footer .inner {margin:0px auto; text-align:left; width:965px;}
#footer .left {float:left; margin-top:1em;}
#footer .right {float:right; margin-top:1em;}
#footer .right ul {list-style-type:none; margin:0px; padding:0px;}
#footer .right li {float:left; margin-left:1.25em; text-transform:uppercase;}
#footer .right li.terms {border-right:1px solid #5a5a5a; padding-right:1.25em;}


/* fixes for stupid IE */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */