html,body { 
margin:0;
	padding:0;
	border-collapse:collapse;
	/*background-color:#C8E6FE;*/
	background-color:white;
  font-size:16px;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  color:black;
	
  }

img {
	border: 0px solid black;
}
table {
  padding:0px;
  border:none;
  font-size:100%;
  background-color:#7EB0CD;
  color:black;
  margin:auto;
  }
td {
  color:black;
  background-color:white;
  vertical-align:top;
  padding:0px;
  text-align:left;
}
th {
	color: #000;
	background-color:white;
	text-align:center;
}
.no-back {
background-color:transparent;
}
td input {
	background-color:transparent;
}
#wrap {
   text-align:left;
	color:#360;
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	vertical-align:top;
	background-color : white;
	font-size:100%;  

	}
h1, h2, h3, h4 {
	color: #007CAF;
	margin-top:15px;
	text-align:left;
	margin-left:2em;
	font-size:90%;
}


hr {
	color: #005bab;
	height:1px;
}
#banner {
	color:black;
	text-align:left;
	padding:0px;
	margin:0px;
	border-style:none;
	height:178px;
 	width:100%;
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	border-collapse : collapse;
	background : #3D816C url(../images/swooshbannertop2.jpg) repeat-x scroll left top;
	}
#menu-wrap {

height:40px;
background:#3D816C url(../images/menu-back-long.jpg) center repeat-x scroll;
}

#left-col {
width: 170px;
float:left;
text-align:right;
border-right: 0px solid #5fa662;
background-color:white;
min-height: 440px;
padding-top:120px;
}
#left-menu {
text-align:left;
}
#left-menu a, #left-menu a:link {
display:block;
text-decoration:none;
color:white;
/*font-size:13px;*/
font-size: 81.25%;
background: transparent url(../images/buttons-green.gif) center left no-repeat scroll;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 8px;
text-align:left;
letter-spacing: -.025em;
}
#left-menu a:hover {
color:yellow;
}

#right-col {
width: 170px;
float:right;
text-align:left;
border-left: 0px solid #5fa662;
background-color:white;
min-height: 440px;
padding-top:120px;
}
#right-menu {
padding-left: 4px;
text-align:left;
}
#right-menu a, #right-menu a:link {
display:block;
text-decoration:none;
color:#006bb7;
/*font-size:13px;*/
font-size: 81.25%;
background-color:white;
padding-top: 9px;
padding-bottom: 9px;
text-align:left;
letter-spacing: -.05em;
font-weight: normal;
}

#right-menu a:hover {
color:#fd9027;
}	

#content {
	 text-align:center;
   font-size:90%;
   color:black;

   width: 100%;

}
#apDiv1 {
	position:absolute;
	width:100%;
	height:120px;
	z-index:1;
	left: 0px;
	top: 218px;
	background-color:transparent;
	}
#swoosh {
background: transparent url(../images/swooshbannerbottom2.gif) left top repeat-x;
height:118px;}

#copy {
margin-left: 170px;
margin-right: 170px;
background: #d8edfe url(../images/copy-back.jpg) bottom left no-repeat scroll;
min-height: 540px;
height: 100.1%;

}

html>body #copy {
margin-left: 170px;
margin-right:170px;
	}
	
.subtitles {
	color: #005bab;
	background-color:white;
	text-align:center;
}
div {
   text-align:center;
   font-size:100%;
   color:black;

  }

a {
  color: #fff;
  text-decoration: underline;
  background-color:transparent;
  font-size:100%;
  font-weight:normal;
 } 
 
 a:link, a:visited{
	color:#036;
	background-color:transparent;
	font-weight:normal;
}

a:hover { text-decoration: none; }
a:active {
  color: #8B0000;
  background-color:transparent;
  font-weight:normal;
}

ul,li {
color:black;
background-color:transparent;
font-size:100%;
}
li {
	text-align:left;
	list-style-type:disc;
}
li.indent {
margin-left: 1em;
margin-right: 2em;
}
ul.none,li.none {
color:black;
Background-color:white;
list-style:none;
}

input, textarea, select {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: bold;
 /* border : none;*/
}
textarea { overflow: auto; }
select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  color: #000;
  font-weight: bold;
}




p {
color:black;
background-color:transparent;
text-align : left;
margin-left:2em;
margin-right:2em;
font-size:100%;
line-height:140%;

}
p 
.indentmore {
margin-left:30px;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

#copyright {
	color:#384F7B;
    background : transparent;
	font-size:80%;
}

