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

html{height:100%;}
body {margin:0px; padding:0px; 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.2em; letter-spacing:-.05em; margin:.75em 0px .5em 0px;}
p {line-height:1.3em; margin-top:0px; margin-bottom:1em;}

#wrapper {width:100%; text-align:left; height: 100%; min-height: 100%;background:url(../_graphics/background.gif) top left repeat-x; float:left;}
#headerWrap {width:965px; height: 178px; margin:0px auto; text-align:left;}


/* 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; width: 960px;}
#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:965px; margin: 0 auto;}

/* Intro */
#content #intro {width: 100%; border-bottom: solid 1px #fecf54; padding: 20px 0; margin-bottom: 15px;}
#content #intro #intro-text {width: 380px; float: left; padding-top: 0px;}
#content #intro #intro-text h1 {color: #f15d22; font-family: "Arial Black", Gadget, sans-serif; font-size: 1.4em; text-transform: uppercase;}
#content #intro #intro-video {width: 560px; height: 315px; float: right; margin-top: 1em; }
#content #intro .right-arrow {background: url(../_graphics/right-arrow.png) no-repeat right center; padding-right: 20px;}



#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:190px; float:right; background:url(../_graphics/cap.png) center 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 {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:350px; background:url(../_graphics/contCentLeftBg.gif) top left no-repeat; padding-right:17px;}
#content .mid .right {float:right; width:550px; 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;}*/

#content .mid {width: 100%; border-top: 7px solid #ffd55c; padding-bottom: 15px; padding-top: 15px; margin-top: 15px;}
#content .mid h2 {text-transform: uppercase;}
#content .mid .left {width: 350px; float: left;}
#content .mid .col1{width: 350px; margin-bottom: 20px; background:url(../_graphics/compare.png) top left no-repeat;}
#content .mid .col2{width: 350px; margin-bottom: 20px; background:url(../_graphics/search.png) top left no-repeat;}
#content .mid .right {width: 550px; float: right;}
#content .mid .left .button {display:block; text-indent:-9999px; overflow:hiden; height:38px; width:205px; background:url(../_graphics/compareCollegeButton.jpg) top left no-repeat;}
#content .mid .right .button {display:block; text-indent:-9999px; overflow:hiden; height:38px; width:198px; background:url(../_graphics/advancedSearchButton.jpg) top left no-repeat;}


#footer {clear:both; width:100%; background:url(../_graphics/footerBg.gif) top left repeat-x; height:70px; text-align:center; font-size:.8em; float:left; 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 */



.alert {
  background: #f0f0f0;
  padding: 10px;
  margin-bottom: 1em;
  border-radius: 10px;
  border: 1px;
}

.alert strong {
  color: #F17544;
}