/* Stylesheet written by Tyler Mulligan of www.saltermitchell.com */
#splash {
	width:880px;
	height:314px;
	margin:30px 0 10px;
	background:url("img/home-main.png") no-repeat scroll 0 0 transparent;
	padding:20px;
	position:relative;
	}
	#splash #left {	
		float:left;
		width:360px;
		}
		#splash #header_text {
			display:block;
			width:377px;
			height:88px;
			background:transparent url('img/creative_contest_for_health.gif') 0 0 no-repeat;
			font-size:0;
			text-indent: -100em;
			overflow: hidden;
			display:none;
		}
		#splash ol {
			display:none;
			list-style:none;
			margin-top:20px;
		}
		#splash #left li {
			color:#fff;
			height:27px;
			line-height:27px;
			vertical-align:center;
			padding-left:32px;
			margin:8px 0;
			font-size:18px;
		}
		#splash li#one { background:transparent url('img/bullet_1.gif') 0 0 no-repeat; }
		#splash li#two { background:transparent url('img/bullet_2.gif') 0 0 no-repeat; }
		#splash li#three { background:transparent url('img/bullet_3.gif') 0 0 no-repeat; }
		.closed_contest {
            position:absolute;
            bottom:50px;
            left:30px;
		}
		/*#splash #get_started {
			display:block;
			width:327px;
			height:45px;
			background:transparent url('img/get_started.png') 0 0 no-repeat;
			font-size:0;
			text-indent: -100em;
			overflow: hidden;
			position:absolute;
			bottom:35px;
			left:46px;
		}
		#splash #get_started:hover {
			background-position:0 -45px;
		}*/
	#splash #right {
		float:right;
		width:460px;
        margin-top:10px;
		margin-right:20px;
		}
		.tabs {
			position:relative;
		}
		.tab {
			padding: 3px 15px;
			margin:23px 0 0;
			background-color: #425968;
			color: #eee;
			text-decoration: none;
			font-size:14px;
		}
		.tab.selected,
		.tab:hover {
			background-color: #e6e7e8;
			color: #000;
		}
		.tab:focus { outline: 0; }
		#to_video {
			position:absolute;
			top:-21px;
			font-size: 12px;
		}
		#to_billboards {
			position:absolute;
			right:20px;
			top:-21px;
			font-size: 12px;
		}
		#video, #billboards {
			position:relative;
			background:#e6e7e8;
			padding: 5px;
			margin: 0;
			border: 5px solid #e6e7e8;
			top:22px;
			height:246px;
			width:420px;
		}
		#video {
			width:415px !important;
		}
		#splash a:focus, #splash a:active {
			 outline: none;
		}
		#splash .billboard {
			padding:0;
			margin:7px 34px 6px;
			border:1px solid #ccc;
		}
		#splash .billboard2 {
			padding: 0;
			margin: 7px 14px 6px;
			border:1px solid #ccc;
		}
		#splash .billboard:hover {
			border-color:#aaa;
		}
#quick_info { height:80px; }
	#quick_info .block {
		float:left;
		width:214px;
        height:100px;
		padding:0 0 0 80px;
		margin-right:10px;
	}
	#quick_info .block.last {
		position:relative;
		margin-right:0;
	}
    #quick_info .qi-inner {
		border-left:2px dotted #2ab3ef;
        height: 90px;
        padding-left: 10px;
    }
	#quick_info h3 {
        font-size:26px;
        color:#2ab3ef;
    }
    #quick_info h3 a {
    	color:#2ab3ef;
    }
    #quick_info h3 a:hover {
    	color:#425968;
    }
	#quick_info p {
		font-size:13px;
        margin-top:0;
		width:100%;
	}
    #quick_info #the_deadline {
        background: transparent url('img/bg-deadline.png') 0 0 no-repeat;
        width:835px;
    }
    #quick_info #the_regions {
        background: transparent url('img/home-region-img.png') 0 0 no-repeat;
        padding-left:100px;
        width:230px;
    }
    #quick_info #the_prizes {
        background: transparent url('img/bg-prizes.png') 0 0 no-repeat;
        width:230px;
    }
#last_years {
	position:relative;
	}
	#last_years a {
		position:absolute;
		bottom:0;
		right:2px;
		font-size:10px;
		color:#425968;
	}
#splash_footer .block {
	float:left;
	width:306px;
}
#splash_footer #are_you_a_teacher h3 {
    position: absolute;
    top: -40px;
    left:10px;
	background:transparent url('img/h3_are_you_a_teacher.png') center 0 no-repeat;
    padding-top:110px;
    width:248px;
    font-size:22px;
    text-transform: uppercase;
    text-align: center;
}
#splash_footer #are_you_a_teacher {
    position:relative;
}
#splash_footer #are_you_a_teacher p {
    position:absolute;
    top:0;
}
#splash_footer #follow_on_facebook h3 {
    position: absolute;
    top: -40px;
    left:10px;
	background:transparent url('img/h3_follow_on_facebook.png') center 0 no-repeat;
    padding-top:110px;
    width:248px;
    font-size:22px;
    text-transform: uppercase;
    text-align: center;
}
#splash_footer #follow_on_facebook h3 a {
	color:#7AC142;
}
#splash_footer #follow_on_facebook h3 a:hover {
	color:#425968;
}
#splash_footer .topped p {
	width:250px;
    margin-top:90px !important;
}

#follow_on_facebook .topped p {
	margin-top: 63px !important;
}

.hide_frame {
	width:57px;
	overflow:hidden;
}

#splash_footer .share_box {
    position:relative;
	background-color:#fff;
	width:262px;
    min-height:190px;
    height:auto;
	padding:3px;
	}
    #splash_footer .share_box.topped {
        margin-top:25px;
    }
	#splash_footer .share_box #invite_a_friend, #splash_footer .share_box #invite_a_parent {
		padding:6px;
	}
	#splash_footer .share_box p {
		font-size:11px;
		margin:0;
		padding:8px;
	}
    #splash_footer label {
        float:left;
        margin:7px;
        color:#23AAE5;
        text-transform:uppercase;
    }
	.share_button {
		padding:8px 5px 0 4px;
		display:block;
		height:20px;
		float:left;
	}
a.linkopacity img, a.linkopacity2 img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}
a.linkopacity:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
#friend_email, #parent_email {
	float:left;
	width:158px;
	height:16px;
}
.send_email {
	float:left;
	display:block;
	width:80px;
	height:20px;
	margin-left:5px;
	background-color:#704197;
	color:#fff;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	vertical-align:middle;
}
.send_email:hover {
	color:#fff;
	background-color:#425968;
}
label.error {
	clear:both !important;
	float:left !important;
	width:235px !important;
	background-color:#E6A29F !important;
	border:1px solid #913C3C;
	color:#5A0000 !important;
	padding:2px 5px 4px;
	margin:4px 0;
	font-size:12px !important;
}
#teacher_link a {
	color: #90c63f;
}
#teacher_link a:hover {
	color: #425968;
}
#vote_now {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:150px;
	height:47px;
}

