﻿body{

	text-align:center;

	font-family:"Verdana", Arial, Helvetica, sans-serif;

	background-color: #FFF;  /* 25679B */

	color:#000000;

	min-height:800px;

}



a{

	display:inline-block;

	*display: inline;

    *vertical-align: middle;

    zoom: 1;

	margin:1px;

	padding:1px 15px;



}	



#content

{

	max-width:800px;

	width:100%;

	min-width:320px;

	max-height:460px;

	margin-left:auto;

	margin-right:auto;

	text-align:left;

	position:relative;

}







#splashImage{

	float:center;

	margin-top:30px;

	max-width:100%; 

	height: auto;

	

}





#hiddenHeaders h1, #hiddenHeaders h2 {

	visibility:hidden;

	display:none;

	font-size:.1em;

	}



#linkBTNs{

	position:relative;

	margin-top:20px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	max-width:800px;

	width:100%;

	min-width:80px;

	display: block;

}	

	

#linkBTNs ul{

	list-style-type:none;

	margin:0;

	padding:0;

	min-width:80px;

	display:inline;

}	



#linkBTNs ul li{

	list-style:none;

	display:inline-block;

	*display: inline;

    *vertical-align: middle;

    zoom: 1;

	max-width:200px;

	width:100%;

	min-width:80px;

	height:24px;

	margin:3px 12px;

	}	

	

#linkBTNs ul li a, input[type="submit"]	{

	max-width:200px;

	width:100%;

	min-width:80px;

	height:14px;

	font-weight:bold;

	font-size:.65em;	

	margin:0;

	padding:5px 0 5px 0;

	text-decoration:none;

	color:#252525;

	background: URL(../images/ButtonBG.png) repeat-x;	

	border-radius:7px;	

	border-color: #CDCDCD #C7C7C7 #C7C7C7 #CDCDCD;	

	border-style:solid;

	border-width:2px;

	text-align:center;



}

#linkBTNs ul li a:hover, input[type="submit"]:hover{

	text-decoration:underline;

	border-color: #b3b3b3 #9c9c9c #9c9c9c #b3b3b3 ;	

}



p{

	

	text-align: center;

	font-size:.7em;

	max-width:600px;

	margin: 0 auto;

	

}



noscript {

	position:absolute;

	top:385px;

	left:0;

	margin:0;

	padding:0;

}



noscript p{

	border-color: #ff6666 #CC3333 #CC3333 #FF6666;

	border-style:solid;

	border-width:2px;

	margin:0;

	padding:10px 18px;

	width:560px;

	left:0;

	top:0;



}



.cf:after { 

	content:"";

	display:table;

	clear:both;

}



.wc{

	width:100%;

	max-width: 840px;

	min-width:320px;

  	padding-left:20px;

  	padding-right:20px;

	margin:0 auto;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}



input, select{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}


input[type="submit"]{
	display: block;
	font-family: inherit;
	margin: 30px  auto 0;

	box-sizing:content-box;

	-moz-box-sizing:content-box;

	-webkit-box-sizing:content-box;
	text-transform: uppercase;
	font-weight: 700;

}

input.error {
	border: 1px solid red;
}

input#viewers {
	max-width: 50px;
}


form{

	margin: 20px 0;

}



p{

	margin:0 auto 15px;

	line-height: 1.2;

}



img{

	max-width:100%;

	height: auto;

}



.splash-container{

	max-width:920px;

	width:100%;

	margin: 0 auto;



}



.col-half{

	float: left;

	width:49%;

	margin-right:2%;

}



.col-half.last{

	margin-right:0;

}



.header{

	background: #f5f5f5 repeat-x top center;

	border-bottom:1px solid #eaeaea;

	padding:25px 0 25px;

}



.home .header, .post-registration .header{

	margin-bottom:40px;

}



.home .col-half {

    text-align: center;

}



.header img{

	display: block;

	margin: 0 auto;



}



