body { font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic"; background:#CCCCFF; text-align:center;}
#wrapper { width:800px; padding:0px; border:2px solid #9999FF; background:#FFFFFF; text-align:left; margin:auto; }

#header {  background:#666699 url(header.jpg) repeat-x; color:#FFFFFF; border-bottom:2px solid #33CC00; padding:20px;}
#header h1 { font-weight:lighter; margin:0; }
#header h2 { font-weight:lighter; margin:0; font-size:14px; }

#main { font-size:13px; }
#main h2 {
	font-size:18px;
	font-family:Georgia;
	border-bottom:1px solid #33FF33;
	color: #FFFFFF;
}

#left {
	width:20%;
	float:left;
	margin:2px 0px 10px;
	padding:15px 10px 10px 30px;
	background-image: url(bg_menu_grad.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCFF;
}
#right{ width:69%; float:right; margin:10px 0px 10px 0px; padding:10px; }

a {
	color:#009900;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#33FF33;
	text-decoration: underline;
}

#topnav { background:#330066; padding:10px 10px 10px 20px; color:#ff9933 }
#topnav a { color:#33CC66; margin-right:9px; font-size:12px }
#topnav a:hover { color:#33FF33; }

#footer { clear:both; background:#330066; color:#330066; padding:5px; vertical-align:middle; font-size:10px; }
#footer a {
	color:#330066;
	margin-right:9px;
	font-size:10px;
	font-weight: normal;
}
#footer a:hover { color:#330066; }
li { margin-bottom:6px; }
#leftnav ul { border:0px solid red; list-style-position:inside; margin:0; padding:0; }
#leftnav ul li { border:0px solid red; padding:0; margin-left:20px; }h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #6666CC;
}