/*
-----------------------------------------------
Saginaw Township Base Styles
Version:  1 March 2007
----------------------------------------------- */


body {
  background-image:url(images/bodyrepeat.jpg);
  background-repeat:repeat-y;
  background-position:0 0;
  background-color:#fff;
  margin:0px 0px 0px 5%;
  padding:0;
  color:#000;
  font:x-small/1.2em Verdana,Arial,Helvetica;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
/* Links
----------------------------------------------- */
a:link {
  color:#003399;
  }
a:visited {
  color:#800080;
  }
a:hover {
  color:#DCB577;
  }
a img {
  border-width:0;
  text-decoration:none;
  }


/* Masthead
----------------------------------------------- */
#masthead  { 
	font-size: 77%; 
	background-color: #080057;
	padding: 3px 0; 
	width:99.2%; 
	float: left;
	min-width:803px;
	width:expression(document.body.clientWidth < 800? "800px": "803px");
	border-bottom: solid 3px #DCB577;
	border-top: solid 3px #DCB577;
	}
#masthead p {
  margin:0;
  padding:10px 0px 3px 2px;
  float:left;
  width:408px;
  font-size:93%;
  line-height:1.1em;
  color:#fff;
  }
#masthead a {
  text-decoration:none;
  color:#fff;
  padding:1px 4px 3px;
  }
#masthead a:hover {
  background:#3484D7;
  border:1px solid #A1C6EB;
  padding:0 3px 2px;
  }
/* Header
----------------------------------------------- */
#header  { 
background-color: #080057; 
width: 99.2%; 
float: left;
border-bottom: solid 3px #DCB577;
min-width:803px;
width:expression(document.body.clientWidth < 800? "800px" : "803px");
}
#header h1 {
  float:left;
  margin:0;
  }
#header img {
  display:block;
  float:left;
  clear:left;
  }
#header form {
  float:right;
  width:290px;
  margin:0;
  padding:5px 0 0;
  font-size:77%;
  line-height:1.2em;
  }
#header form label {
  display:block;
  }
/* SearchBox
-------------------------------------------------*/
#searchBox {
  float:right;	
  width:390px;
  font:95% Tahoma;
  }
#searchBox form {
  float:right;
  width:320px;
  margin:0;
  padding:0 0;
  font-size:93%;
  color:#FFFFFF;
  }
#searchBox img {
float:left;
} 
#searchBox fieldset{
border:none;
}   
/* Structure
----------------------------------------------- */
#page-body {
  	background-image: url(images/bgrightrepeat.jpg);
  	background-repeat:repeat-y;
  	background-position:100% 0%;
	float:left;
  	width:95%;
	min-width:810px;
	width:expression(document.body.clientWidth < 800? "800px":  "810px");
	min-height:500px;
	
  }

#content {
  background-image: url(images/contentrepeat.jpg);
  background-repeat:repeat-y;
  background-position:0 0;
  /*color:#FFFFFF;*/
  float:left;
  width:99%;
  min-width:810px;
  width:expression(document.body.clientWidth < 800? "800px":  "810px");
  min-height:350px;
  } 

#contentp {
  background-image: url(images/contentrepeatp.jpg);
  background-repeat:repeat-y;
  background-position:0 0;
  /*color:#FFFFFF;*/
  float:left;
  width:99%;
  min-width:810px;
  width:expression(document.body.clientWidth < 800? "800px":  "810px");
  min-height:350px;
  } 
/* Nav
----------------------------------------------- */
#nav {
  margin-top:0px;
  width:178px;
  font-size:85%;
  line-height:1.2em;
  z-index:1;
  }
#nav h2 {
  margin:0;
  padding:5px;
  border-top:1px solid #999;
  font-size:100%;
  }
#nav ul {
  margin:0;
  padding:0 1px;
  list-style:none;
  }
/*-------------------------------------------------------------

/* Nav Police
----------------------------------------------- */
#navp {
  margin-top:0px;
  width:231px;
  font-size:85%;
  line-height:1.2em;
  z-index:1;
  }
#navp h2 {
  margin:0;
  padding:5px;
  border-top:1px solid #999;
  font-size:100%;
  }
#navp ul {
  margin:0;
  padding:0 1px;
  list-style:none;
  }
/*-------------------------------------------------------------

Menu Class Definitions and Styling
-------------------------------------------------------------*/
/*Make sure the img's in the menu have no border or padding*/
.menu img {
border:none; 
padding:0; 
margin:0;
}

/*This is the general appearance style for the menu class*/
.menu {
font-family: arial, sans-serif; 
width:182px; 
position:relative; 
margin:0; 
line-height:1.5em; 
}

/*First level menu style unordered list*/
.menu ul {
padding:0; 
margin:0;
list-style-type:none;
}

