/* Style Sheet */
@import url("master.css");
body {
	background-color: #f8d61f;
}
body#interior {
	background-color: #2E2E2E;
}
#container {
	background: url('../images/background.jpg') no-repeat scroll top left;
	width: 1000px;
	background-color: #f8d61f;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
#content{
	display:block;
	height:360px;
}
#container-interior {
	background: url('../images/background_interior.jpg') repeat-y scroll top left;
	width: 1000px;
	background-color: #f8d61f;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
#header {
	background: url('../images/header.jpg') no-repeat scroll top left;
	width: 1000px;
	height: 73px;
}
#header a.logo{
	display:block;
	text-indent:-3000px;
	background: url('../images/logo.png') no-repeat scroll top left;
	width: 125px;
	height: 54px;
}

#home-grill {
	background: url('../images/grill.jpg') no-repeat scroll top left;
	width: 1001px;
	height: 352px;
	background-color: #000;
}
#circle-logo {
	position:absolute;
	margin-top:20px;
	margin-left:40px;
	background: url('../images/logo_circle.png') no-repeat scroll top left;
	width: 262px;
	height: 274px;
	padding-left:23px;
	padding-top:20px;
}
#leaderboard {
	position:absolute;
	margin-top:5px;
	margin-left:30px;
}
#video-holder{
	position:absolute;
	margin-top:20px;
	margin-left:520px;
}
#video-holder-2{
	position:absolute;
	margin-top:20px;
	margin-left:450px;
	width:540px;
}
#map{
	float:left;
	display:block;
	width:390px;
	height:320px;
	margin-left:0px;
	margin-top:20px;
}
#home-right{
	float:left;
	display:block;
	width:600px;
	margin-top:20px;
}
#home-right p{
	font-size:14px;
	font-weight:none;
	padding:10px 20px 25px 20px;
	line-height:1.4;
}
#home-right a{
	text-decoration:underline;
}
#home-right a:hover{
	text-decoration:none;
}
#text-content p{
	font-size:14px;
	line-height:1.5;
	color:#202020;
	padding:0 40px 25px 0px;
}
#text-content ul{
	font-size:14px;
	line-height:1.5;
	color:#202020;
	list-style-type: disc;	
}
#text-content ul li{
	margin-left:30px;
}

#text-content .small-text{
	margin-top:10px;
	font-size:10px;
	padding:0 40px 25px 0px;
}
#text-content ol{
	font-size:14px;
	line-height:1.5;
	color:#202020;
	list-style-type: decimal;
}
#text-content ol li{
	margin-left:30px;
	padding:0 40px 25px 0px;
}
a.aveo-callout {
	display:block;
	float:left;
	background: url('../images/aveo5_learn_about_it.jpg') no-repeat scroll top left;
	width: 322px;
	height: 96px;
	text-indent:-3000px;
}
a.fuel-callout {
	background: url('../images/fuel_solutions.jpg') no-repeat scroll top left;
	width: 130px;
	height: 96px;
	text-indent:-3000px;
	display:block;
	float:left;
}
a.chevy-callout {
	background: url('../images/visit_chevy.jpg') no-repeat scroll top left;
	width: 126px;
	height: 96px;
	text-indent:-3000px;
	display:block;
	float:left;
}

