﻿div.mainContent {
	position: relative;	
}

#billboardWrapper {
	position: relative;
	height: 404px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	-ms-border-radius: 21px;
	border-radius: 21px;
	overflow: hidden;
}

#billboardWrapper .billboardText,
#billboardWrapper .billboardText a {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	color: #666;
	font-size: 14px;
	line-height: 15px;
}

#billboardWrapper .billboardText a:hover {
	color: #1595c7;
}

#tabsShadow {
	background: url(/images/home/billboardTabsShadow.png) no-repeat top left;
	position: absolute;
	left: 0;
	top: -15px;
	width: 298px;
	height: 400px;
}

#billboardTabs {
	width: 298px;
	height: 404px;
	float: left;
	position: relative;
	background: url(/images/home/billboardTabsLabels.png) no-repeat scroll 0 -1212px;
}

#tabsSelectedBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	clip: rect(0px,298px,101px,0px);
}

#tabsSelectedBg div {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* find school */
#tabsSelectedBg-slide1 {
	background: url(/images/home/billboardFindSchoolBg.jpg) no-repeat 0px -25px;
}

/* school recommendations */
#tabsSelectedBg-slide2 {
	background: url(/images/home/billboardSchoolRecommendBg.jpg) no-repeat 0px -60px;
}

/* scholarships */
#tabsSelectedBg-slide3 {
	background: url(/images/home/billboardFindScholarshipBg.jpg) no-repeat 0px -35px;
}

/* major */
#tabsSelectedBg-slide4 {
	background: url(/images/home/billboardFindMajorBg.jpg) no-repeat 0px -60px;
}

#tabsLabels {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#tabsLabels ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tabsLabels ul li {
	height: 101px;
	text-indent: -10000px;
	background-image: url(/images/home/billboardTabsLabels.png);
	margin: 0;
}

#tabsLabels ul li:hover {
	cursor: pointer;
}

#mainButton-slide1 { background-position: 0 0; }
#mainButton-slide2 { background-position: 0 -303px; }
#mainButton-slide3 { background-position: 0 -606px; }
#mainButton-slide4 { background-position: 0 -909px; }

#mainButton-slide1.selected { background-position: 0 -101px; }
#mainButton-slide2.selected { background-position: 0 -404px; }
#mainButton-slide3.selected { background-position: 0 -707px; }
#mainButton-slide4.selected { background-position: 0 -1010px; }

#mainButton-slide1:hover { background-position: 0 -202px; }
#mainButton-slide2:hover { background-position: 0 -505px; }
#mainButton-slide3:hover { background-position: 0 -808px; }
#mainButton-slide4:hover { background-position: 0 -1111px; }

#billboardMiddle {
	width: 658px;
	height: 404px;
	left: 298px;
	position: absolute;
	top: 0;
	background: #FFF;
}

.billboardSlide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.billboardIcon {
	width: 32px;
	height: 32px;
	background: url(/images/home/billboardIcons.png);
	float: left;
	margin: 2px 0px 0px -40px;
}

.billboardIconRank { background-position: 0 0px; }
.billboardIconCompare { background-position: 0 -32px; }
.billboardIconBook { background-position: 0 -64px; }
.billboardIconNoEssay { background-position: 0 -96px; }
.billboardIconMagnify { background-position: -32px 0px; }
.billboardIconArrowOrange { background-position: -32px -32px; }
.billboardIconArrowBlue { background-position: -32px -64px; }
.billboardIconLocal { background-position: -32px -96px; }
.billboardIconRecommend { background-position: -64px 0px; }

#billboardMiddle .mainContent-slide1 {
	background: url(/images/home/billboardFindSchoolBg.jpg) no-repeat -298px -25px;
}

#billboardMiddle .mainContent-slide1 .item2 {
	position: absolute;
	left: 60px;
	top: 305px;
	width: 120px;
}
	
#billboardMiddle .mainContent-slide1 .item3 {
	position: absolute;
	left: 220px;
	top: 305px;
	width: 120px;
}

#billboardMiddle .mainContent-slide1 .item4 {
	position: absolute;
	left: 60px;
	top: 230px;
	width: 280px;
	font-size: 19px;
	line-height: 20px;
	color: #222;
}

#billboardMiddle .mainContent-slide2 {
	background: url(/images/home/billboardSchoolRecommendBg.jpg) no-repeat -298px -60px;
}
	
#billboardMiddle .mainContent-slide2 .item2 a {
	font-size: 17px;
	line-height: 18px;
}

