@import url("dpwMenus.css");

@charset "utf-8";
/* CSS Document for website - www2.mpw.net
dark blue #1e6474
light blue #75b3b0
lighter blue #b3d1cf
brown #393325
tan #afa27f
tan light #cec6b4
yellow #e4d463
white #ffffff
*/
body{
font-family: arial,helvetica;
/*behavior:url("http://www.milwaukee.gov/commonScripts/csshover.htc");*/
}
#page
	{
	width: 99%;
	margin: 0 auto 0 auto;
	max-width: 60em;
	min-width: 48.5em;		/* 776px; */
	/*background-color: #fff;*/
	/*border:1px solid red;*/
	position:relative;
	}
.bcolor {background-color:#b3d1cf;}
*{
margin:0;
padding:0;
}
p {margin-bottom:10px;}
a.
{
text-decoration: none;
font-size: 14px;
color: #393325;
font-family: arial,helvetica;
}
a:link{color: #1e6474; text-decoration: none;}
a:visited{color: #1e6474; text-decoration: none;}
a:active{color: #1e6474; text-decoration: none;}
a:hover{color: #1e6474; text-decoration: underline;}
a.brown
{
text-decoration: none;
font-size: 14px;
color: #393325;
font-family: arial,helvetica;
}
a.brown:link{color: #393325; text-decoration: none;}
a.brown:visited{color: #393325; text-decoration: none;}
a.brown:active{color: #393325; text-decoration: none;}
a.brown:hover{color: #393325; text-decoration: underline;}
.browntext
{
text-decoration: none;
font-size: 14px;
color: #393325;
font-family: arial,helvetica;
}
.text
{
text-decoration: none;
font-size: 14px;
color: #393325;
font-family: arial,helvetica;
}
.text:link{color: #1e6474;}
.text:visited{color: #1e6474;}
.text:active{color: #1e6474;}
.text:hover{color: #393325;}

.text2
{
text-decoration: none;
font-size: 14px;
color: white;
font-family: arial narrow, arial,helvetica;
font-weight: 400;
}

.text3
{
text-decoration: none;
font-size: 13px;
color: #1e6474;
font-family: arial narrow, arial,helvetica;
font-weight: 600;
font-style: italic;
}
.small
{
text-decoration: none;
font-size: 11px;
color: #393325;
font-family: arial,helvetica;
}
.aqua 
{
text-decoration: none;
font-size: 14px;
color: #1e6474;
font-family: arial,helvetica;
font-weight:bold;
}

.red
{
text-decoration: none;
font-size: 14px;
color: #BB0000;
font-family: arial,helvetica;
font-weight:bold;
}
.bold{font-weight: bold;}


.cell
{
border-right: lightgrey 1px solid; 
border-top: lightgrey 1px solid; 
border-left: lightgrey 1px solid; 
border-bottom: lightgrey 1px solid;
}

body {
	background-color: #75b3b0;
}
#body_inner{
background: url(images/dpwPageBg.jpg) top center repeat-y;
}
#main_wrapper{
width:980px;
margin: 0 auto;
overflow: hidden;
}

#searchBarContainer{
	position:absolute;
	top: 92px;
	right: 21px;
	z-index:0;
	width: 250px;
}
#searchBarContainer input {border: 0;}
#searchBarContainer #searchTerms {width:145px; height: 32px;padding: 4px 0 4px 55px; vertical-align: top; line-height: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333; 
background: url(images/dpwSearchBg.jpg) no-repeat;
}
#searchBarContainer input#searchGo {
width: 38px;
height: 32px;
background: url(images/dpwSearchBtn.jpg) no-repeat;
font-size: 0px; text-indent: -999px !important; text-transform: lowercase; border: 0; text-decoration:none; cursor:pointer;}
#header{
width:auto;
background: url(images/dpwHeader.jpg) no-repeat bottom; 
position:relative; margin: 0 0; padding:0; height:195px; z-index: 0 !important;
}
#linksTopRight {
	position:absolute;
	top:134px;
	right:19px;
	float:right;
	width: 700px;
	margin:0;
	padding: 0;
	list-style: square;
}
.white
{
text-decoration: none;
font-size: 13px;
color: white;
font-family: arial narrow, arial, helvetica;
}
a.white
{
text-decoration: none;
font-size: 13px;
color: white;
font-family: arial narrow, arial, helvetica;
}
a.white:link{color: white;}
a.white:visited{color: white;}
a.white:active{color: white;}
a.white:hover{color: #white;}
.white2
{
text-decoration: none;
font-size: 15px;
color: white;
font-family: arial narrow, arial, helvetica;
}
.white2:link{color: white;}
.white2:visited{color: white;}
.white2:active{color: white;}
.white2:hover{color: white;}
a.white
{
text-decoration: none;
font-size: 13px;
color: white;
font-family: arial narrow, arial, helvetica;
}
a.white:link{color: white;}
a.white:visited{color: white;}
a.white:active{color: white;}
a.white:hover{color: #e4d463;}
.show
{
text-decoration: none;
font-size: 11px;
color: white;
font-family: arial, helvetica;
}
.show:hover
{
color: white;
background-color: #75b3b0;
}
.menu
{
text-decoration: none;
font-size: 15px;
font-weight: bold;
color: #4b8590;
font-family: arial, helvetica;
}
.menu:link{color: #1e6474;}
.menu:visited{color: #1e6474;}
.menu:active{color: #1e6474;}
.menu:hover{color: #393325;}


a.menu
{
text-decoration: none;
font-size: 15px;
font-weight: bold;
color: #1e6474;
font-family: arial, helvetica;
}
a.menu:link{color: #1e6474;}
a.menu:visited{color: #1e6474;}
a.menu:active{color: #1e6474;}
a.menu:hover{color: #393325;}
.title, h1
{
text-decoration: none;
font-size: 18px;
font-family: Arial Narrow, Arial, helvetica;
color: #393325;
font-weight: 600;
}

.titletable
{
text-decoration: none;
font-size: 14px;
font-family: Arial Narrow, Arial, helvetica;
color: #1e6474;
font-weight: 600;
}


.subtitle, .groupheader, h2
{
text-decoration: none;
font-size: 16px;
font-family: Arial Narrow, Arial, helvetica;
color: white;
font-weight: 600;
}

legend {color:#1e6474}


hr {
  border: 0;
  width: 100%;
  color: #75b3b0;
  background-color: #75b3b0;
  height: 2px;
  text-align: center
  
}

img.rightfloat {
float: right;
margin-right: 1em;
margin-left: 1em;
padding: 0;
}

.open {
	display: block;
	}
.closed {
	display: none;
	}
ul{
margin: 0 0 0 15px; /*padding:0 0 -5px 0;*/display:block;
}
li{
margin: 0 0 0 20px;	
}

li.space {margin-bottom: 6px; }
li.lightblue {color:#75b3b0; /*display: inline-block; vertical-align: middle;*/}
li.darkblue {color:#1e6474; margin-left:10px;/*display: inline-block; vertical-align: middle;*/}
li.brown {color:#393325; margin: 0 0 6px 10px; /*display: inline-block; vertical-align: middle;*/ margin-top: 6px;}

li.toggle{
	list-style-type: none;
	padding-top: .2em;
	padding-bottom: .2em;
	list-style-position: outside;
	}
        
li img {
	vertical-align: middle;
	}	
	

.quote
{
text-decoration: none;
font-style: italic;  
font-weight: bold;
font-size: 13px;
color: #1e6474;
font-family: "Times New Roman", Times, serif;
text-align:right;
}

.phone1
{	
	text-decoration: none; 
	font-size: 12px;  
	color: #1e6474;
	font-weight: bold;
	font-family: arial,helvetica; 
}
.phone2, blue
{	
	text-decoration: none; 
	font-size: 13px;  
	color: #1e6474;
	font-weight: bold;
	font-family: arial,helvetica; 
}

/*LIGHTBOX JS code from http://www.huddletogether.com/projects/lightbox/*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
#date{
position:absolute;
top:174px;
left:30px;
margin:0px;
padding: 0px;
}
#twoColWrap{
float:left;
width:980px;
min-height:600px;
margin-top:0px;
background:url(images/dpwContentBodyBg.jpg) top repeat-y;
padding-bottom:20px;
}
#content{
width: 852px;
margin: 0 64px;
}
#content_inner{
padding:10px;
}		
#footer{
background:#75b3b0;
text-align: center;
}
#navHome{
width:auto;
background: url(images/dpwNavHome.jpg) no-repeat bottom; 
position:relative; margin: 0; padding:0; height:264px; z-index: 0 !important;
}
#navDivisionMain{
width:auto;
background: url(images/dpwNavDivisionMain.jpg) no-repeat bottom; 
position:relative; margin: 0; padding:0; height:152px;
}
#navDivision{
width:auto;
background: url(images/dpwNavDivision.jpg) no-repeat bottom; 
position:relative; margin: 0; padding:0; height:315px;
}
#navSection{
width:auto;
position:relative;
margin: 0;
padding:0;
height:255px;
background-image: url(images/dpwNavSection.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#navOffice{
width:auto;
position:relative;
margin: 0;
padding:0;
height:105px;
background-image: url(images/dpwNavOffice.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#flashContainerCommissioner{
padding: 0 0 0 100px;
}
#flashContainerHome{
position:relative;
width: 927px;
height:160px;
}
#flashContainer_innerHome{
margin-left:28px;
}
#flashContainer_innerDivisionMain{
margin-left:30px;
}
#flashContainer_innerDivision{
padding-top:50px;
margin-left:30px;
}
#flashContainerSection{
position:absolute;
top:50px;
left:27px;
width: 927px;
height:100px;	
}
#flashContainer_innerSection{
/*padding-top:50px;
margin-left:30px;*/
}
#flashContainerOffice{
position:absolute;
top:50px;
left:27px;
width: 927px;
height:100px;
}
#flashContainer_innerOffice{
/*padding-top:50px;
margin-left:30px;*/
}

#pageToolsHome{
position:absolute;
top:210px;
right:29px;
}
#pageToolsDivisionMain{
position:absolute;
top:150px;
right:29px;
width: 120px;
}
#pageToolsDivision{
position:absolute;
top:263px;
right:29px;
width: 120px;
}
#pageToolsSection{
position:absolute;
top:200px;
right:29px;
width: 120px;
}
#pageToolsOffice{
position:absolute;
top:52px;
right:29px;
width: 120px;
}
#pageTools{
position:absolute;
right:29px;
width: 120px;
}
#pageTools a,#pageToolsd a{
padding:0;
}

/*content tables*/

.tableFULL {
width:830px;
clear:both;
}
.tableFULL table{
width:830px;
border: solid 1px #e4d463;
background-color:#afa27f;
}
.tableFULL td{
padding:12px;
}
.tableFULL p{margin:20px 0 0 10px;}
.tableFULL table p{margin:0 0 10px 0;}
.tableFULL table table{
margin:0;
padding:0;
width:100%;
border:0;
}
.tableFULL table table td{
padding:0;
}
.tableLC {
width:550px;
float:left;
clear:left;
}
.tableLC table{
border: solid 1px #e4d463;
background-color:#afa27f;
width:550px;
}
.tableLC td{
padding:12px;
}
.tableLC p{margin:20px 0 0 10px;}
.tableLC table p{margin:0 0 10px 0;}
.tableLC table table{
margin:0;
padding:0;
width:100%;
border:0;
}
.tableLC table table td{
padding:0;
}
.tableRC{
width: 265px;
float:right;
clear:right;
}
.tableRC table{
border: solid 1px #e4d463;
background-color:#afa27f;
width:265px;
margin:0;
}
.tableRC td{
padding:12px;
}
.tableRC p{margin:20px 0 0 10px;}
.tableRC table p{margin:0 0 10px 0;}
.tableRC table table{
margin:0;
padding:0;
width:100%;
border:0;
}
.tableRC table table td{
padding:0;
}



.menuh
	{
	font-size: 19px;
	font-family: arial, helvetica;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 1em;
	}
		
.menuh a
	{
	display:block;
	border: 0px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
.menuh a:link, .menuh a:visited, .menuh a:active	/* menu at rest */
	{
	color: #4b8590;
	/*background-color: #e4d463; bb */
	text-decoration:none;
	}
	
.menuh a:hover						/* menu on mouse-over  */
	{
	color: #393325;
	background-color: #FFFFCC;
	text-decoration:none;
	}	
	
.menuh a.top_parent, .menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
.menuh a.parent, .menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

.menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */

	position:relative;
	left:0px;
	}

.menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

.menuh ul ul
	{
	position:absolute;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	left:0px;
	}

.menuh ul ul ul
	{
	top:0;
	left:100%;
	}

.menuh li:hover
	{
	cursor:pointer;
	}

.menuh li:hover ul ul,
.menuh li li:hover ul ul,
.menuh li li li:hover ul ul,
.menuh li li li li:hover ul ul
{display:none;}

.menuh li:hover ul,
.menuh li li:hover ul,
.menuh li li li:hover ul,
.menuh li li li li:hover ul
{display:block;}