a.aveo-callout:hover, a.fuel-callout:hover, a.chevy-callout:hover{
	background-position: 0 -96px;
}
a.win-callout {
	background: url('../images/start_livin_large.jpg') no-repeat scroll top left;
	width: 312px;
	height: 53px;
	text-indent:-3000px;
	display:block;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
a.blog-callout {
	background: url('../images/meters_running_blog.jpg') no-repeat scroll top left;
	width: 242px;
	height: 53px;
	text-indent:-3000px;
	display:block;
	float:left;
	margin-left:15px;
	margin-top:10px;
}
a.blog-callout:hover, a.win-callout:hover{
	background-position: 0 -53px;
}
a.small-blog-callout {
	background: url('../images/meters_running_small.jpg') no-repeat scroll top left;
	width: 200px;
	height: 42.5px;
	text-indent:-3000px;
	display:block;
}
a.small-blog-callout:hover{
	background-position: 0 -42.5px;
}
/*INTERIOR STYLES*/
#interior-left {
	background: url('../images/interior_left_background.jpg') no-repeat scroll top left;
	width: 266px;
	float:left;
}
#interior-right {
	background: url('../images/interior_right_background.jpg') no-repeat scroll top left;
	width: 734px;
	float:left;
}
#circle-logo-small {
	position:absolute;
	margin-top:20px;
	margin-left:10px;
	background: url('../images/logo_circle_small.png') no-repeat scroll top left;
	width: 222px;
	height: 214px;
	padding-left:16px;
	padding-top:20px;
}
#interior-footer {
	background: url('../images/interior_footer.jpg') no-repeat scroll top left;
	width: 1040px;
	height: 47px;
	color:#fff;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;

}
.interior-links{
	position:absolute;
	margin-top:30px;
	margin-left:890px;
}
.interior-links a, .interior-links a:visited{
	color:#fff;

}
#small-map{
	margin-left:13px;
	margin-top:250px;
	margin-bottom:40px;
}
#small-map-3{
	margin-top:10px;
	margin-left:13px;
	margin-bottom:40px;
}
#leaderboard-small{
	margin-top:60px;
	margin-left:13px;
	margin-bottom:40px;
}
#interior-callouts{
	margin-left:20px;
	
}
a.aveo-small-callout {
	display:block;
	background: url('../images/aveo5_learn_about_it_small.jpg') no-repeat scroll top left;
	width: 201px;
	height: 106px;
	text-indent:-3000px;
}
a.aveo-small-callout:hover{
	background-position:0 -106px;
}
a.chevy-small-callout {
	background: url('../images/visit_chevy_small.jpg') no-repeat scroll top left;
	width: 96px;
	height: 67px;
	text-indent:-3000px;
	display:block;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
a.fuel-small-callout {
	background: url('../images/fuel_solutions_small.jpg') no-repeat scroll top left;
	width: 96px;
	height: 67px;
	text-indent:-3000px;
	display:block;
	margin-top:5px;
	float:left;
}
a.chevy-small-callout:hover, a.fuel-small-callout:hover{
	background-position:0 -67px;
}

/*COLLEGE INTERIOR CONTENT STYLES*/
#breadcrumbs{
	font-size:11px;
	display:block;
	margin-top:10px;
	color:#000;
}
#breadcrumbs a{
	color:#000;
	text-decoration:underline;
}
#breadcrumbs a:hover{
	text-decoration:none;
}
#interior-video{
	width:500px;
	float:right;
	text-align:center;
	margin-bottom:10px;
}
#interior-video-f{
	width:540px;
	float:right;
	text-align:left;
	margin-bottom:10px;
}
#interior-video-left{
	width:420px;
	float:left;
	text-align:left;
}
#interior-video-left h2{
	font-weight:bold;
	margin-bottom:7px;
	font-size:16px;
}
#video-details{
	float:left;
	font-family: Helvetica,Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin-top:24px;
	line-height:1.4;
}
span.share-link{
	font-weight:100;
	display:block;
	float:left;
	width:130px;
	margin-top:8px;
	cursor:pointer;
}
span.share-link:hover{
	text-decoration:underline;
}
a.print-flyer {
	display:block;
	text-indent:-3000px;
	background: url('../images/print_flyer.jpg') no-repeat scroll top left;
	width: 98px;
	height: 48px;
	margin-top:30px;
	margin-left:-5px;
	position:relative;
	z-index:1;
}
a.print-flyer:hover{
	background-position:0 -48px;
}
span.submit-button {
	display:block;
	text-indent:-3000px;
	background: url('../images/submit_button.jpg') no-repeat scroll top left;
	width: 68px;
	height: 24px;
	cursor:pointer;
	margin-left:59px;
	margin-top:8px;
}
span.submit-button:hover{
	background-position:0 -24px;
}
span.send-email {
	display:block;
	text-indent:-3000px;
	background: url('../images/send_email.jpg') no-repeat scroll top left;
	width: 53px;
	height: 19px;
	cursor:pointer;
	margin-left:103px;
	margin-top:8px;
}
span.send-email:hover{
	background-position:0 -19px;
}

input[type="text"] {
/* for square right edge */
	border: 1px solid #666;
	margin-left:2px;
	font-size:12px;
}
label { 
	display: block;				/* core set of styles */
	clear: left;				/* core set of styles */
	margin-bottom: 5px;
}
label span {
	display: block;				/* core set of styles */
	float: left;				/* core set of styles */
	width: 50px;					/* core set of styles */
	text-align:right;
	padding-right:8px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.comment{
	font-size:12px;
	margin-top:10px;
	line-height:1.5;
	width:700px;
	padding:10px;
}
.comment-yellow{
	background-color:#F6DB46;
}
.comment .name{
	font-weight:bold;
}
textarea{
	margin-top:5px;
	margin-left:60px;
	border: 1px solid #666;
}

#featured-video-black {
	background: url('../images/feautred_black.jpg') no-repeat scroll top left;
	width: 536px;
	height: 354px;
	float:right;
	padding-left:20px;
	padding-top:10px;
	margin-right:0px;
}
.college-sub-header{
	width:180px;
	margin-bottom:20px;
	padding-left:10px;
}
.college-sub-header p{
	font-size:12px;
	margin-top:5px;
}
.college-sub-header .small{
	display:block;
	font-size:10px;
	padding-top:8px;
	text-align:left;
	padding-left:3px;
}

