body {background:#823E01;
}

h1 { text-align:center; margin:0;}
#adv{width:150px;float:left; height:300px; margin:0 auto;}
#main-box 
{ margin:0 auto;
	width:700px;
	height:500px;
 background:#C97F3E  url("images/img05.gif") no-repeat;

}
#coteret {width:700px; 
	height: auto;
	
	
	
}
.explain{margin:0; padding:10px 10px 10px 10px;  font-size:14px; text-align:justify;}

#right {float:left;
	width:140px;
	height:317px;
	margin:0 0 0 10px;
	background:#3272EE ;
	  border:3px solid black;
}
#left {float:left;
	width:530px;
	height:auto;
	
	 
	
}
.drop 
{ text-align:center;
}
#box {width:500px;
	height:350px;
	  background:#D1DFF9 url("images/bak.jpg") no-repeat;
	  margin:0 auto;
	  border:3px solid black;}
	  
table.answer {width:300px; border:1px solid black;
	height:auto;
	background:red;}
	
.one{padding:5px 0; width:10px;}
.tow {}
.butom
{  font-size:14px;
	font-weight:normal;
	
	width: 1px;
	height: 1px;
	padding:1px;
	    border:none;
	  border-style:none;
	
	  
}

.butom:hover { background:url("images/ans2.png") no-repeat;}
#end{width:700px; height:40px; background:url("images/img06.gif") repeat-x; margin:0 auto;}
#theone{width:300px; height:30px;}
.ooo{width:300px; height:30px; background:yellow; text-align:left; font-size:12px;   cursor:pointer; }
.ooo:hover {background:green;}

	
	#score {width:490px; 
		height:70px;
		
		
		 }

	
.score-right{width:80px; height:70px; background:blue; padding:0;
	float:left;
	background: url("images/score.png") no-repeat;
	position:relative;left:10px;
	
	}
	.score-right2{width:80px; height:70px; background:blue;
	float:right;
	background: url("images/timer.png") no-repeat;
	position:relative;left:10px;
	padding:0;
	}

	 .end-game {width:180px; height:50px;  border:1px solid black;float: right; padding:0; margin:0; text-align:center; font-size:14px;}
	 .score-mid {width:190px; height:90px; text-align:center;
	float:left;
	background: url("images/text.png") no-repeat;
	 position:relative; top:20px;}	
	#more{width:190px; height:150px;margin:0px 0px 0 0; padding:0; position:relative;left:30px;top:10px;}
	
	.scoreing {position:relative; top:20px;left:40px;color:Red; font-size:22px;
		 font-weight:bold;
		  padding:0;
		  margin:0;}
		 
		 .time {position:relative; top:20px;left:40px;color:Red; font-size:22px;
		 font-weight:bold;}
		 
		 .mid-text{position:relative; top:5px;color:blue; font-size:18px; text-align:center;width:100px;height:20px;margin:0 auto;
		 font-weight:bold;}
		 
		 #start {width:200px; height:200px; background:red; position:absolute;}
		 
		 .start
		 { padding:0 5px;
			 position:relative; left:20px;
		 }
		 
		 .droplist 
		 {width:120px;
			font-size:13px;
		 }
		 
		 .lab {width:100px;height:20px;}
		 
		 .images {width:140px; height:150px;}
		 .image{width:150px;}
		 
		 
		 #ttt {position:absolute; left:10px;border:5px solid black; width:130px; height:130px; background:yellow;z-index:20; font-size:20px; text-align:center;}
		 
		 
#footer{ clear:both;width:800px;height:100px;margin:20px auto;padding:0; border-top:1px solid black; }
#footer ul {list-style: none;width:600px;margin:0 auto;}
#footer ul li {	
	height:20px;
	padding:0;
	 display:inline;
	 text-align:center;
	 }
	 
#footer ul li a{ border-right:1px solid black; width:auto;
float: left;

height:16px;
font-size:12px;
color:Blue;
font-weight: bold;
text-decoration: none;
text-align:center;

text-transform:capitalize;
padding:0px 5px 0 5px;
}


#footer ul li a:hover{color:Silver;}

#left-box{width:220px; height:300px;  float:left;}
#right-box{width:280px; height:300px;  float:right;}
 
#qustions   {width:230px; height:auto; overflow:hidden;

	list-style:none;
	margin:0px auto;
padding:0;
position:relative;top:20px;left:20px;

 
	
	}
#qustions li.but  {  overflow:hidden;  font-size:12px;
	  text-decoration:none;
	 height:70px;
	 width:210px;
border:none;





	}
	.over{width:180px; height:40px;padding:0; margin:5px auto; font-size:14px; overflow:hidden;}
	#qustions li.but a{ float:left;font-size:12px;
		   background:url("images/ans1.png") no-repeat;
		width:190px;
		 height:60px;
		 padding:10px;
		 margin:5px 5px;
		 
		
 
		
	}
	#qustions li.but a:hover
	{ background:url("images/ans2.png") no-repeat;
	}
	.qus{width:200px; height:80px;
	
		   text-align:center;
		 background: url("images/qus.png") no-repeat;
		   margin:20px 0px  0px 10px ;
		   padding:15px;
		   position:relative; top:8px;left:10px;
		
	}
	

	
	#image2{width:140px; height:140px; background:green;float:left; padding:0; margin:0;
		background:url("images/aaa.png") no-repeat;
		position:relative; top:20px;left:20px;
		}
		
	#image2 img{width:110px; height:110px;  padding:0; margin:0; text-align:center;
		
		position:relative; top:00px;left:13px;}
	.aaa{width:300px; text-align:center; height:40px;  clear:both; padding:0;  
		 font-size:20px; margin:0 auto;  position:relative;top:20px; color:Red;}
		 .newlab { font-size:12px;}