body {
	background: #dbdbdb;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:10px 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
	width:970px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: center; /* this overrides the text-align: center on the body element. */
	background:url(/graphics/sideFades_white.gif) top center repeat-y;
}
#header {
	text-align:right;
	width:970px;
	height:80px;
	margin:0 auto;
	background:transparent url(/graphics/header.jpg) top center no-repeat;
	padding:0;
}
#loginHeader{
	padding:20px 30px 0 0;
	margin:0;
	text-align:right;
	font-size:11px;
	color:#666;
}
#loginHeader a.loginbutton{
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	padding:1px 4px 2px 6px;
	margin:0;
	color:#ccc;
	background:#666;
}
#loginHeader a.loginbutton:hover{
	padding:0px 3px 1px 5px;
	margin:0;
	border:#999 solid 1px;
	color:#666;
	background:#DADADA;
}
#loginHeader #login, #loginHeader #password{
	font-size:9px;
	height:12px;
	padding:0;
	margin:0;
	border:#ABABAB solid 1px;
}
#loginHeader .headerLogin{
	margin:0 0 3px 0;
}
#loginHeader .headerPass{
	margin:0 0 5px 0;
}
#loginHeader a.forgotpassword{
	font-size:10px;
	color:#8C8C8C;
}
#loginHeader a.forgotpassword:hover{
	color:#333;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:20px 0 0 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#nav{
	width:942px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	margin:0 auto;
	padding-left:8px;
	background:url(/graphics/navBack.gif) left center repeat-x;
	overflow:auto;
	clear:both;
}
#nav ul{
	padding:0 0 0;
	margin:0;
	list-style-type:none;
	width:100%;
}
#nav ul li{
	display:inline;
}
#nav ul li a{
	text-decoration:none;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	float:left;
	display:block;
	color:#8D8D8D;
	background:url(/graphics/navDivider.gif) right center no-repeat;
	padding: 5px 17px 5px 18px;
}
#nav ul li.last a{
	background:none;
}
#nav ul li a:hover{
	color:#5B82D2;
}
#nav a.current{
	color:#000;
}
#mainContent {
	text-align:left;
	width:910px;
	margin:0 auto;
	padding:20px 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#fff /*url(shadingTop.gif) repeat-x*/;
	overflow:auto;
}
#footer {
	width:970px;
	margin:0 auto;
	color:#999;
	font-size:12px;
	text-align:center;
	padding:26px 0 0 0;
	background:url(/graphics/contentBottom.gif) center top no-repeat;
}
#footer a{
	color:#999;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
#footer a:hover{
	color:#000;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer ul{
	width:100%;
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding:7px;
	margin:0;
	color:#999;
}
#footer ul li a:hover{
	color:#000;
}

#video{
	padding-right:0;
}
#chat{

}
.clearBoth{
	clear:both;
}
fieldset{
	margin:0 auto;
	width:500px;
	text-align:center;
	padding:10px 0;
	color:#999;
	border:#ccc solid 1px;
}
fieldset legend{
	margin:0;
	padding:6px 10px 6px 6px;
	text-align:center;
	font-weight:bold;
	color:#8C8C8C;
	font-size:18px;
}