.btn{

	text-align: center;

	display: inline-block;

	width:240px;

	max-width:100%;

	padding: 15px 0;

	text-decoration: none;

	font-size:17px;

	color:white;

	border-radius: 4px;

	background: #2c6169; /* Old browsers */

	background: -moz-linear-gradient(top,  #2c6169 0%, #393939 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6169), color-stop(100%,#393939)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #2c6169 0%,#393939 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #2c6169 0%,#393939 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #2c6169 0%,#393939 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #2c6169 0%,#393939 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6169', endColorstr='#393939',GradientType=0 ); /* IE6-9 */

}



.btn:hover{

	color:white;

	background: #2c6169;

}



.pre-registered-box{

	background: #d4d4d4;

	padding: 10px 0;

	margin-bottom:40px;

}



.pre-registered-box p{

	float: left;

	padding-top:7px;

	color:black;

	padding-bottom:0;

}



.pre-registered-box form{

	float: right;

}



.pre-registered-box form input{

	background: white;

	color:black;

	text-transform: uppercase;

	border:0;

	padding: 8px 10px;

	border-radius: 3px;

	font-size:13px;

}



.pre-registered-box input[type="submit"]{

	background: #2c6169; /* Old browsers */

	background: -moz-linear-gradient(top,  #2c6169 0%, #393939 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6169), color-stop(100%,#393939)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #2c6169 0%,#393939 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #2c6169 0%,#393939 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #2c6169 0%,#393939 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #2c6169 0%,#393939 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6169', endColorstr='#393939',GradientType=0 ); /* IE6-9 */

	color:white;

	text-transform: uppercase;

	padding: 8px 10px;

	border:1px solid #439dcb;

	border-radius: 3px;

	font-size:13px;

}



.pre-registered-box input[type="submit"]:hover{

	background: #2c6169;

}



h1 {

    color: black;

    font-size: 30px;

    margin-bottom: 20px;

    margin-top: 0;

    text-align: center;

    text-transform: uppercase;

}



.registration-form {

    margin: 0 auto;

    max-width: 700px;

}



.registration-form label{

	display: block;

	padding-bottom:5px;

}



.registration-form label.full-label{

	padding-top:2px;

}



.registration-form input{

	float: left;

	width:100%;

	padding: 10px;

	background: white;

	border:1px solid #9e9e9e;

	margin-bottom:11px;

	border-radius:4px;



}



.registration-form input[type="submit"]{

	float: right;

	background: #2c6169; /* Old browsers */

	background: -moz-linear-gradient(top,  #2c6169 0%, #393939 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6169), color-stop(100%,#393939)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #2c6169 0%,#393939 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #2c6169 0%,#393939 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #2c6169 0%,#393939 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #2c6169 0%,#393939 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6169', endColorstr='#393939',GradientType=0 ); /* IE6-9 */

	color:white;

	text-transform: uppercase;

	padding:15px 10px;

	margin-top:5px;

	margin-bottom:50px;

}



.registration-form input[type="submit"]:hover{

	background: #2c6169;

}



@media screen and (max-width: 930px){



	.header img {

	    float: none;

	    margin: 0 auto;

	}



	.header .second-logo {

	    float: none;

	    margin-top: 10px;

	}



	.col-half {

	    float: left;

	    margin-bottom: 30px;

	    margin-right: 0;

	    width: 100%;

	}



	.pre-registered-box p{

		float: none;

		text-align: center;

		margin-bottom:10px;

	}



	.pre-registered-box form {

	    float: none;

	    margin: 0 auto;

	    text-align: center;

	}



}



@media screen and (max-width: 430px){



	.header .second-logo{

		max-width: 200px;

	}



	.pre-registered-box p{

		font-size: 15px;

	}



	.pre-registered-box form input{

		margin-bottom:2px;

		width:100%;

	}



	h1{

		font-size:25px;

	}



	.registration-form label{

		font-size:14px;

	}



	.registration-form input{

		font-size:14px;

	}



	p{

		font-size:14px;

	}



}





