/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */
html { border: none; }

body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	line-height: 14px;	
	text-align: center;
	background: #99cccc url(graphics/bg_content_area.jpg) repeat-x;
	}

body, td {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
img {border: 0;}

p {margin: 0 0 14px 0;}

a {
	text-decoration: underline;
	font-weight: normal;
	color: #699;
	}

a:hover {
	text-decoration: underline;
	color: #969;
	}

h1, h2, h3, h4, h5, form {margin: 0 0 14px 0;}
h1 {
	font-size: 24px;
	line-height: 24px;
}
h2, h2 a, h2 a:hover {
	font-size: 14px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.addPadding {
	margin: 10px 28px;	
	}
/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

#nav {
	margin: 0 0 6px 0;
	padding: 0;
	list-style: none;
	height: 40px;
	width: 664px;
	float: left;
	}
#nav li {
	float: left;
	}
#nav li a {
	outline: none;
	display: block;
	padding: 0 0;
	height: 36px;
	line-height: 36px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/nav_matrix.gif);
	}
#nav li a:hover {}
#bOne {background-position: 0 0; width: 120px;}#bOne:hover {background-position: 0px -39px;}#nav li.current #bOne {background-position: 0px -78px;}
#bTwo {background-position: -120px 0; width: 154px;}#bTwo:hover {background-position: -120px -39px;}#nav li.current #bTwo {background-position: -120px -78px;}
#bThree {background-position: -275px 0; width: 180px;}#bThree:hover {background-position: -275px -39px;}#nav li.current #bThree {background-position: -275px -78px;}
#bFour {background-position: -455px 0; width: 90px;}#bFour:hover {background-position: -455px -39px;}#nav li.current #bFour {background-position: -455px -78px;}
#bFive {background-position: -545px 0; width: 117px;}#bFive:hover {background-position: -545px -39px;}#nav li.current #bFive {background-position: -545px -78px;}

#subNav {}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */
#siteContainer {
	width: 900px; 
	margin: 0 auto; 
	padding: 0 0 0 0; 
	background: #99cccc url(graphics/bg_content_area.jpg) repeat-x;
	height: 100%;
	}
#siteWrapper {
	margin: 0 auto;
	background: #99cccc url(graphics/bg_content_area.jpg) repeat-x;
	}
/* Splash Page */
#splash {	
	margin: 30px auto 0 auto;
	text-align: center;
	width: 900px;
	height: 390px;
	background: #99cccc url(graphics/bg_content_area.jpg) 0 -50px repeat-x;
}
.splash {
	background: url(graphics/splash.gif) no-repeat;
	width: 900px;
	height: 390px;
	padding-top: 180px;
}
.splash a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	font-size: 30px;
	line-height: 30px;
}
.splash a:hover {
	color: #99cccc;
}

/* -- HEADER -- */
#header { 
	background: url(graphics/bg_header.jpg) 0 0 no-repeat;	 
	height: 152px;
	}
	#header .logo {
		float: left;
		position: relative;
		left: 30px;
		top: 81px;
		}
/* -- BODY -- */
#contentArea {text-align: left; color: #666; padding-left: 30px;}
#colLeft { 
	width: 670px; 
	float: left;
	}
.contentAreaTop {
	background: url(graphics/content_area_top.gif) no-repeat;
	}
.contentAreaTile {
	clear: both;
	background: url(graphics/content_area_tile.gif) repeat-y;
	margin-bottom: 10px;
	}
	.miniCol2 {
		width: 340px;
	}
	.miniCol2Right {
		display: inline;
		float: right;
	}
	.miniCol2Left {
		width: 340px;
	}
.contentAreaBottom {
	background: url(graphics/content_area_bottom.gif) 1px bottom no-repeat;
	}

	#colLeft p {
		
		}	

#colRight { 
	width: 164px;
	float: left;
	}
	.colRightTop {
		background: url(graphics/adsense_top.gif);
		height: 7px;
	}
	.colRightBottom {
		background: url(graphics/adsense_bottom.gif);
		height: 7px;
	}
	#colRight .addPadding {
	margin: 10px 20px 0 20px;
	height: 400px;
	}
	.center {
		text-align: center;
		margin: 0 auto;
	}
/* -- FOOTER -- */
#footerContainer {	
	background: url(graphics/bg_footer.gif) no-repeat;
	width: 662px;
	height: 59px;
	}
#footer {
	clear: both; 	
	text-align: left;	
	color: #666;
	font-size: 10px;
	margin-left: 50px;
	padding: 0 0 0 98px;
	}
	ul.footerNav {
		margin: 0;
		padding: 10px 0 20px 0;
		}
		.footerNav li {
			float: left;
			margin: 0;
			padding: 0 32px 0 0;
			list-style: none;
			background: url(graphics/footer_nav_separator.gif) 6px 4px no-repeat;
			}
			.footerNav li a, #footer a {
				text-decoration: none;
				color: #666;
				}
			#footer a:hover {
				text-decoration: underline;
				}
			.footerNav li.firstChild {
				padding: 0 0 0 0px;
				background: none;
				}
#footer .copyRight {
	clear: both;
	padding-left: 18px;
	margin-bottom: 10px;
	}
	#footer .acro img {
		margin: -5px 3px -5px 0;
		}
	#footer .acro {
		clear: both;
		padding-left: 18px;
		margin-bottom: 10px;
		}
		#footer .acro a {
			color: #999;
			}


/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */
	
	.siteMapList { margin-top: 15px }
	.siteMapList dt {
		background:url(graphics/ico_folder.gif) 0 4px no-repeat;
		padding-left:20px;
		line-height:20px;
	}
	.siteMapList dd {	
		padding-left:10px;
		margin-left:25px;
		line-height:16px;
		background:url(graphics/sitemap_2nd.gif) no-repeat;
	}
	.siteMapList dd a {	
		color: #666 !important;
		text-decoration:none;
	}
	.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }
	.siteMapList dd em a {
		font-weight: normal;
		color: #a80000 !important;
		}

	.siteMapList dd em a:hover {
		text-decoration: underline;
		color: #f40000 !important;
		}

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.clearBoth {clear: both}
.floatLeft {float: left;}
.floatRight {float: right;}
.addPadBottom {margin-bottom: 10px;}

/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */


	
/* --- Login -- */
.hideLayer {
	display: none;
	background: #ffffff;
	margin: -2px 0 0 0;
	border-bottom: 3px solid #fff;
	border-top: 2px solid #fff;
	text-align: left;
	}
#mainform {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	}
#mainform .loginSubmit {
	background: url(graphics/b_submit.gif) no-repeat;
	text-indent: -9999px;
	width: 62px;
	height: 24px;
	border: none;
	margin: 10px 0 15px 0;
	}
#mainform .loginReset {
	background: url(graphics/b_reset.gif) no-repeat;
	width: 53px;
	height: 24px;
	border: none;
	margin: 10px 0 15px 0;
	}
	
/* --- Video Games Regulation --- */
.indent {
	margin-left: 30px;
	}

/* --- Contact --- */
#formStyle label {
	margin: 0 10px 10px 0;
	line-height: 30px;
	width: 90px;
	text-align: right;
	display: block;
}

.formStyle200 {
	width: 200px;
	border: 1px solid #9cc;
}
		
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}

