html { background: #D9E1E6 url("http://www.images/bg.gif") repeat-x;  }
body { padding: 0; margin: 0; font: 0.8em Arial, sans-serif; line-height: 1.5em; color: #000000; background-color:#D9E1E6; }

a { color: #0E4D8B; background: inherit; }
a:hover { color: #000; background: inherit;}
a.title { color: #B41A1A; background: #FFF; }

h1 {font: bold 32px Arial;color:#ca0002;border-bottom:3px solid #003366;margin-bottom:12px; padding-top:1px;}
h1.left { font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; padding: 2px 0 0 2px; margin: 0; color: #003366;border-bottom:2px solid #CA0002;}
h2 {font: bold 24px Arial;color:#ca0002;border-bottom:3px solid #003366;margin-bottom:12px; padding-top:1px; }
h3 {font: bold 18px Arial;color:#ca0002;border-bottom:3px solid #003366;margin-bottom:12px; padding-top:1px; }
h4 { font: bold 18px Arial;color:#ca0002;border-bottom:0px solid #003366;margin-bottom:0px;
margin-left:10px; padding-top:1px;}


h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.search { width: 199px; border: none; background: #FFF url(input.gif); padding: 4px; color: #808080; }
input.submit { height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url(button.gif); padding: 3px; color: #FFF; }

/* layout
   ------ */

.main-content
{ 
	margin: 0px auto;
	width: 100%;
	background: #D9E1E6 url(/images/top-bg.gif) repeat-x;
	background-color:#D9E1E6;
	color: #000000;
}


.content-text
{ 
	margin: 0px auto;
	/* [!] width: 950px; */
	width: 950px;
	background: #D9E1E6 url(/images/big_middle2.gif) repeat-y;
	background-color:#D9E1E6;
	color: #454545;
	
}

.content-head
{ 
	margin: 0px auto;
	height:250px;
	/* [!] width: 950px; */
	width: 950px;

	
}


.logo {	padding: 18px 0 0 3px; }

/* header */

.header {margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; background: url(/images/pewaukee_header.gif) no-repeat;  height:208px; }

.head_navigation {margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; height:22px;
background-image: url('/images/header_gradient.gif'); background-repeat: repeat-x; background-color:#07172D;
z-index:8;}

.header_top { float:center; background: #D9E1E6 url(/images/big_top2.gif) no-repeat; color: #FFF; height: 10px;}
.header_bottom { float:center; clear: both; background: #D9E1E6 url(/images/big_bottom2.gif) no-repeat; color: #D9E1E6; height: 9px; }
    
/* navigation */
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 7px 20px 4px 10px; background: #C43219 url(nav.gif) no-repeat 100% 0px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; background: #C43219 url(nav.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#nav #current { background: #1995C2 url(nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: #1995C2 url(nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color:#BFE1ED; background: #C43219 url(nav.gif) no-repeat 100% 0px; }   


.sf_left {
	float: left;
	width: 243px;
	height: 77px;
	background: #5BB2D1 url(logobg.gif) repeat-x; 
	color: #FFF;
	border-top: 1px solid #137DA2;
	border-bottom: 1px solid #000;
	padding: 10px 0 0px 7px;
}

.sf_right {
	/* [!] width: 537px; */
	width: 569px;
	float: right;
}

.sf_search {
	clear: both;
	background: #CA090D url(searchbg.gif) repeat-x bottom left; 
	color: #FFE4E0;
	border-top: 1px solid #AA1717;
	border-bottom: 1px solid #000;
	padding: 18px 0 17px 15px;
	margin-top: -2px;
}
	
.subheader {
	padding: 8px;
	background: #B0C7D7;
	color: #808080;
	padding-top:3px;
	padding-bottom:3px;
}

/* left side
   --------- */

.content-container {
	float: left;
	/* [!] width: 595px; */
	width: 930px;
	height:auto;
	margin: 10px 10px 10px 10px;
}

.box_top
{
	background: #F0F0F0 url(leftbox_top.gif) no-repeat;
	color: #808080;
	height: 40px;
	width: 144;
}
	
.box_top h2 {
	color: #808080;
	background: inherit;
	padding: 7px 0 0 5px;
	margin: 0;
}
	
	.box {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 4px 0 7px;
		margin: 0;
		width: 144px;
		color: #595959;
		background: #FFF;
	}
	
	.box2
	{
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		/* padding: 0 4px 0 7px; */
		padding:0;
		margin: 0;
		/* width: 144px; */
		width:161px;
		color: #595959;
		background: #FFF;

	}
	
	.box_bottom {
		background: #FFF url(leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 159px;
		margin: 0 0 7px 0;
	}
	
		/* left and central column */
		.left_side { float: left; width: 159px; padding: 0px 5px 8px 8px;}
		.right_side 
		{ 
			float: right;
			width: 480px;
			margin: 0 5px 0 0; 
			text-align: justify;
		}
		
		.article 
		{ 
			padding: 0 5px 0 0px; margin-bottom: 20px; 
		}
		
	.grey_top { clear: both; width: 382px; background: #EDEDED url(grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 170px; margin: 0 0 10px 0;}
		
img { margin: 0 9px 3px 0; }

/* footer
   ------ */

#footer {
	CLEAR: both; font: normal 10px Helveltica, sans-serif; background-color:#D9E1E6; margin: 0 auto;  WIDTH: 100%; COLOR: #000; PADDING-TOP: 10px; POSITION: relative; 
	HEIGHT: 200px; color:#0077C0; 
}

#footer-sitemap {
	PADDING-LEFT: 60px; font: #0077C0 normal 10px Helveltica, sans-serif; 
}
#footer-sitemap A {
	font: normal 10px Helveltica, sans-serif; DISPLAY: block; PADDING-BOTTOM: 1px; COLOR: #eee; TEXT-DECORATION: none; color:#0077C0; 
	
}
#footer-sitemap A:hover {
	BACKGROUND: #E2ECF2; color:#0077C0; font: normal 10px Helveltica, sans-serif;
}
#footer-sitemap DIV {
	BORDER-RIGHT: #98b3cd 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; 
}
#footer-sitemap DIV:hover {
	BACKGROUND-COLOR: #BBCDD8
}
#footer-sitemap H3 {
	font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
}
#footer-sitemap H3 A, #footer-sitemap H3 A:hover {
	font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
 border-bottom: 1px solid #fff;
}
#footer-sitemap H3 {
	MARGIN: 0px
}
#footer-sitemap UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#footer-sitemap .department {
	WIDTH: 125px; font: #0077C0 normal 10px Helveltica, sans-serif; HEIGHT: 120px;
}

#footer-sitemap .public_saftey {
	WIDTH: 125px; font: #0077C0 normal 10px Helveltica, sans-serif; HEIGHT: 120px;
}

#footer-sitemap .city_meeting {
	WIDTH: 145px; font: #0077C0 normal 10px Helveltica, sans-serif; HEIGHT: 120px;
}

#footer-sitemap .community_info {
	WIDTH: 125px; font: #0077C0 normal 10px Helveltica, sans-serif; HEIGHT: 120px;
}

#footer-sitemap .resources {
	WIDTH: 145px; font: #0077C0 normal 10px Helveltica, sans-serif; HEIGHT: 120px;
}

