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

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
	background-color: #b2cce5;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	
	text-align: center;
}

#container {
	/*position: absolute;
    left: 50%;*/
    text-align: left;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    
    width: 1200px;
	
    /*margin: 0 0 0 -600px;*/
	
	background-color: #b2cce5;
	
	
}
	#head {
		width: 1200px;
		height: auto !important;
		height: 139px;
		min-height: 139px;
		float: left;
		
	}
		#head_visit {
			margin: 0 0 0 944px;
			/*display: inline-block;
			width: 139px;
			height: 35px;
			padding: 5px 0 0 12px;
			font-size: 14px;
			background: url(../images/rules_btn.png) top left no-repeat;*/
		
		}
		#head_visit a{
			color: #ffffff;
			text-decoration: none;
		}
		#head_visit a:hover {
			color: #173583;
		}
		#head_title {
			margin: 45px 0 0 150px;
			display: inline-block;
			
		}
	#main {
	     background: url(../images/start_quiz_bg.png) top center no-repeat;
		 width: auto !important;
		 width: 1200px;
		 min-width: 1200px;
		 height: auto !important;
		 height: 792px;
	     min-height: 792px;
	     margin: 0 auto;
		 padding: 0;
		 float: left;
		 display: inline-block;
		 
	}
		#main_body {
			width:  830px;
			margin: 430px 0 0 0px;
			padding: 0 0 0 190px;
			float: left;
			display: inline-block;
			
		}
		#main_body a{
			color: #003366;
			text-decoration: none;
		}
		#main_body a:hover{
			text-decoration: underline;
		}
		#learn {
			width: auto !important;
			width: 325px;
			min-width: 325px;
			height: auto !important;
			height: 52px;
			min-height: 52px;
			float: left;
			margin: 20px 0 0 -2px;
			text-align: left;
			font-size: 12px;
			display: inline-block;
		}  
		#learn a{
			color: #ffffff;
			text-decoration: none;
			
			
		}    
		#learn a:hover{
			color: #173583;
			text-decoration: none;
		}                                                               
	#footer {
		width: 1200px;
		margin: 70px 0 100px 0;
		float: left;
		color: #ffffff;
		font-size: 8px;
		text-align: center;
		line-height: 12px;
		display: inline-block;
	}
	
	#footer a{
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer a:hover{
		text-decoration: underline;
		color: #ffffff;
	}
	
	#quiz {
	     background: url(../images/results_bg.png) top center no-repeat;
		width: auto !important;
		 width: 1200px;
		 min-width: 1200px;
		 height: auto !important;
		 height: 792px;
	     min-height: 792px;
	     margin: 0 auto;
		 padding: 0;
		 float: left;
		 display: inline-block;
	}
	#results {
	     background: url(../images/results_bg.png) top center no-repeat;
		width: auto !important;
		 width: 1200px;
		 min-width: 1200px;
		 height: auto !important;
		 height: 792px;
	     min-height: 792px;
	     margin: 0 auto;
		 padding: 0;
		 float: left;
		 display: inline-block;
	}
	
	#results_body {
			width:  830px;
			margin: 430px 0 0 0px;
			padding: 0 0 0 190px;
			float: left;
			display: inline-block;
			
		}
		#results_body a{
			color: #003366;
			text-decoration: none;
		}
		#results_body a:hover{
			text-decoration: underline;
		}
	
	
		#quest_body {
			width:  425px;
			margin: 400px 0 0 0px;
			padding: 0 0 0 170px;
			float: left;
			display: inline-block;
			font-size: 15px;
			color: #666666;
			
		}
		#check {
			padding: 0 0 0 2px;
		}	
		#quest_answer {
			width:  425px;
			margin: 440px 0 0 0px;
			padding: 0 0 0 70px;
			float: left;
			display: inline-block;
			font-size: 18px;
			font-weight: normal;
			color: #003366;
			
		}
		#quest_wrong {
			padding: 0 0 18px 0;
		}
		#quest_right {
			padding: 0 0 18px 0;
		}
		#quest_next {
			width:  350px;
			margin: 440px 0 0 0px;
			padding: 0 0 0 70px;
			float: left;
			display: inline-block;
			font-size: 18px;
			font-weight: normal;
			color: #003366;
			
		}
		#quest_try {
			padding: 120px 0 0 160px;
		}
		#quest_n {
			padding: 40px 0 0 210px;
		}
		#quest_n2 {
			padding: 40px 0 0 210px;
		}
		#quest_text{
			font-size: 14px;
			color: #666666;
		}
		#question_title{
			font-size: 15px;
			font-weight: normal;
			color: #173583;
			padding: 0 0 20px 2px;
		}
		#question{
			font-size: 18px;
			color: #666666;
			padding: 0 0 20px 2px;
		}
	
	body.home #main {
	     /*background: url(../images/home_bg0.jpg) top center no-repeat;*/
	     background: url(../images/home_bg_middle.jpg) top center repeat-y;
		 /*height: auto !important;
		 height: 951px;
	     min-height: 951px;*/
	     
	     position: relative;
	     top: 0;
	     left: 0;
	}
	
	#home_banner {
		position: absolute;
		top: 0;
		left: 0;
		
		width: 1200px;
		height: 450px;
	}
	
	
	#tab {
		position: absolute;
		left: 630px;
		top: 0;
	}
	
	body.home #main_body {
		width: 911px;
	}
	
	.assets {
		
		font-size: 11px;
		color: #003366;
		display: inline-block;
		background: url(../images/resource_bg_middle.jpg) 119px 0 repeat-y;
		width: 962px;
		padding: 0 119px 0 119px;
		margin: 0 auto;
	}
	
	.assets .asset_content {
		padding: 15px 38px 0 38px;
		display: inline-block;
	}
	
	.asset a:link,
	.asset a:visited,
	.asset a:hover {
		color: #fff;
	}
	
	.asset {
		float: left;
		/*width: 191px;
		margin: 25px 0 0 35px;*/
		
		width: 205px;
		margin-right: 120px;
		display: inline-block;
	}
	
	.asset img {
		float: left;
	}
	
	#video_close {
		position: absolute;
		right: -10px;
		top: -10px;
		cursor: pointer;
	}