/*Style for first menu ul li*/
.menu ul li {
white-space:nowrap;
background-color:#E6E7EC;
width:179px;
position:relative;
}
/*First menu level style for a and visited a inside first ul li*/
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#080057; 
width:177px;
background-color:#E6E7EC; 
line-height:1.5em;
}

/*Second Level Menu style for unordered list*/
.menu ul li ul {
display: none;
padding:2px 0 2px 2px;
background-color:#E6E7EC;
}

/*Second level Menu stlye for hover state of unordered list*/
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:-1px; 
left:179px; 
width:182px;
z-index:20;}

/*Second level menu style class for childern in 3rd level menu*/
.menu ul li:hover ul li a.hide {
background:#E6E7EC; 
color:#080057; 
background-image: url("images/m_arrow.gif"); 
background-repeat: no-repeat; 
background-position: 158px 53%;
}

/*Second level menu style class hover state for childern in 3rd level menu*/
.menu ul li:hover ul li:hover a.hide {
width:182px;
background-image: url("images/m_arrow.gif"); 
background-repeat: no-repeat; 
background-position: 158px 53%;
}

/*Second Menu level style for a*/
.menu ul li:hover ul li a {
display:block; 
background:#E6E7EC; 
color:#080057; 
width:177px;
}

/*Second Menu level style for a hover state*/
.menu ul li:hover ul li a:hover {
background:#fff; 
color:#080057; 
border:1px solid #080057; 
padding:1px 1px 1px 1px;
}

/*Keep 3rd level unordered list hidden*/
.menu ul li:hover ul li ul {display: none; position:absolute;}

/*3rd Level menu style for unordered list*/
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:183px; 
width:240px;
top:-1px; 
color:#080057; 
border:1px solid #080057;
}

/*3rd level menu style for a*/
.menu ul li:hover ul li:hover ul li a {
display:block; 
width:235px; 
background:#E6E7EC; 
color:#080057;
padding:1px 1px 1px 3px;
}

/*3rd level menu style for a hover state*/
.menu ul li:hover ul li:hover ul li a:hover {
background:#fff; 
color:#080057; 
}


/* Content Main
----------------------------------------------- */
#content-main {
  min-width:623px;
  width:75%;
  float:right;
  margin:0;
  padding:2px 2px 2px 0px;
  position:relative;
  }
#content-main p {
  color: #000000;
  margin:0;
  padding:5px 20px 5px 5px;
  }
#content-main .normallist {
list-style:disc;
margin-left:50px;
} 
#content-main .numberlist {
margin-left:50px;
}
#content-main ol {
  color: #000000;
  margin:0;
  padding:0;
  padding:5px 20px 5px 5px;
  }  
#content-main ul {
  color: #000000;
  margin:0;
  padding:0;
  display:block;
  list-style:none;
  padding:5px 20px 5px 5px;
  }
#content-main table {
  color: #000000;
  margin:0 5px 0 0;
  padding:5px 20px 5px 5px;
  }
#content-main p.updated {
  float:left;
  margin:0;
  padding:20px 10px 15px 13px;
  }
#content-main caption.captiontext{
text-align:left; 
font-size:14px;
font-weight:bold; 
font-family:Tahoma;
color:#000000;
}
#content-main caption.captiontextred{
text-align:left; 
font-size:14px;
font-weight:bold; 
font-family:Tahoma;
color:#FF0000
}
#content-main caption.captiontextgreen{
text-align:left; 
font-size:14px;
font-weight:bold; 
font-family:Tahoma;
color: #007F00;
}

#content-main th.redheader {
color: #FF0000;
font-size:77%;
text-align:left;
font-family:Tahoma;
}

#content-main th.headertext{
text-align:left;
font-size:77%;
font-family:Tahoma;
color:#000000;
}

#content-main td.redcelltext {
color: #FF0000;
font-size:77%;
text-align:right;
font-family:Tahoma;
}
#content-main th.topheader{
border-bottom:1px solid #000000;
font-size:77%;
font-family:Tahoma;
color:#000000;
}
#content-main th.topheaderred{
border-bottom:1px solid #FF0000;
font-size:77%;
font-family:Tahoma;
color:#FF0000;
}
#content-main td.celltext
{
font-size:77%;
color:#000000;
text-align:right;
font-family:Tahoma;
color:#000000;
}
#content-main td.total
{
font-size:77%;
font-family:Tahoma;
background-color:#FFFF55;
color:#FF0000;
text-align:right;
}

#content-main td.cpi
{
color:#000000;
text-align:center;
border-bottom:1px solid #000000;
}
#content-main td.cpi_no_border
{
color:#000000;
text-align:center;
}

#content-main th.cpi{
border-bottom:2px solid #000000;
font-size:100%;
font-family:Tahoma;
color:#000000;
}


#content-main h1{
padding:5px;
color:#080057;
font-family:Tahoma;
}

#content-main h2{
padding:5px 0 0 0;
color:#080057;
font-family:Tahoma;
}