#footer-sitemap .visitor_info {
	WIDTH: 125px; font: #0077C0 normal 10px Helveltica, sans-serif; HEIGHT: 120px;
}



#footer-sitemap .misc {
	WIDTH: 125px; font: #0077C0 normal 10px Helveltica, sans-serif;HEIGHT: 120px; 
}







.floatLeft {
  float: left;
}

.width75 {
  width: 640px; 
  background-color:#FFFFFF;
  color:#000000;
 }

.width100 {
  width: 100%; 
  background-color:#FFFFFF;
  color:#000000;
 }

.width25 {
  width: 250px; 
  background-color:#FFFFFF;
 }
 
.width50 {
  width: 490px; 
  background-color:#FFFFFF;
 }

.paddingLeft2 {
  padding-left: 5px;
  padding-right: 5px;
}

.paddingLeft3 {
  padding-left: 20px;
}
.style3 {font-size: 9px}

/* HotLinks   |   
------------------------------------------------------------------*/
.navlist
{
padding: 1px;
margin-left: 0;
font: bold 0.9em Helveltica, sans-serif;
width: 245px;
}

.navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px #E6E6E6 solid;
border-left: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
text-align: left;
}

.navlist li a
{
display: block;
padding: 0.5em 0.5em 0.5em 0.5em;
text-decoration: none;
}

.navlist li a:link { color: #004276; font: bold 1em Helveltica, sans-serif;}
.navlist li a:visited { color: #004276; font: bold 1em Helveltica, sans-serif; }

.navlist li a:hover
{ color: #CA0002; font: bold 1em Helveltica, sans-serif; background: #FEFDE8;
}	

/* Head Nav   |   
------------------------------------------------------------------*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	background: #072B5B;
background-color:#072B5B;


}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 2px solid #0A253D;
	border-bottom:5px solid #840000;
	background-color:#0A253D;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #ffffff;
		font: 11px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
		border: 2px solid #0A253D;
		background-color:#0A253D;
		
		}

	#sddm div a:hover
	{	background: #1B3962;
		color: #ffffff;
		background-color:#1B3962;}
		
.state_of_wisconsin_USA
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
background-color:#D9E1E6;
color:#0E4D8B;
font-size:9px;
text-align: center; 
text-align:center;
margin:0 auto;
}

.waukesha_county{
font-family: Verdana, Helvetica, Arial, sans-serif;	
color:#990000;
font-weight: bold;
}
.blue_waukesha_county{
font-family: Verdana, Helvetica, Arial, sans-serif;	
color:#89A6BC;
font-weight: bold;
}


.state_of_wisconsin_USA a{
font-family: Verdana, Helvetica, Arial, sans-serif;	
font-size:9px;
text-decoration: none;
font-weight: bold;
color:#0E4D8B;
}

.state_of_wisconsin_USA a:hover{ 
font-family: Verdana, Helvetica, Arial, sans-serif;	
font-size:9px;
text-decoration: none;
font-weight: bold;
color:#0E4D8B;
}

.title_name{
	font-size: 1.3em;
	color: #000033;
	font-weight: bold;
}

.cntimg {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	
}