#menu-bottom {
	color:#005bab;
    background : transparent;
	text-align:center;
		/*clear : inherit;*/
		font-size:80%;
}
#menu-bottom a,#menu-bottom a:link,#menu-bottom a:visited
{color:#005bab;
    background : transparent;
	text-decoration:none;
}

#menu-bottom a:hover
{color: #669900;
background-color:transparent;
}
.larger {
	font-size:120%;
	color:#034C85;
}

.bold {
color: #8B0000;
}

#rfp {
	color:black;
	background-color:white;
	padding:4px;
	margin:auto;
	border: 1px solid black;
}

even {
	background-color : #999;
	color:black;
	border-top:1px solid gray;
}


.red {
	color: Red;
	background-color:transparent;
}
.apptable {
	width:710px;
	margin:auto;
	text-align:center;
	font-size:90%;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.bar {
	width:700px;
	text-align:center;
	height:2px;
	background-color:#999999;
}

.smaller {
	font-size: small;
}

#avail-jobs, #avail-jobs a, #avail-jobs a:link,#avail-jobs a:visited {
	color: yellow;
	/*text-decoration : blink;*/
	float:left;
	width:177px;
	text-align:left;
	margin-left:5px;
}

.spacer {
padding-top:130px;
}
/*awards tooltips*/
#manhole, #hatfield, #society, #society2, #maintenance, #wastewater, #lab6, #noel,#crucible {
display: none;
 }
#scosc, #outstanding, #public, #excellence, #excellence2, #clean, #pretreat, #govfin, #peak, #opschall
{display: none;
 }
#compliance, #pollution, #financial, #stanley2009, #manhole2008, #pit2008, #society2008,#wef2008, #hatfield2008, #society3,#century,#maintenance2008,#chamber,#outstanding2008,#biosolids,#peak2008,#publicservice
 {display: none;
 }
#safety2008, #facility2008,#ops2009
 {display: none;
 } 
#map {
 margin:0;
 padding:0;
 width:1050px;
 height:512px;
background:url(../images/NewBuildingplan.jpg) top left no-repeat #fff;
}

#map li {
   margin:0;
   padding:0;
list-style:none;

      }

      #map li a {
 position:absolute;
         display:block;

          /*
   5.
             Specifying a background image
   6.
             (a 1px by 1px transparent gif)
   7.
             fixes a bug in older versions of
   8.
             IE that causeses the block to not
   9.
             render at its full dimensions.
  10.
          */

          background:url(../images/blank.gif);

      }
#map li a span { display:none; }

      #map li a:hover span {
    position:relative;
  display:block;
  width:300px;
    left:20px;
top:20px;
padding:0px;
border:1px solid #000;
background:#fff;
text-decoration:none;
color:#000;


      }
	  

#map a.l07 {
	top:127px;
	left:133px;
	width:80px;
	height:90px;

}
#map a.l05 {
	top:177px;
	left:298px;
	width:80px;
	height:90px;

}
#map a.l10 {
	top:225px;
	left:421px;
	width:46px;
	height:48px;

}

#map a.l06 {
	top:159px;
	left:541px;
	width:46px;
	height:48px;

}
#map a.l18 {
	top:189px;
	left:467px;
	width:46px;
	height:48px;

}
#map a.l08 {
	top:359px;
	left:124px;
	width:46px;
	height:48px;

}
#map a.l16 {
	top:277px;
	left:293px;
	width:46px;
	height:48px;

}
#map a.l14 {
	top:346px;
	left:302px;
	width:46px;
	height:48px;

}
#map a.l09 {
	top:367px;
	left:395px;
	width:46px;
	height:48px;

}
#map a.l12 {
	top:405px;
	left:691px;
	width:46px;
	height:48px;

}
#map a.l15 {
	top:295px;
	left:553px;
	width:46px;
	height:48px;

}
#map a.l13 {
	top:238px;
	left:251px;
	width:46px;
	height:48px;

}
#map a.l17 {
	top:356px;
	left:528px;
	width:46px;
	height:48px;

}
#map a.l19 {
	top:273px;
	left:647px;
	width:46px;
	height:48px;

}
#map a.l20 {
	top:265px;
	left:132px;
	width:46px;
	height:48px;

}
#map a.l01 {
	top:466px;
	left:132px;
	width:46px;
	height:48px;

}
#map a.l02 {
	top:530px;
	left:689px;
	width:46px;
	height:48px;

}
#map a.l04 {
	top:447px;
	left:433px;
	width:46px;
	height:48px;

}
#map a.l03 {
	top:409px;
	left:267px;
	width:46px;
	height:48px;

}