body {
	color:#333333;
	font:80% Verdana, Arial, sans-serif;
	margin:0 auto;
	padding:0;
	background-image:url(pics/webbg.jpg);
	background-position: top center;
	background-repeat: repeat-y; 
	background-color:#CCCCCC;
	}
	

#wrap {background:#ffffff; 
	margin:0 auto; 
	width:760px; 
	padding: 0 20px 10px 20px;
	}

#header {
	height: 320px;
	background-image:url(pics/webheader.jpg);
	background-color: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	}
	
#header h2 {
	font-size:1.2em;
	margin:30px 40px 0 0;
	color: #000000;
	text-align: right;
	font: Trebuchet MS, Tahoma, Verdana;
}

#header h3 {
	font-size:1.2em;
	margin: 5px 55px 0 0;
	color: #000000;
	text-align: right;
	font: Trebuchet MS, Tahoma, Verdana;
}

#header h4 {
	font-size:1.2em;
	margin: 5px 40px 0 0;
	color: #000000;
	text-align: right;
	font: Trebuchet MS, Tahoma, Verdana;
}

#leftside {clear:none; float:left; margin:10px 10px 10px 0; padding:0; width:145px; }
#leftside ul.themenu {list-style:none; margin:0 0 20px; padding:0; width:145px; height: 200px}
#leftside ul.themenu li {display:inline; padding:0; width:145px;}
#leftside ul.themenu li a {
	border-bottom:1px solid #CCC;
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
	border-top:1px solid #FFF;
	color:#666;
	float:left;
	font-size:1em;
	font-weight:700;
	padding:5px 1px 5px 5px;
	text-decoration:none;
	width:144px;
	background-color: #EEEEEE;
}
#leftside ul.themenu li a:hover,#leftside ul.themenu li a.current {
	border-bottom:1px solid #CCC;
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
	border-top:1px solid #FFF;
	color:#FFFFFF;
	background-color: #CCCCCC;
}

#leftside .announce {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	clear:left;
	float:left;
	color:#505050;
	line-height:1.3em;
	padding:0;
	margin:10px 0 0 0;
	width:150px;
	background-color: #EEEEEE;
}
#leftside p,.announce p {font-size:0.9em;}



/* Right sidebar */
#extras {float:right; clear:none; margin:5px 0 10px; padding:0; width:160px;	
}
#extrasindex {float:right; margin:10px 0 10px; padding:0; width:190px;
}
#extras ul, #extrasindex ul {margin:0 0 10px 20px; padding:0; font-size:}
#extras li, #extrasindex li {margin:0 0 2px 5px; padding:0 0 0 2px;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}
#extras h3 {font-size:1.4em; font-weight:400; letter-spacing:-1px; margin: 0 0 6px;}



/* Main content variations */
#content {line-height:1.5em; margin:0 150px 10px 160px; padding:0; text-align:left;}
#contentthin {
	line-height:1.3em;
	margin:10px 175px 10px 165px;
	padding:3px;
	text-align:left;
}


#contentthinindex {
	float: left; clear:none;
	width:385px;
	line-height:1.3em;
	margin:10px 10px 10px 10px;
	padding:0;
	text-align:left;
}

#contentthinindex .pic {float:left; clear: none; width: 188px; height: 188px; margin: 0 5px 3px 0;}

#contentthincentered {
	line-height:1.3em;
	margin:10px 175px 10px 165px;
	padding:0;
	text-align:center;
}
#contentbackground {
	line-height:1.3em;
	margin:10px 175px 10px 165px;
	padding:3px;
	text-align:center;
	background-color:#F1F1F1
}

#contentwide {
	line-height:1.3em;
	margin:10px 0 10px 170px;
	padding:2px;
	text-align:left;
}

#contentfull {
	line-height:1.3em;
	margin:10px 0 10px 0px;
	padding:2px;
	text-align:left;
}

#contentcentered {
	line-height:normal; 
	margin:10px 150px 10px 165px; 
	padding:0; 
	text-align:center;
}

#contentwidecentered {
	line-height:1.5em; 
	margin:10px 0 10px 170px; 
	padding:0; 
	text-align:center;
	
}
#content h2,#contentwide h2,#contentcentered h2, contentwidecentered h2, #contentthin h2, #contentthinindex h2, #contentbackground h2, #contentthincentered h2 {line-height: 1em; font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3,#contentcentered h3,#contentwidecentered h3, #contentthin h3, #contentthinindex h3, #contentbackground h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content h4, #contentwide h4,#contentcentered h4,#contentwidecentered h4, #contentthin h4, #contentthinindex h4 {font-size:1em; font-weight:300; margin:6px 0; padding:0; letter-spacing: normal;}
#content img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol, #contentthin ul, #contentthin ol {margin:0 0 16px 20px; padding:0;}
#content li,#contentwide li, #contentthin ul, #contentthin ol {margin:0 0 2px 10px; padding:0 0 0 4px;}


#footer {
	background:#fff; 
	border-top:2px solid #dadada; 
	clear:both; color:gray; 
	font-size:0.9em; 
	margin:0 auto; 
	padding:8px 0; 
	text-align:center; 
	width:760px;
}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Links and paragraphs */
a {color:#336699; text-decoration:none; font-weight:700;}
a:hover {color:#336699; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}


/* Various classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.left {float:left; margin:0px 10px 5px 0;}
.right {float:right; margin:0px 0 5px 10px;}
.hide {display:none;