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

body  {
	font: 85% Arial, Helvetica, verdana, sans-serif;
	line-height:130%;
	background:#d0d2e1 url(../_images/css_bodybggrad.jpg) repeat-x top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /*centers wrapper - set actual text align in wrapper */
	color: #000000;
}

#header {
	position:relative;
	width:100%;
	text-align:center;
	height:115px;
	vertical-align:bottom;
	margin: 0;
	padding: 0;
	background: url(../_images/css_headerbg.jpg) no-repeat center;
	}

#headercontent {
	width:750px;
	height:auto;
	position:relative;
	float:none;
	margin:0px auto;
	padding:0;
	text-align:left;
	vertical-align:bottom;
	}

#contentwrapper {
	position:relative;
	float:left;
	text-align:center;
	background-color:#FFFFFF;
	width:100%;
	margin:0 auto;
	padding:0;
	}
	
#content {
	width:750px;
	height:auto;
	position:relative;
	float:none;
	margin:0px auto;
	padding:0;
	text-align:left;
	}
	
#contentheader {
	position:relative;
	float:left;
	background:url(../_images/css_contentheader.jpg) no-repeat center;
	height:233px;
	width:750px;
	}

#videonavigation {
	position:relative;
	float:left;
	width:220px;
	height:auto;
	padding-left:10px;
	}


#videonavigation a {
	color:#999999;
	text-decoration:none;
	}
	
#videonavigation a:hover {
	color:#0033CC;
	text-decoration:underline;
	font-weight:bold;
	}
	
#contentmain {
	width:520px;
	position:relative;
	float:left;
	}
	
.contentmain-smcol {
	position:relative;
	float:left;
	width:230px;
	padding:15px;
	vertical-align:top;
	}
	
.contentmain-lgcol {
	position:relative;
	float:left;
	width:490px;
	padding:15px;
	vertical-align:top;
	}
	
#content2colwrapper {
	position:relative;
	float:left;
	background:url(../_images/css_upcomingboxtop.gif) no-repeat;
	}
	
#contenteventsbottom {
	position:relative;
	float:left;
	height:39px;
	width:520px;
	background:url(../_images/css_upcomingboxbottom.gif) no-repeat #ffffff;
	}

#footer {
	position:relative;
	float:left;
	background:#d0d2e1 url(../_images/css_footerbggrad.jpg) repeat-x top;
	height:118px;
	width:100%;
	color: #000000;
	padding:5px;
	}

#indexbox {
	position:relative;
	float:left;
	width: 180px;
	}
	
/*	
#container {
	width: 800px;
	margin: 0px auto;
	background-color:#FFFFFF;
	}
	
#header {
	position:relative;
	float:left;
	width:800px;
	height:115px;
	margin:0px auto;
	background: url(../_images/css_headerbg.jpg)
	}
	
#contentwrapper {
	position:relative;
	float:left;
	width:800px;
	height:auto;
	background-color:#FFFFFF;
	}
	
#footer {
	position:relative;
	float:left;
	background:#ffffff url(../_images/css_footerbggrad.jpg) repeat-x top;
	height:118px;
	width:100%;
	color: #000000;
	}
	*/