/* CSS Document */

body{ font-size:11px; font-family:Helvetica,Arial,Verdana,Sans-serif; margin:0px auto; }


#Base{ width:760px; display:table; margin:auto;}

	#Row1{ width:760px; height:135px; background-color:#87B1FF; background-image:url(images/main1_01a.gif); background-repeat:no-repeat; }
	#Row1_stats{ width:760px; height:135px; background-color:#87B1FF; background-image:url(images/banner_stats.gif); background-repeat:no-repeat;}
	#Row1_registration{ width:760px; height:135px; background-color:#87B1FF; background-image:url(images/banner_registration.gif); background-repeat:no-repeat;}
	#Row1_standard{width:760px; height:135px; background-color:#87B1FF; background-image:url(images/banner_standard.gif); background-repeat:no-repeat;}
	#Row1_howto{ width:760px; height:135px; background-color:#87B1FF; background-image:url(images/howtoa.gif); background-repeat:no-repeat;}
	
	#Row2{ width:760px; height:75px; background-color:#FBBD44; background-image:url(images/main1_02.gif); background-repeat:no-repeat;}
		#welcomeMsg { height:50px; width:560px;margin-left:200px; padding-top:25px; font-size:18px; color:#FEF5E2;}
	#top{ width:760px; height:20px; background-color:#CCDDBB;  background-image:url(images/main1_03.gif); background-position:top; background-repeat:no-repeat;}
	
	#main{ width:760px; display:table; background-color:#CCDDBB; background-image:url(images/main1_04.gif); background-repeat:repeat-y;}
		
		#ContentLeft{ width:500px; float:left;}
			#mainText{ padding:20px 20px 20px 30px; text-align:justify; line-height:18px;}
				table.mainTable{ background-color:#E7EFDF; width:100%; margin:auto; }
				td.TableTitles{ font-weight:bold; font-size:12px; background-color:#338888; padding:5px; color:#FFFFFF; }
				td.mainTd{ background-color:#DEE9D3; font-size:12px; padding:5px; height:25px; }
				td.mainTdC{ background-color:#DEE9D3; font-size:12px; padding:5px; height:25px; text-align:center; }
			#scoreboard { width:454px; height:266px; background-image:url(images/scoreboard.gif); background-repeat:no-repeat; background-color:#FFFFFF;  overflow:hidden; }
				#stats1{ padding-top:100px;padding-left:145px;  width:50px; height:132px; float:left; }
					#hits {  height:32px; width:50px; font-size:20px; color:#FF0000; font-weight:bold; text-align:left; }
					#misses {  height:30px; width:50px; font-size:20px; color:#FF0000; font-weight:bold; text-align:left; }
					#overcodes {  height:30px; width:50px; font-size:20px; color:#FF0000; font-weight:bold; text-align:left; }
					#total {  height:30px; padding-top:10px; width:50px; color:#FF9900; font-size:30px; font-weight:bold; text-align:left; }
				#stats2{ padding-top:100px;width:50px; height:160px; float:left; padding-left:30px; }
					#rating {padding-left:110px;  height:32px; width:30px; font-size:24px; color:#009900; font-weight:bold; }
					#level {padding-left:110px;  height:30px; width:30px; font-size:24px; color:#009900; font-weight:bold;}
					#startgame{padding-left:110px;  height:30px; width:30px; font-size:24px; color:#009900; font-weight:bold;}
			#GameScores { width:454px; height:266px; background-image:url(images/game_scores.gif); background-repeat:no-repeat; background-color:#FFFFFF; overflow:hidden; }
				#players{ padding-top:80px;width:220px; height:132px; float:left; text-align:right; }
					#player1, #player2, #player3, #player4, #player5 {  height:32px; width:220px; font-size:20px; color:#666666; font-weight:bold; text-align:right;}
				#scores{ padding-top:80px;width:100px; height:160px; float:left; }
					#score1, #score2, #score3, #score4, #score5 {height:32px; width:70px; font-size:24px; color:#FFCC33; font-weight:bold; text-align:left; }

										
			#AllScores { text-align:center; margin:0px auto; }
				table.ScoreTable{ background-color:#E7EFDF; width:80%; margin:auto; }
				td.TableTitles{ font-weight:bold; font-size:12px; background-color:#338888; padding-left:20px; color:#FFFFFF; }
				td.scores{ background-color:#DEE9D3; font-size:12px; padding-left:20px; height:25px; }
				.formButton{ background-color:#338888; border:1px solid #ffffff; height:25px; color:#FFFFFF; font-weight:bold;}
			#Content1A{ width:290px; display:table; float:left; margin-left:5px;}
				#imageRow1{ width:220px; height:50px; background-color:#FFFFff; padding:5px 5px 5px 0px; margin:0px 0px 0px 20px;}
					#imageRow1 img{margin-left:5px;  float:left; height:50px; width:50px; }
					
				#imageRow2{ width:165px; height:50px; background-color:#FFFFFF; margin:5px 0px 0px 105px; padding:5px 5px 5px 0px;}
					#imageRow2 img{ margin-left:5px;  float:left; height:50px; width:50px;}
					
				#imageRow3{ width:220px; height:50px; background-color:#FFFFFF; margin:5px 0px 0px 40px; padding:5px 5px 5px 0px;}
					#imageRow3 img{ margin-left:5px;  float:left; height:50px; width:50px;}
			
			#Content1B{ width:190px; display:table; float:left; color:#333333; text-align:justify; font-size:12px; }
				 h1{ color:#336666; font-size:18px; font-weight:bold; }
				 h2{ color:#336666; font-size:14px; font-weight:bold; }
				 #Content1B a{ color:#338888; text-decoration:none;}
				 #Content1B a:hover{ color:#333333; text-decoration:underline;}
				 
		#ContentRight{ width:230px; display:table; float:left; margin-left:30px;}
			#ContentRight h2{ font-size:18px; color:#889977;  margin:5px; }
			.loginTable { border:1px solid #687A66; width:80%; color:#CCDDBB; font-size:12px; }
			.tableField { background-color:#ffffff; border:3px solid #778866; width:100px; height:15px; }
			.tableButton { color:#FFFFFF; font-weight:bold;background-color:#778866; border:3px solid #778866; width:100px; height:25px; }
			#ContentRight a{ color:#ffffff; text-decoration:none; }
			#ContentRight a:hover{ text-decoration:underline; }
			#marQ {border:1px solid #687A66; width:180px; height:275px; font-size:12px; color:#FFFFFF;}
			
	#copyrights{ clear:both; width:500px; height:30px;color:#336666; text-align:center; background-image:url(images/main1_04.gif); background-repeat:repeat-y;}
			#copyrights a{ color:#338888; text-decoration:none;}
			#copyrights a:hover{ color:#333333; text-decoration:underline;}		
		
	#bottom{  width:760px; height:30px; background-color:#FFFFFF; background-image:url(images/main1_06.gif); background-position:top; background-repeat:no-repeat;}
	
	#footer{  width:760px; height:100px; background-color:#FFFFFF; }
		
	#MainFrame { margin:0px auto; width: 760px; border:0px solid #ffffff; }
	#TopFrame{ background-image:url(images/play_01.gif); background-repeat:no-repeat; }