.college-sub-header ul{
	font-size:12px;
	font-style:italic;
	margin-left:10px;
}
.college-sub-header ul li{
	margin-bottom:3px;
	margin-left:10px;
	list-style-type: disc;
}
#email-block{
	margin-top:5px;
}
#college-title{
	margin-top:20px;
	margin-bottom:20px;
}
span.go-button{
	display:block;
	float:left;
	background: url('../images/go_button.jpg') no-repeat scroll top left;
	width: 25px;
	height: 19px;
	text-indent:-3000px;
	cursor:pointer;
	margin-top:10px;
	margin-left:5px;
}
span.go-button:hover{
	background-position:0 -19px;
}
input.email-box{
	float:left;
	display:block;
	border: 1px solid #999;
	width:120px;
	font-size:12px;
	padding:top:5px;
	padding-left:3px;
	color:#666;
	margin-top:10px;
	
}
#interior-top{
	margin-bottom:10px;
}
#interior-bottom{
	clear:both;
	margin-top:20px;
	background: url('../images/white_top.jpg') no-repeat scroll top left;
	width: 704px;
	background-color:#fff;
}
#interior-bottom-bottom{
	background: url('../images/white_bottom.jpg') no-repeat scroll top left;
	width: 704px;
	height:24px;	
}
#interior-bottom .text-box{
	width:300px;
	float:left;
	margin-left:30px;
	margin-top:20px;
}
#interior-bottom .text-box{
	font-size:14px;
	line-height:1.5;
}
#active-player{
	margin-left:28px;
}
#featured-videos{
	float:right;
	margin-right:45px;
	margin-top:0px;
}
#featured-videos .video{
	width:60px;
	font-size:11px;
	text-align:center;
	margin-bottom:5px;
	border:0px solid #fff;
	cursor:pointer;
}
.video img.play-rollover{
	display:none;
}
.video:hover img.play-rollover{
	position:absolute;
	margin:0px 0 0 8px;
	display:block;
	cursor:pointer;
}
a.result-video img.play-rollover{
	display:none;
}
a.result-video:hover img.play-rollover{
	position:absolute;
	margin:18px 0 0 30px;
	display:block;
	cursor:pointer;
}
img.play-active{
	position:absolute;
	margin:0px 0 0 8px;
	display:block;
}
.sub-section{
	font-size:11px;
	padding-bottom:20px;
}
.live-search{

}
.live-search input[type="text"]{
	border-color:#F88B00;
	margin-left:0px; 
	font-size:11px;
	color:#F88B00;
	padding:3px;
	width:150px;
}
#view-by{
	color:#F68100;
	font-size:11px;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
}
table.video-results{
	margin-top:5px;
	margin-left:30px;
}
table.video-results td{
	width:100px;
	padding-right:30px;
	margin-bottom:10px;
}
.text-box ul{
	font-size:14px;
	line-height:1.5;
	color:#202020;
	list-style-type: disc;	
}
.text-box ul li{
	margin-left:30px;
}
#social-share{
	position:absolute;
	width:280px;
	height:120px;
	background-color:#fff;
	border:3px solid #ddd;
	margin-top:-20px;
	margin-left:-5px;
	padding:10px;
	z-index:501;
}
#email-friend{
	position:absolute;
	width:280px;
	height:120px;
	background-color:#fff;
	border:3px solid #ddd;
	margin-top:-20px;
	margin-left:-5px;
	padding:10px;
	z-index:501;
}
span.close-box{
	cursor:pointer;
	position:absolute;
	margin-top:-20px;
	margin-left:-20px;
}
/*MENU*/
#menu{
	position:absolute;
	margin-top:-10px;
	margin-left:500px;
	display:block;
	width:500px;
}
#menu ul li{
	display:inline;
	margin-left:13px;
}

#menu ul li a{
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

#menu ul li a:hover{
	text-decoration:none;
	color:#000;
}
ul#home a.home,ul#about a.about, ul#aveo a.aveo, ul#rules a.rules, ul#faq a.faq, ul#press a.press{
	text-decoration:none;
	color:#000;
}

/*STICKY FOOTER*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#container  {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -32px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 32px; /* .push must be the same height as .footer */
}
.footer{
	clear:both;
	background: url('../images/footer_background.jpg') repeat-x scroll top left;
	width: 100%;
	height: 32px;
	padding-top:13px;
}

.links{
	background: url('../images/footer.jpg') no-repeat scroll top center;
	padding:3px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#fff;
	font-size:12px;
}
.links a{
	color:#fff;
	padding-right:5px;
	font-size:12px;
}

/* VIDEO SCROLLERS STYLE */
#ScrollBox 
      {
		position:absolute;
        width: 700px;
        height: 400px;
        overflow: hidden;
		margin-top:0px;
		margin-left:0px;
      }

       #BigBox
       {
			position:absolute;
	        width: 3800000px;
       }

	.block
       {
	        width: 700px;
	        float: left;
	        margin-right: 2px;
			margin-left:0px;
			text-align:center;
       }
.gallery-nav{
	margin-top:195px;
	margin-left:3px;
}
#vid-controllers{
	position:absolute;
	margin-top:300px;
}
a#move-left{
	display:block;
	position:absolute;
	margin-left:0px;
	margin-top:143px;
}
a#move-right{
	display:block;
	position:absolute;
	margin-left:675px;
	margin-top:143px;
}
span.sorters{
	cursor:pointer;
}
span.sorters:hover, span.sorters-active{
	color:#000;
}
tr.video-thumbs{
	height:180px;
	vertical-align:top;
}
