body{
	background: #999;
	padding:0px;
	margin: 0px;
	font-size: 62.5%;
}

#wrapper{
	background: white;
	width: 767px;	
}

#header img{
	margin: 0px;
	padding: 0px;
	display: block;
}
#header h1{
	float: left;
	padding: 0px 20px 0px 10px;
}
#header h2{
	background: #F60;
	color: white;
	font: normal 1.1em Geneva, Arial, Helvetica, san-serif;
	text-transform: uppercase;
	margin: 0px 0px;
	padding: 5px 8px 2px;
}

#header h3, h3{
	font: normal 1.1em Geneva, Arial, Helvetica, san-serif;
	color: #3D1E1E;
	padding:5px 0px 0px 270px;
}

h3{ padding: 0px;}

#menu{
	clear: both;
	float: left;
	width: 180px;
}

#menu ul{
	list-style:none;
	padding: 0px 0px 0px 25px;
}
#menu li{
	padding: 0px 0px 10px 0px;
}
#menu a{
	text-decoration: none;
	font: normal 1.1em Geneva, Arial, Helvetica, san-serif;
	text-transform: uppercase;
}

#menu a:link{
	color: #F60;
}
#menu a:active{
	color: #F60;
}
#menu a:visited{
	color: #E50;
}
#menu a:hover{
	color: #3D1E1E;
}

#menu img{
	border: none;
	padding-top: 10px;
}

#content{
	width: 500px;
	float: right;
	padding: 0px 60px 40px 0px;
}

#content p,#content ul, #content div{
	font: normal 1.1em Geneva, Arial, Helvetica, san-serif;
	color: #3D1E1E;
}

#content ul{
	list-style: square;
}

#content img{
	border: 1px solid #3D1E1E;
}

#content img.left{
	float: left;
	margin: 10px 20px 10px 0px;
}
#content img.right{
	float: right;
	margin-left: 10px 0px 20px 20px;	
}

#content div img{
	margin-bottom:20px;
}

h4{
	margin: 0px;
	color: #F60;
	font: bold 1.3em Geneva, Arial, Helvetica, san-serif;
	text-transform: uppercase;	
}

#footer{
	clear:both;
	background: #F60;
	color: white;
	font: normal x-small Geneva, Arial, Helvetica, san-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 4px;
}

a:link{
	color: #F60;
}
a:hover{
	color: #3D1E1E;
}

a.civicnet{
	text-decoration: none;
	background: url("images/civlogo.png") no-repeat;
	padding: 3px 20px;
	color: #3D1E1E;
}

a.civicnet:hover { background-position: 0px -81px }