*{ margin: 0; padding: 0; }* 
body { font: 12px Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.2em; background: url(../images/bg.jpg) repeat-x #ffffff; color: #444; 	scrollbar-face-color:#cccccc;
   scrollbar-arrow-color:#efefef;
   scrollbar-track-color:#ffffff;
   scrollbar-shadow-color:#efefef;
   scrollbar-highlight-color:#999999;
   scrollbar-3dlight-color:#efefef;
   scrollbar-darkshadow-Color:#999999;}


/*basic stuff */
a {	color: #B60D0A;	background: inherit; text-decoration: underline; }
a:hover { color: #808080; background: inherit; text-decoration: none;}
p { margin: 0 0 15px 0; }
h1 { font: 2em "Trebuchet MS", Arial, Sans-Serif; color: #999999; font-weight:100;}
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
sup { font-size: .3em; color: #DFCDA2; }
h2 { color: #666666; font: bold 1.2em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
h3 { font: normal 1em "Trebuchet MS", Arial, Sans-Serif;  color:#666666; background: #D0D4D4; padding: 3px 10px; margin: 0 0 15px; border-bottom: 1px solid #ccc; }


/* keep it all in*/
#content { width: 960px; margin: 10px auto; background: #fff; padding: 10px; border-right: solid 1px #c5c5c5; border-left : solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5;   } 
#data {width:auto;height:360px; overflow-x: hidden; 
  overflow-y: scroll; padding-right:20px; margin-right:1px; background:url(../images/data_bg.png) top left no-repeat ;

 }

/*start o the headers */

/* main page */
#header {
	background: #fff url(../images/header.jpg) top no-repeat;
	min-height:230px;
	max-height:230px;
	height: 230px;
}
#header h1 { font-size:0px;line-height:0px;}



/* ptbo  pages */	
#header_ptbo { background: #fff url(../images/header_ptbo.jpg) top no-repeat; height:230px;color: #fff; }
	#header_ptbo p { font-size:100%; margin: 0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_ptbo h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_ptbo h1 a { color: #fff; background: inherit; text-decoration:none; }
#header_ptbo h1 a:hover { color: #fff; background: inherit; }



/* belleville   pages */	
#header_bell { background: #fff url(../images/header_bell.jpg) top no-repeat; height: 230px;}
	#header_bell p { font-size:100%; margin:  0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff;}
	#header_bell h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_bell h1 a { color: #fff; background: inherit; }
#header_bell h1 a:hover { color: #fff; background: inherit; }

/* Kingszton   pages */	
#header_king { background: #fff url(../images/header_king.jpg) top no-repeat; height: 230px;}
	#header_king p { font-size:100%;  margin:0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_king h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_king h1 a { color: #fff; background: inherit; }
#header_king h1 a:hover { color: #fff; background: inherit; }



/* career page */
	
	#header_career { background: #fff url(../images/header_career.jpg) top no-repeat; height: 230px;}
	#header_career p { font-size:100%; margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_career h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_career h1 a { color: #fff; background: inherit; }
#header_career h1 a:hover { color: #ffffff; background: inherit; }


/* architect */
	
	#header_architect { background: #fff url(../images/header_architect.jpg) top no-repeat; height: 230px;}
	#header_architect p { font-size:100%; margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_architect h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_architect h1 a { color: #fff; background: inherit; }
#header_architect h1 a:hover { color: #ffffff; background: inherit; }

/* contact page */
	#header_contact { background: #fff url(../images/header_contact.jpg) top no-repeat; height: 230px;}
	#header_contact p {   font-size:100%; margin:0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff;}
	#header_contact h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_contact h1 a { color: #fff; background: inherit; }
#header_contact h1 a:hover { color: #FFFFFF; background: inherit; }
	


/* parhners page */
	#header_partners { background: #fff url(../images/header_partners.jpg) top no-repeat; height: 230px;}
	#header_partners p {  font-size:100%; margin:0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff; }
	#header_partners h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_partners h1 a { color: #fff; background: inherit; }
#header_partners h1 a:hover { color: #E4FFD3; background: inherit; }


/* waterspec page */
	#header_waterspec { background: #fff url(../images/header_waterspec.jpg) top no-repeat; height: 230px; }
	#header_waterspec p { font-size:100%;  margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_waterspec h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_waterspec h1 a { color: #fff; background: inherit; }
#header_waterspec h1 a:hover { color: #E4FFD3; background: inherit; }


/* municipal  pages */	
#header_mun { background: #fff url(../images/header_mun.jpg) top no-repeat; height: 230px; }
	#header_mun p {font-size:100%;  margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_mun h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_mun h1 a { color: #fff; background: inherit; }
#header_mun h1 a:hover { color: #fff; background: inherit; }

/* mto pages */	
#header_mto { background: #fff url(../images/header_mto.jpg) top no-repeat; height: 230px; }
	#header_mto p { font-size:12px; margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff;}
	#header_mto h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_mto h1 a { color: #fff; background: inherit; }
#header_mto h1 a:hover { color: #fff; background: inherit; }

/* mto pages */	
#header_plan { background: #fff url(../images/header.jpg) top no-repeat; height: 230px; }
	#header_plan p { font-size:100%; margin: 0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_plan h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_plan h1 a { color:#333333; background: inherit; }
#header_plan h1 a:hover { color:#333333; background: inherit; }

/* env pages */	
#header_env { background: #fff url(../images/header_env.jpg) top no-repeat; height: 230px; }
	#header_env p {font-size:100%;  margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff; }
	#header_env h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_env h1 a { color:#fff; background: inherit; }
#header_env h1 a:hover { color:#fff; background: inherit; }

/*terra pages */	
#header_terra { background: #fff url(../images/header_terra.jpg) top no-repeat; height: 230px; }
	#header_terra p { font-size:100%; margin:0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_terra h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_terra h1 a { color:#fff; background: inherit; }
#header_terra h1 a:hover { color:#fff; background: inherit; }


/*strut pages */	
#header_strut { background: #fff url(../images/header_strut.jpg) top no-repeat; height: 230px; }
	#header_strut p {font-size:100%;  margin: 0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_strut h1 {display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_strut h1 a { color:#fff; background: inherit; }
#header_strut h1 a:hover { color:#fff; background: inherit; }



/*mech pages */	
#header_mech { background: #fff url(../images/header_mech.jpg) top no-repeat; height: 230px; }
	#header_mech p { font-size:100%; margin:0; margin-top:-2px;background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_mech h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_mech h1 a { color:#fff; background: inherit; }
#header_mech h1 a:hover { color:#fff; background: inherit; }

/*sp pages */	
#header_sp { background: #fff url(../images/header_sp.jpg) top no-repeat; height: 230px; }
	#header_sp p { font-size:100%; margin: 0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_sp h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_sp h1 a { color:#fff; background: inherit; }
#header_sp h1 a:hover { color:#fff; background: inherit; }

/*gis pages */	
#header_gis { background: #fff url(../images/header_gis.jpg) top no-repeat; height: 230px; }
	#header_gis p { font-size:100%; margin: 0;margin-top:-2px; background:#999; color:#fff; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;}
	#header_gis h1 { display:block; position: relative; margin-top:0px; margin-left:0px;
	font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; font-stretch:condensed; color:#999; padding-left:15px; padding-bottom:2px; padding-top:2px; width:455px; z-index:2000;}
#header_gis h1 a { color:#fff; background: inherit; }
#header_gis h1 a:hover { color:#fff; background: inherit; }

/* end o the headers */		


/*logo area */
#logo { padding:  0;  float: left; width: 470px; border-bottom:1px solid #ffffff; height:40px;
		display:block;background:#fff; filter:alpha(opacity=80);moz-opacity:.80;opacity:.80; z-index:2;}


/* kewl search*/

	#search {
	display: block;
	float:right;
	width:220px;
	text-align: right;
	position: relative;
	margin-top:2px;
	margin-bottom:10px;
	margin-right:15px;
	height:20px;	
}
	#search a, #watch a { color: #fff; font-size: .8em; cursor: pointer; }

	#searchform { padding: 10px; background: #cc3300; border: 1px solid #ffffff; }
	textarea.search
	 { margin-top:15px;padding: 10px; background: #cc3300; border: 1px solid #ffffff; height:20px;  text-decoration:none;}
	
	  textarea.search focus,
input.search_input hover { color: #000;
  background: #ffffff;
  border: 1px solid #888;  text-decoration:none; }
  #searchform p { margin: 0; }
 













.search_button {
  background:url(../images/search.gif) no-repeat ;
  height:20px; width:24px;

  font-size:0em;
  border:none;
  cursor: pointer;
  text-decoration:none;
  }  
  
  
  
  
  
  
input.search_button { 
  background:url(../images/search.gif) no-repeat ;
  height:20px; width:24px;
  font-size:0em;
  border:none;  text-decoration:none;
  }  
  
  input.search_button:focus {
  background:url(../images/search.gif) no-repeat ;
  border:none;  text-decoration:none;
  }  
  
  input.search_button:focus,
input.search_button:hover {
  background:url(../images/search.gif) no-repeat ;
 text-decoration:none; border:none; 
  }  
/*start nav top o the pages */

#navHolder {
background-image:url(../images/bback.jpg);
background-repeat:no-repeat;
border-top: 3px solid #fff;
margin: 0 auto 0 auto; 
width:970px;
height:65px;
z-index:999;}
#nav, #nav ul {
font-size:100%; 
	float: left;
	width:auto;
	list-style: none;
	line-height: 20px;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left:1px;
	padding-right:2px;
	color: #ffffff;
	z-index:998;
	background-color: transparent;

}

#nav, #nav li {list-style-type:none;}
#nav a {
	display: block;
	width: auto;
	w\idth: auto;
	color: #ffffff;
	text-decoration: none;
	padding: 0.25em  2em 0.25em  2em ;

}
#nav a:hover {
		text-decoration: underline;
}

#nav a.daddy {background: url(../images/arrow.gif) center left no-repeat;
	width: 16em; }
#nav li {
list-style-type:none;
	float: left;
	padding: 0;
	width:auto;
	height:22px;
	padding-bottom:2px;
	
}