#billboardMiddle .mainContent-slide2 .item2 {
	position: absolute;
	left: 60px;
	top: 250px;
	width: 280px;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools {
	font-size: 11px;
	margin: 8px 0 0 0;
	background: #f5f5f5;
	padding: 0;
	list-style: none;
	border: 1px solid #EEE;
	width: 235px;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools .similarArrow {
	float: left;
	width: 13px;
	height: 11px;
	background: url(/images/home/billboardIcons.png) no-repeat -64px -32px;
	margin: 3px 5px 0 5px;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools li {
	margin: 0;
	border-top: 1px solid #EEE;
	padding: 2px 6px 0px 6px;
	overflow: hidden;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools li.similar {
	border: none;
	padding-top: 0;
	padding-bottom: 2px;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools li:first-child {
	border-top: none;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools li a {
	font-size: 11px;
	color: #fa7110;
}

#billboardMiddle .mainContent-slide2 .item2 ul.nearbySchools li a:hover {
	color: #666;
}

#billboardMiddle .mainContent-slide2 .item1 {
	position: absolute;
	left: 60px;
	top: 195px;
	width: 280px;
}

#billboardMiddle .mainContent-slide3 {
	background: url(/images/home/billboardFindScholarshipBg.jpg) no-repeat -298px -35px;
}

#billboardMiddle .mainContent-slide3 .item1 {
	position: absolute;
	left: 70px;
	top: 33px;
	width: 275px;
}
	
#billboardMiddle .mainContent-slide3 .item1 a {
	font-size: 19px;
	line-height: 21px;
}

#billboardMiddle .mainContent-slide3 .item2 {
	position: absolute;
	left: 70px;
	top: 109px;
	width: 235px;
}

#billboardMiddle .mainContent-slide3 .item2 a {
	line-height: 16px;
}

#billboardMiddle .mainContent-slide3 .item3 {
	position: absolute;
	left: 70px;
	top: 159px;
	width: 270px;
}

#billboardMiddle .mainContent-slide3 .item3 a {
	line-height: 16px;
}

#billboardMiddle .mainContent-slide4 {
	background: url(/images/home/billboardFindMajorBg.jpg) no-repeat -298px -60px;
}

#billboardMiddle .mainContent-slide4 .item1 {
	position: absolute;
	left: 60px;
	top: 83px;
	width: 280px;
}
	
#billboardMiddle .mainContent-slide4 .item1 a {
	font-size: 19px;
	line-height: 21px;
}
	
#billboardMiddle .mainContent-slide4 .item2 {
	position: absolute;
	left: 60px;
	top: 140px;
	width: 129px;
}
	
#billboardMiddle .mainContent-slide4 .item3 {
	position: absolute;
	left: 220px;
	top: 140px;
	width: 120px;
}
	
.homeCollegeDrop {
	border: 2px solid #fed2b1;
	padding: 5px;
	margin: 8px 0 0 0;
	width: 265px;
	background-image: url(/images/sections/homeSearchWatermark.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.homeCollegeDrop:focus {
    background: #fff;    
}

#billboardRegister {
	width: 299px;
	height: 404px;
	background-image: url(/images/home/billboardRegistrationBg.png);
	position: absolute;
	top: 0;
	left: 657px;
}

.billboardRegisterList {
	display: none;
	position: absolute;
}

#billboardRegisterList1 {
	width: 210px;
	top: 118px;
	left: 63px;
}

#billboardRegisterList2 {
	width: 210px;
	top: 118px;
	left: 63px;
}

#billboardRegisterList3 {
	width: 210px;
	top: 68px;
	left: 63px;
}

#billboardRegisterList4 {
	width: 210px;
	top: 69px;
	left: 63px;
}

.billboardRegisterItem {
	font-size: 14px;
	color: #424242;
	margin: 14px 0;
}

.billboardRegisterItem a {
	font-size: 13px;
	color: #424242;
	margin: 14px 0;
	font-weight: normal;
}

.registerCheckbox {
	margin: 2px 0 0 -40px;
	width: 33px;
	height: 30px;
	background: url(/images/home/billboardRegistration.png) no-repeat 0 -97px;
	float: left;
}

.billboardRegisterText {
	font-weight: bold;
	color: #c5360f;
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: 15px;
	left: 50px;
	text-indent: -36px;
	text-shadow: 1px 1px 0 #d3cfc7;
	}

#billboardRegisterButton {
	width: 336px;
	height: 94px;
	left: 633px;
	top: 300px;
	position: absolute;
	background: url(/images/home/billboardRegistration.png) no-repeat;
}
	
#billboardRegisterButton a {
	color: #f9ede0;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 32px 0 0 52px;
	font-size: 28px;
	text-shadow: 0 -1px 0 #c25218;
}
	
#billboardRegisterButton a:hover {
	color: #ffffff;
}

.homeNumbers {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 32px 0 25px 0;	
	color: #766356;
	margin: -22px 0 10px 0;
	background: url(/images/home/billboardNumbersBg.png) no-repeat top left;
}

.homeNumbers strong,
.homeNumbers a:hover {
	color: #FFF;
	font-weight: bold;
}

.homeStudentReviews .title,
.homeFeaturedSchool .title {
	padding: 0;
	margin: 0 0 15px 0;
	color: #999;
}

.homeStudentReviews .title {
	width: 282px;
}

