body { 
background-image: 
url('images/BG_top.gif');
background-repeat: repeat-x;
}

html, body {
	
	margin:0px;

	padding:0px;

	font: 13px Arial, Helvetica, sans-serif;
	
	background-color:#666699;

	}


A:link { color:#262653; }

A:visited { color:#630042; }

A:active { color:#990000; }

A:hover { color:#630042; } 	

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
} 

#body {

	position:relative;

	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */

	text-align:left;

	margin-left: auto;

	margin-right: auto;
	
	background-color:#FFF;
	
	}	
.contentslide{ padding: 0; width: 350px; height: 291px; border: solid 1px #669; }

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
	width: 100%;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;

}

.contentslide .contentdiv{
	
	display: none;
	
	background-image:url(images/BG_cell.gif);
	
	
}

.pagination{ width: 352px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	text-align: right; background-color: #669; background-position: 0 0; padding: 4px 0;border: solid 0 #669;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 300px; /*IE5 width*/
w\idth: 350px; /*IE6 width*/
}

.pagination a{ padding: 0 6px; text-decoration: none; color: #262653; font-size: 95%; font-family: Arial; background-color: white; }

.pagination a:hover, .pagination a.selected{
color: white;
background-color: #900;
}

.leftcolumn {
	
	width:208px;;
	
	margin-left:10px;
	
	margin-right:5px;
	
	text-align:center;
	
	float:left;
	
	height:525px;
	
	background-color:#fff;
}

.centercolumn {
	
	width:352px;;
	
	margin-left:5px;
	
	margin-right:5px;
	
	text-align:center;	
	
	float:left;
	
	height:500px;
	
	padding-top:10px;
	
	height:525px;
		
}

.centercontent {
	
	padding-left:10px;
	
	text-align:left; 
	
	font-size:10px;
	
	padding-top:5px;
	
	
	
}

.rightcolumn {
	
	width:400px;;
	
	margin-left:5px;
	
	margin-right:5px;
	
	text-align:center;	
	
	float:left;
	
	height:525px;

}


.clearboth { clear: both; }

.bullet {
	text-align:left;
	
	margin-left:10px;
	
	float:left;

}

.bullettext {
	
	text-align:left;
	
	margin-left:30px;
	
	padding-bottom:10px;

}

.box {
	
	background-image:url(resourcebackground.gif);
	

}

.boxgame {
	
	background-image:url(gamebackground.gif);
	
	
	
}

.redfont {
	
	color:#990000;
	
	font-size:14px;
	
}

.imagebox {
	
	padding-top:8px;
	
	width:350px;
	
	height:122px;
	
	background:#FFF;
	
	
}

.line {
	
	height:1px;
	
	width:1000px;
	
	background-color:#666699;
	
}

.line2 {
	
	padding:1px;
	
	width:350px;
	
	height:130px;
	
	background-color:#666699;
	
}

.bottom {
	
	width:980px;
	
	text-align:center;
	
	padding-top:5px;
	
	padding-bottom:5px;
	
	font-size:12px;
	
	background-image:url(images/BG_cell.gif);
	
	margin-left:10px;
	
	border:solid thin #666699;
		
}

.bottomlinks {
	
	padding-top:8px;
	
	padding-bottom:8px;
	
	width:1000px;
	
	font-size:13px;
	
	background-image:url(images/BG_disclaimer.gif); border-bottom:#eeeefe;
	
	text-align:right;
	
	
}

.footer {
	
	float:left;
	
	padding:5px;
}

.footertext {
	
	font-size:10px;
	
	text-align:left;
	
	float:left;
	
	padding-top:10px;
	
	padding-left:10px;
	
	width:640px;
	
}

.footerspacer {
	
	float:left;
	
	width:100px;
	
	height:62px;
	

}

.footerspacerRT {
	
	float:left;
	
	width:110px;
	
	height:62px;
	
	

}

.footerbackground {
	
	background-color:#FFF;
	
	height:62px;
	
	width:1000px;
	
}