#content-main h3{
padding:5px 0 0 0; 
color:#080057;
font-family:Tahoma;
}
#content-main h4{
padding:5px 0 0 0;
color:#080057;
font-family:Tahoma;
}
#content-main h5{
padding:5px 0 0 0;
color:#080057;
font-family:Tahoma;
}

/* Content Main Police
----------------------------------------------- */
#content-mainp {
  min-width:570px;
  width:70%;
  float:right;
  margin:0;
  padding:2px 2px 2px 0px;
  position:relative;
  }
#content-mainp p {
  color: #000000;
  margin:0;
  padding:5px 20px 5px 5px;
  }
#content-mainp ol {
  color: #000000;
  margin:0;
  padding:0;
  padding:5px 20px 5px 5px;
  }  
#content-mainp ul {
  color: #000000;
  margin:0;
  padding:0;
  display:block;
  list-style:none;
  padding:5px 20px 5px 5px;
  }
#content-mainp table {
  color: #000000;
  margin:0 5px 0 0;
  padding:5px 20px 5px 5px;
  }
#content-mainp p.updated {
  float:left;
  margin:0;
  padding:20px 10px 15px 13px;
  }
#content-mainp caption.captiontext{
text-align:left; 
font-size:14px;
font-weight:bold; 
font-family:Tahoma;
color:#000000;
}
#content-mainp caption.captiontextred{
text-align:left; 
font-size:14px;
font-weight:bold; 
font-family:Tahoma;
color:#FF0000
}
#content-mainp caption.captiontextgreen{
text-align:left; 
font-size:14px;
font-weight:bold; 
font-family:Tahoma;
color: #007F00;
}

#content-mainp th.redheader {
color: #FF0000;
font-size:77%;
text-align:left;
font-family:Tahoma;
}

#content-mainp th.headertext{
text-align:left;
font-size:77%;
font-family:Tahoma;
color:#000000;
}

#content-mainp td.redcelltext {
color: #FF0000;
font-size:77%;
text-align:right;
font-family:Tahoma;
}
#content-mainp th.topheader{
border-bottom:1px solid #000000;
font-size:77%;
font-family:Tahoma;
color:#000000;
}
#content-mainp th.topheaderred{
border-bottom:1px solid #FF0000;
font-size:77%;
font-family:Tahoma;
color:#FF0000;
}
#content-mainp td.celltext
{
font-size:77%;
color:#000000;
text-align:right;
font-family:Tahoma;
color:#000000;
}
#content-mainp td.total
{
font-size:77%;
font-family:Tahoma;
background-color:#FFFF55;
color:#FF0000;
text-align:right;
}

#content-mainp td.cpi
{
color:#000000;
text-align:center;
border-bottom:1px solid #000000;
}
#content-mainp td.cpi_no_border
{
color:#000000;
text-align:center;
}

#content-mainp th.cpi{
border-bottom:2px solid #000000;
font-size:100%;
font-family:Tahoma;
color:#000000;
}


#content-mainp h1{
padding:5px;
color:#080057;
font-family:Tahoma;
}

#content-mainp h2{
padding:5px 0 0 0;
color:#080057;
font-family:Tahoma;
}

#content-mainp h3{
padding:5px 0 0 0; 
color:#080057;
font-family:Tahoma;
}
#content-mainp h4{
padding:5px 0 0 0;
color:#080057;
font-family:Tahoma;
}
#content-mainp h5{
padding:5px 0 0 0;
color:#080057;
font-family:Tahoma;
}



/* Footer
----------------------------------------------- */
#footer {
  background:#080057;
  clear:both;
  width:99.2%;
  min-width:803px;
  width:expression(document.body.clientWidth < 800? "800px": "803px");
  border-top:3px solid #DCB577;
  font-size:85%;
  line-height:1.2em;
  z-index:-1;
  }
#footer hr {
  display:none;
  }
#footer ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#footer li {
  display:inline;
  margin:0;
  padding:0;
  }
#footer a {
  padding:0 .3em 0 .65em;
  color:#0033CC;
  border-left:1px solid #DCB577;
  }
#footer a.first {
  border-left-width:0;
  }
#footer li a.first {
  padding-left:0;
  }
#footer p {
  margin:0;
  padding:10px 0 10px 0;
  color:#FFFFFF;
  width:auto;
  position: relative;
  /*left:35%; */
  text-align:center;
  z-index:0;
  }
#footer-fade{
  	background-image: url(images/cornerfade.jpg);
  	background-repeat: no-repeat;
  	background-position:100% 0;
	width:94.1%;
	float:left;
	min-width:803px;
	width:expression(document.body.clientWidth < 800? "800px": "803px");
  }
 #corner{
  	background-image: url(images/bottomcorner.jpg);
  	background-repeat: no-repeat;
  	background-position:0 0;
	width:9px;
	height:9px;
	float:left;
  }