@charset "utf-8";
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #003333 url(images/body_bg.png) repeat-x;
	margin: 0; 
	padding: 20px;
	text-align: center; 
	color: #333300;
	line-height: 130%;
}

h1 {font: 150% Geneva, Arial, Helvetica, sans-serif; margin-top: -15px;}
h3 {font: 120% Geneva, Arial, Helvetica, sans-serif; margin-top: -5px; margin-bottom: 5px; font-weight: bold;}
p {margin:0; font-size:1em; line-height:1.6em;}
.navpara {text-align:center; margin-bottom: 0.2em;}
a, a:visited {color: #CCFF99;}
a:hover {color:#FFF; text-decoration:underline;}
a img {border: none;}
table {text-align: center;}
.chat {color:#F30; text-align:center; background-color:#FF3; font-size:24px;}
.faded {color: #999;}

#container {width: 900px; margin: 0 auto; text-align: left;	background: url(images/container_topstart.png) repeat-y; padding: 10px;}

#header {width: 880px; height: 230px;}	

#nav {width:860px; height: 28px; background: #71BA41; padding: 10px; line-height: 1.2em}

/******************* Content  ***************************/

#content {margin-top: 10px; padding:0; width:880px;}
.maintop {background: url(images/maintop.png) top left no-repeat; line-height:9px;}
.mainbtm {background: url(images/mainbtm.png) bottom left no-repeat;}
#mainContent {float: left; background: url(images/mainmid.png) repeat-y; line-height: 1.4em;}
#leftContent {float:left; width:580px; margin:0; padding:20px; padding-bottom: 0;}
#leftContent a:link, #leftContent a:visited {color: #990000;}
#leftContent li {line-height: 190%;}
#leftContent a:hover {color: #003300;}
#sidebar {float: right; width: 240px; padding: 10px; color: #FFFFCC; text-align: left; font-size: 90%;}
#sidebar img {margin: 10px;}
#sidebar a:link, #sidebar a:visited {color: #00CC66; text-decoration: none;}
#sidebar a:hover {color:#CCFF66; text-decoration: underline;}
#sidebar .highlight {color: #FFFF33; font-weight: bold;}

#footer {width:860px; padding: 10px; color: #FFF; font-size: 80%;}
#footer img {float: right; margin: 5px;}

/***************** Clear  *************************************/
.clr:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clr {display:inline-block;}

/* Hide from IE Mac \*/
.clr {display:block;}
* html .clr {height: 1%;}
/* End hide from IE Mac */