.homeStudentReviews h2,
.homeFeaturedSchool h2 {
	padding: 5px;
	color: #1595c7;
	font-size: 20px;
	border: none;
	padding: 0 0 0px 0;
	background-color: transparent;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #1595c7;
}

.featuredNumbers {
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	margin: 0 0 3px 0;
}

.featuredNumbers strong {
	color: #1595c7;
}

.homeNumbers a {
	color: #df6a14;
}

a.moreInfo {
	font-size: 13px;
	color: #88c6e9;
	font-weight: bold;
	float: right;
	clear: right;
	margin: 10px 0 0 0;
}

a.moreInfo:hover {
	color: #fa7110;
}

#featuredSchool {
	float: left;
	width: 300px;
	margin: 0 15px 0 0;
}

#featuredSchool div.featureName, #grades p {
	font-size: 14px;
	font-weight: bold;
	float: left;
	clear: both;
	margin: 5px 0 0 0;
	width: 100%;
	color: #333;
}

#featuredSchool div.featureName a {
	color: #1595c7;
}

#featuredSchool div.featureName a:hover {
	color: #333;
}

#featuredSchool .featureBox {
	padding: 8px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #bbe7f3;
	border-top: 1px solid #bbe7f3;
	margin-top: 5px;
}
	
#featuredSchool .featureBox dl {
	float: left;
	margin: 0;
	width: 140px;
}

#featuredSchool .featureBox dt {
	color: #1595c7;
	font-size: 12px;
}

#featuredSchool .featureBox dd {
	color: #333;
	font-size: 13px;
	margin: 0 0 5px 0;	
}

#featuredSchool .featureImage {
	float: right;
}

#featuredSchool .featureImage div {
	font-size: 11px;
	color: #888;
	clear: right;
	width: 140px;
	margin-top: 3px;
}

#featuredSchool .featureImage a.moreInfo {
	margin: 70px 0 0 0;
	width: 140px;
}

#featuredSchool h3 {
	color: #333;
	margin: 10px 0 5px 0;
}

#featuredSchool .gradeColumn {
	float: left;
	width: 146px;
}

#featuredSchool .gradeColumn a {
	float: left;
	width: 100%;
	line-height: 16px;
}

#featuredSchool .gradeColumn a span.grade {
	color: #d3111f;
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 0 4px 0 0;
	width: 25px;
	border-right: 1px solid #AAA;
	padding: 4px 0;
}

#featuredSchool .gradeColumn a span.grade span.na {
	font-size: 12px;
}

#featuredSchool .gradeColumn a span.gradeLabel {
	color: #333;
	font-size: 13px;
	float: left;
	width: 116px;
	font-weight: normal;
	padding: 4px 0 0 0;
}

#featuredSchool .gradeColumn a:hover span.gradeLabel {
	color: #fa7110;
}

#grades {
	margin: 0 0 5px 0px;
	float: left;
}

#grades p {
	margin: 15px 0 5px 0;
	float: left;
}

.homeStudentReviews {
	float: left;	
	width: 320px;
	margin: 0 0 0 5px;
}

.homeStudentReviews .reviewBox {
	overflow: auto;
	margin: 0 0 5px 0;
	width: 100%;
}

.homeStudentReviews .reviewBox div.username {
	font-size: 14px;
	font-weight: bold;
	float: left;
	color: #666;
	width: 295px;
}

.homeStudentReviews .reviewBox div.username a {
	color: #666;
}

.homeStudentReviews .reviewBox div.username a:hover {
	color: #1595c7;
}

.homeStudentReviews .reviewBox div.reviewSubject {
	font-size: 14px;
	font-weight: bold;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #bbe7f3;
}

.homeStudentReviews .reviewBox div.reviewSubject a {
	color: #1595c7;
}

.homeStudentReviews .reviewBox div.reviewSubject a:hover {
	color: #333;
}

.homeStudentReviews .reviewBox div.reviewTitle {
	font-size: 12px;
	font-weight: bold;
	float: left;
	color: #555;
	width: 295px;
	overflow: hidden;
	margin: 5px 0 2px 0;
}

.homeStudentReviews .reviewBox div.reviewBody {
	font-size: 12px;
	float: left;
	padding: 0 0 5px 0;
	color: #888;
	width: 100%;
	clear: both;
}

.homeStudentReviews .reviewBox span.reviewGrade {
	color: #d3111f;
	font-size: 16px;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

.thirdColumn {
	float: right;
	width: 300px;
}

.homeAdSection {
	margin: 0 0 20px 0;
}

.socialButtons {
	width: 141px;
	height: 142px;
	background: url(/images/home/socialButtons.png) no-repeat top left;
	text-indent: -10000px;
	float: right;
	margin: 15px 0 0 0;
}

.twitterButton:hover {
	background-position: -141px 0;
}

.facebookButton {
	background-position: -282px 0;
	float: left;
}

.facebookButton:hover {
	background-position: -423px 0;
}