#nav li ul {	background:#fff;	margin-top:0px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	w\idth: 16em;
	font-weight: normal;
border-left:1px solid #cccccc;border-top:1px solid #efefef;border-right:1px solid #efefef; border-bottom:1px solid #cccccc;
	padding-bottom:10px;	z-index:999;
}

#nav li li {
	padding: 0;
	width: 15em; 
		
		
}

#nav li ul a {color:#666666;
	width: 15em;
	w\idth: 15em;
	margin-left:-5px;
	
}
#nav li ul li a:hover {
background: url(../images/arrow.gif) center left no-repeat;
}
#nav li ul ul {

	margin: -2em 0 0 16em; border-left:1px solid #fff;border-right:1px solid #fff; padding:0em; background-color:#999999; z-index:1000;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -966em; 	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto; 
}

#nav li:hover, #nav li.sfhover {

	 color: #ffffff;
}

#nav li ul a.current { background:#ffffff; color: #000000; }
		#nav li  #last  { width:auto; }

/* end o the nav top o the page  	#nav li ul li a#last  { margin: 0; padding: 5px 41px 5px 40px; }
*/


/* start secondary nav for site  */

	#menu { margin: 0 0 50px; }
		#menu li { list-style: none; float: left; }
		#menu li a { cursor: pointer; padding: 5px 39px; line-height: 25px; background: #D0D4D4; margin: 0 1px 0 0; color: #808080; }
		#menu li a:hover { background: #B2B6B6; color: #000; }
		#menu li a.current { background: #66A3CF; color: #fff; }
		#menu li a#last  { margin: 0; padding: 5px 41px 5px 40px; }
		
/* end o the second nav */		


/* elements classes for content */
.third { font-size: .9em;  float: left; width: 420px; margin: 0 30px 10px 0; padding:0 25px 0 25px; height:auto; overflow: auto; z-index:2;  background:url(../images/faded_bg.png) repeat-x top left;}
.third ul li {padding-left:10px;}
.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }


/*not sure what to go here yet area */


#prefooter { width: 944px; margin: 0 auto; background: #fff; padding: 0p; font-size: .9em;  }


/* duh...footer */
#footer { width: 980px; margin: 5px auto; color: #808080; font-size: 0.9em; }
	#footer a { color: #444; }
	.right { float: left; text-align: right; font-size: 1em; }
		#footer .right a { margin: 0 0 0 2px; padding: 3px 10px; }
		#footer .right a:hover { background: #fff; color: #444; text-decoration: underline; }

.flash{display:block;  width: 300px; color: #333; z-index:0; 
}

.right{display:block;float: left; padding-left:65px; margin: 0px 10px 10px 25px;width: 300px; color: #333; 
}
.right p{ z-index:2;}
.last{display:block;}
.last *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#efefef;}
.last1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3}
.last2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2}
.last3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.last4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.last5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.lastfg{padding:10px; text-align:left;
font-size:10px;
  background:#efefef;}
 .lastfg ul li {list-style-type:square;
 list-style-position:inside;
}



/* form */

form {
  padding: 0;
  margin: 0;

}

label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #666;
  border: 1px solid #CCC;
  margin-top:5px;
  width:350px;
 
}



input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover{
  color: #000;
  background: #ffffff;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #666666;
  border-width: 1px;
  border-style: solid;
  border-color: #999999 #cccccc #cccccc #999999;
  width:100px;
}

input.radio {
  background: none;
  border: 0px;
}

.width200 {
 width:400px;
  height:24px;}


/*news */
#ajaxticker1{
width: 240px;
height: 200px;
border: none;
padding: 5px;
background:transparent;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background: transparent;
}


.makeroom200 { display:block; height:200px; width:auto;}
.makeroom125 { display:block; height:125px; width:auto;}
.makeroom100 { display:block; height:100px; width:auto;}
.makeroom75 { display:block; height:75px; width:auto;}
.makeroom50 { display:block; height:50px; width:auto;}
.makeroom25 { display:block; height:25px; width:auto;}