@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet - Main Screen Stylesheet is: /css/blueprint/screen.css

This website uses the "Blueprint Gutterless" method: http://github.com/bilson/gutterless_blueprint_css/tree/master

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2009.01
----------------------------------------------- */

/*the following style makes the right scrollbar appear on short pages so that the page doesn't jump when going from a scrollbar to no scrollbar */

html { 
	min-height: 100%; 
	margin-bottom: 1px; 
	overflow: -moz-scrollbars-vertical !important;
	}

body {
	margin: 0;
	font-family: arial, verdana, sans-serif;
	}
	
.container {
	margin: 0 auto;
	width: 990px;
	background: #fff url(/images/bg.gif) repeat-y center;
	}

#pageWidth {
	margin-left: 15px;
	width: 960px;
	}
	
#content {
	margin-top: 1px;
	border-top: 1px solid #cfecdb;
	padding: 25px 0 20px 0;
	}
	
	
/* 
HEADER --------------------- */
	
#pageTopItems {
	padding: 10px 0 0 0;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	}
	
#pageTopItems a {
	text-decoration: none;
	}
	
/*#pageTopItems .normal {
	font-size: 10px;
	line-height: 9px;
	}
	
#pageTopItems .medium {
	font-size: 11px;
	line-height: 9px;
	}
	
#pageTopItems .large {
	font-size: 12px;
	line-height: 9px;
	} */
	
#logo {
	padding-bottom: 10px;
	}
	
#logoSearch {
	}
	
input.gsc-input {
border:1px solid #BCCDF0;
padding-left:2px;
width:200px;
}

#logoText {
	padding: 17px 0 0 10px;
	color: #344286;
	font-size: 1.6em;
	font-family:"Lucida Grande","Lucida Sans Unicode", arial, sans-serif;
	letter-spacing: -0.9px;
	}
	
#search {
	float: right;
	text-align: right;
	padding: 20px 20px 0 0;
	width: 300px;
	}
	
#search form input[type="text"] {
	border:1px solid #777777;
	float:none;
	margin:0;
	padding:3px;
	}
	
#billPayButton {
	border: 1px solid #be434e;
	font-size: 10px;
	letter-spacing: .3px;
	font-weight: bold;
	height: 18px;
	width: 157px;
	margin-top: -2px;
	}
	
#billPayButton a {
	color: #fff;
	padding: 3px 18px 3px 14px;
	margin: 0;
	}
	
#billPayButton .buttonBG {
	border: 1px solid #cb5963;
	background: url(/images/bgContact.gif) repeat-x;
	height: 16px;
	padding: 0;
	}
	
	
/* 
NAVIGATION --------------------- */
	
#navMain{
	background: url(/images/bg_menu.gif) repeat-x;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	}
	
#navMain ul{
	margin: 8px 0 0 0;
	padding: 0;
	}
	
#navMain ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#home 	   		li#n-home a:link, 			#home li#n-home a:active, 						#home li#n-home a:visited,
#service			li#n-service a:link,			#service li#n-service a:active,					#service li#n-service a:visited,
#military		li#n-military a:link,			#military li#n-military a:active,					#military li#n-military a:visited,
#developers	li#n-developers a:link,		#developers li#n-developers a:active,		#developers li#n-developers a:visited,
#vendors		li#n-vendors a:link,			#vendors li#n-vendors a:active,				#vendors li#n-vendors a:visited,
#water			li#n-water a:link,				#water li#n-water a:active,						#water li#n-water a:visited,
#wastewater	li#n-wastewater a:link,	#wastewater li#n-wastewater a:active,		#wastewater li#n-wastewater a:visited,
#about			li#n-about a:link,			#about li#n-about a:active,						#about li#n-about a:visited,
#employment 	li#n-employment a:link,	#employment li#n-employment a:active,	#employment li#n-employment a:visited,
#info				li#n-info a:link,				#info li#n-info a:active,							#info li#n-info a:visited {
	color: #fff;
	background-color: #2aac58;
	}
	
#navMain ul li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #eff4fd;
	font-size: 13px;
	margin: 0;
	padding: 6px 18px 9px 18px;
	border-right: 1px solid #002f96;
	border-left: 1px solid #d6e1f4;
	}
	
#navMain ul li a:hover {
	color: #fff;
	}
	
#navMain ul li#n-home a {
	padding-left: 20px;
	border-left: none;
	}
	
#navMain ul li#n-info a {
	padding-right: 20px;
	border-right: none;
	}

/* 
nav secondary --------------------- */
	
#navSec ul {
	margin: 7px 0 0 0;
	padding: 0;
	text-align: left;
	}
	
#navSec ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
.what 	   	li#s-what a:link, 			.what li#s-what a:active, 					.what li#s-what a:visited,
.who			li#s-who a:link,			.who li#s-who a:active,					.who li#s-who a:visited,
.board		li#s-board a:link,		.board li#s-board a:active,				.board li#s-board a:visited,
.gm			li#s-gm a:link,			.gm li#s-gm a:active,					    .gm li#s-gm a:visited,
.news		li#s-news a:link,			.news li#s-news a:active,					.news li#s-news a:visited,
.awards		li#s-awards a:link,		.awards li#s-awards a:active,			.awards li#s-awards a:visited,
.videos		li#s-videos a:link,		.videos li#s-videos a:active,				.videos li#s-videos a:visited,
.critical		li#s-critical a:link,		.critical li#s-critical a:active,			    .critical li#s-critical a:visited,
.downtown	 li#s-downtown a:link,	.downtown li#s-downtown a:active,	.downtown li#s-downtown a:visited,
.railroad	 	li#s-railroad a:link,		.railroad li#s-railroad a:active,			.railroad li#s-railroad a:visited,

.start			li#s-start a:link,			.start li#s-start a:active,					.start li#s-start a:visited,
.connect		li#s-connect a:link,		.connect li#s-connect a:active,			.connect li#s-connect a:visited,
.pay			li#s-pay a:link,			.pay li#s-pay a:active,						.pay li#s-pay a:visited,
.problem	li#s-problem a:link,		.problem li#s-problem a:active,		.problem li#s-problem a:visited,
.rates		li#s-rates a:link,			.rates li#s-rates a:active,					.rates li#s-rates a:visited,
.bill			li#s-bill a:link,			.bill li#s-bill a:active,						.bill li#s-bill a:visited,
.meters 		li#s-meters a:link,		.meters li#s-meters a:active,			.meters li#s-meters a:visited,
.water 		li#s-serviceWise a:link,	.water li#s-serviceWise a:active,		.water li#s-serviceWise a:visited,

.quality			li#s-quality a:link,			.quality li#s-quality a:active,				.quality li#s-quality a:visited,
.treatment		li#s-treatment a:link,		.treatment li#s-treatment a:active,		.treatment li#s-treatment a:visited,
.delivery			li#s-delivery a:link,			.delivery li#s-delivery a:active,				.delivery li#s-delivery a:visited,
.save				li#s-save a:link,				.save li#s-save a:active,						.save li#s-save a:visited,
.efficiency		li#s-efficiency a:link,		.efficiency li#s-efficiency a:active,			.efficiency li#s-efficiency a:visited,
.conservation 	li#s-conservation a:link,	.conservation li#s-conservation a:active,	.conservation li#s-conservation a:visited,
.waterSupply 	li#s-waterSupply a:link, 	.waterSupply li#s-waterSupply a:active, 	.waterSupply li#s-waterSupply a:visited,
.management	 li#s-management a:link,	 .management li#s-management a:active,	 .management li#s-management a:visited,
.outages	 	li#s-outages a:link,	 		.outages li#s-outages a:active,	 		.outages li#s-outages a:visited,

.collection	 li#s-collection a:link,		.collection li#s-collection a:active,			.collection li#s-collection a:visited,
.wasteTreat li#s-wasteTreat a:link,	.wasteTreat li#s-wasteTreat a:active,	.wasteTreat li#s-wasteTreat a:visited,
.recycling	 li#s-recycling a:link,		.recycling li#s-recycling a:active,			.recycling li#s-recycling a:visited,

.business			li#s-business a:link,			.business li#s-business a:active,					.business li#s-business a:visited,
.technical			li#s-technical a:link,			.technical li#s-technical a:active,					.technical li#s-technical a:visited,
.availability		li#s-availability a:link,			.availability li#s-availability a:active,				.availability li#s-availability a:visited,
.development		li#s-development a:link,		.development li#s-development a:active,		.development li#s-development a:visited,
.fees					li#s-fees a:link,					.fees li#s-fees a:active,								.fees li#s-fees a:visited,

.opportunities		li#s-opportunities a:link,		.opportunities li#s-opportunities a:active,		.opportunities li#s-opportunities a:visited,
.application			li#s-application a:link,			.application li#s-application a:active,				.application li#s-application a:visited,
.benefits			li#s-benefits a:link,				.benefits li#s-benefits a:active,						.benefits li#s-benefits a:visited,
.career				li#s-career a:link,				.career li#s-career a:active,							.career li#s-career a:visited,
.faq					li#s-faq a:link,					.faq li#s-faq a:active,									.faq li#s-faq a:visited,
.intern				li#s-intern a:link,				.intern li#s-intern a:active,							.intern li#s-intern a:visited,

.vendorBusiness	li#s-vendorBusiness a:link,	.vendorBusiness li#s-vendorBusiness a:active,	.vendorBusiness li#s-vendorBusiness a:visited,
.registration		li#s-registration a:link,		.registration li#s-registration a:active,				.registration li#s-registration a:visited,
.suppliers			li#s-suppliers a:link,			.suppliers li#s-suppliers a:active,						.suppliers li#s-suppliers a:visited,
.terms				li#s-terms a:link,				.terms li#s-terms a:active,								.terms li#s-terms a:visited,
.policies				li#s-policies a:link,				.policies li#s-policies a:active,							.policies li#s-policies a:visited,
.bid					li#s-bid a:link,					.bid li#s-bid a:active,										.bid li#s-bid a:visited,
.deliveries			li#s-deliveries a:link,			.deliveries li#s-deliveries a:active,						.deliveries li#s-deliveries a:visited,

.infoWise			li#s-infoWise a:link,				.infoWise li#s-infoWise a:active,						.infoWise li#s-infoWise a:visited,
.know				li#s-know a:link,					.know li#s-know a:active,								.know li#s-know a:visited,
.thadColeman		li#s-thadColeman a:link,		.thadColeman li#s-thadColeman a:active,		.thadColeman li#s-thadColeman a:visited,
.directions			li#s-directions a:link,			.directions li#s-directions a:active,				.directions li#s-directions a:visited,
.freedom			li#s-freedom a:link,				.freedom li#s-freedom a:active,					.freedom li#s-freedom a:visited,
.publications		li#s-publications a:link,		.publications li#s-publications a:active,			.publications li#s-publications a:visited,
.sitemap			li#s-sitemap a:link,				.sitemap li#s-sitemap a:active,						.sitemap li#s-sitemap a:visited
 {
	color: #cc0000;
	}
	
.board			li#s-board a:link,		.	board li#s-board a:active,					.board li#s-board a:visited,
.quality			li#s-quality a:link,			.quality li#s-quality a:active,				.quality li#s-quality a:visited,
.developers	li#s-developers a:link,		.developers li#s-developers a:active,		.developers li#s-developers a:visited,
.save				li#s-save a:link,				.save li#s-save a:active,						.save li#s-save a:visited,
.publications	li#s-publications a:link,	.publications li#s-publications a:active,	.publications li#s-publications a:visited {
	border-bottom: none;
	}
	
#navSec ul li a {
	display: block;
	float: right;
	text-decoration: none;
	color: #156a33;
	font-size: 13px;
	line-height: 17px;
	width: 120px;
	margin: 0;
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #d1eddb;
	}
	
#navSec ul li a:hover {
	color: #002e10;
	}
	
#content #navSec img {
	border: none;
	}
	
	
/* 
nav-tertiary --------------------- */

#navSec ul li ul#navTer {
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 0 10px;
	width: 120px;
	}
	
#navSec ul li ul#navTer li {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
ul#navTer li#t-who a,
ul#navTer li#t-boardMembers a,
ul#navTer li#t-boardSchedule a,
ul#navTer li#t-boardAgenda a,
ul#navTer li#t-waterContent a,
ul#navTer li#t-waterTaste a,
ul#navTer li#t-waterBJWSASaves a,
ul#navTer li#t-waterYouSave a,
ul#navTer li#t-waterManagement a,
ul#navTer li#t-waterUse a,
ul#navTer li#t-waterLinks a,
ul#navTer li#t-customerGuide a,
ul#navTer li#t-newsletters a,		
ul#navTer li#t-waterQuality a,		
ul#navTer li#t-financialReports a,	
ul#navTer li#t-budgetReport a,
ul#navTer li#t-factSheets a,		
ul#navTer li#t-brochures a	{
	color: #156a33;
	}
	
.boardMembers 	ul#navTer li#t-boardMembers a:link,  	.boardMembers ul#navTer li#t-boardMembers a:active,  	.boardMembers ul#navTer li#t-boardMembers a:visited,
.boardSchedule 	ul#navTer li#t-boardSchedule a:link,  	.boardSchedule ul#navTer li#t-boardSchedule a:active,  	.boardSchedule ul#navTer li#t-boardSchedule a:visited,
.boardAgenda 	ul#navTer li#t-boardAgenda a:link,  	.boardAgenda ul#navTer li#t-boardAgenda a:active,  			.boardAgenda ul#navTer li#t-boardAgenda a:visited,
.management 	ul#navTer li#t-management a:link, 		.management ul#navTer li#t-management a:active, 			.management ul#navTer li#t-management a:visited,
.waterContent 	ul#navTer li#t-waterContent a:link, 		.waterContent ul#navTer li#t-waterContent a:active, 			.waterContent ul#navTer li#t-waterContent a:visited,
.waterTaste 		ul#navTer li#t-waterTaste a:link, 			.waterTaste ul#navTer li#t-waterTaste a:active, 				.waterTaste ul#navTer li#t-waterTaste a:visited,
.waterBJWSASaves 		ul#navTer li#t-waterBJWSASaves a:link, 			.waterBJWSASaves ul#navTer li#t-waterBJWSASaves a:active, 				.waterBJWSASaves ul#navTer li#t-waterBJWSASaves a:visited,
.waterYouSave 		ul#navTer li#t-waterYouSave a:link, 			.waterYouSave ul#navTer li#t-waterYouSave a:active, 				.waterYouSave ul#navTer li#t-waterYouSave a:visited,
.waterManagement 	ul#navTer li#t-waterManagement a:link, 	.waterManagement ul#navTer li#t-waterManagement a:active, 	.waterManagement ul#navTer li#t-waterManagement a:visited,
.waterUse 			ul#navTer li#t-waterUse a:link, 			.waterUse ul#navTer li#t-waterUse a:active, 						.waterUse ul#navTer li#t-waterUse a:visited,
.waterLinks 		ul#navTer li#t-waterLinks a:link, 			.waterLinks ul#navTer li#t-waterLinks a:active, 					.waterLinks ul#navTer li#t-waterLinks a:visited,
.newsletters 		ul#navTer li#t-newsletters a:link, 			.newsletters ul#navTer li#t-newsletters a:active, 					.newsletters ul#navTer li#t-newsletters a:visited,
.waterQuality 		ul#navTer li#t-waterQuality a:link, 			.waterQuality ul#navTer li#t-waterQuality a:active, 					.waterQuality ul#navTer li#t-waterQuality a:visited,
.financialReports 		ul#navTer li#t-financialReports a:link, 			.financialReports ul#navTer li#t-financialReports a:active, 					.financialReports ul#navTer li#t-financialReports a:visited,
.budgetReport 		ul#navTer li#t-budgetReport a:link, 			.budgetReport ul#navTer li#t-budgetReport a:active, 					.budgetReport ul#navTer li#t-budgetReport a:visited,
.factSheets 		ul#navTer li#t-factSheets a:link, 			.factSheets ul#navTer li#t-factSheets a:active, 					.factSheets ul#navTer li#t-factSheets a:visited,
.brochures 		ul#navTer li#t-brochures a:link, 			.brochures ul#navTer li#t-brochures a:active, 					.brochures ul#navTer li#t-brochures a:visited {
	color: #cc0000;
	padding-left: 10px;
	margin-left: -10px;
	background: url(/images/bullet_small_rt.gif) no-repeat 0 10px;
	}
	
ul#navTer li a {
	display: block;
	float: right;
	text-decoration: none;
	font-size: 11px;
	margin: 0;
	padding: 6px 0 0 0;
	border-bottom: none;
	line-height: 14px;
	}
	
ul#navTer li#t-who a:hover,
ul#navTer li#t-boardMembers a:hover,
ul#navTer li#t-boardSchedule a:hover,
ul#navTer li#t-boardAgenda a:hover,
ul#navTer li#t-management a:hover {
	color: #002e10;
	}
	
	
/* 
nav-home services --------------------- */	
		
#navService {
	padding: 10px 0 0 340px;
	font: verdana, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
#navService ul {
	list-style: none;
	margin: 9px 0 0 0;
	}
	
#navService ul li {
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #6e87b4;
	}
	
#navService a {
	color:#efefef;
	text-decoration: none;
	width: 196px;
	font-size: 15px;
	}
	
#navService a:hover {
	color:#fff;
	}
	
#knowButton {
	float: left;
	margin: 16px 0 23px 0;
	}
	
#knowButton a:link, #knowButton a:active, #knowButton a:visited {
	float: left;
	text-indent:-9999px;
	width: 211px;
	height: 36px;
	background: transparent url(/images/btn_know.gif) no-repeat 0 0;
	overflow: hidden;
	}
	
#knowButton a:hover {
	background-position: 0 -36px;
	}
	
#saveButton {
	float: right;
	margin: 16px 0 23px 0;
	}
	
#saveButton a:link, #saveButton a:active, #saveButton a:visited {
	float: left;
	text-indent:-9999px;
	width: 136px;
	height: 36px;
	background: transparent url(/images/btn_savewater.gif) no-repeat 0 0;
	overflow: hidden;
	}
	
#saveButton a:hover {
	background-position: 0 -36px;
	}
	
	
/* 
LAYOUT --------------------- */
		
#bannerHome{
	}
	
#emergency {
	margin: 25px 30px 20px 44px;
	}
	
#photoHome{
	height: 407px;
	background: #dddfe5 url(/images/photo_home.jpg) no-repeat;
	}
	
#alertsHome {
	height: 407px;
	overflow: auto;
	width: 360px;
	background: #f9f9fb url(/images/bg_alerts.jpg) no-repeat;
	border-left: 10px solid #dddfe5;
	}
	
#leftColumn, #middleColumn, #rightColumn {
	margin: 0 0 0 0;
	}
	
#emergency #leftColumn {
	float: left;
	width: 620px;
	}
	
#emergency #rightColumn {
	float: left;
	width: 220px;
	}
	
#emergency #leftColumn {
	margin-right: 40px;
	}
	
.memberBio {
	float: left;
	margin: 0;
	padding: 0 0 32px 0;
	width: 233px;
	}
	
#content .memberBio img {
	padding: 3px;
	margin: 0;
	}
	
.memberBio .cityName {
	font-style: italic;
	margin: 0 0 5px 0;
	width: 300px;
	}
	
.memberBio .title {
	font-weight: bold;
	margin: 0 0 4px 0;
	width: 350px;
	}
	
.datePosted {
	margin: -6px 0 0 0;
	}
	
.news .date {
	font-style: italic;
	padding-bottom: 15px;
	border-bottom:1px dotted #9bd4af;
	}
	
.meetingLocation {
	margin: 0;
	}
	
.meetingTime {
	margin: 0 0 18px 0;
	}
	
.managerListingTop {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 18px 0;
	font-size: 13px;
	}
	
.managerListing {
	display: block;
	margin: 0 40px 0 0;
	padding: 10px 0 18px 0;
	font-size: 13px;
	width: 300px;
	border-top: 1px solid #dfdfdf;
	}
	
.managerListingFirst {
	margin: 0 40px 0 0;
	padding: 10px 0 18px 0;
	border-top: none;
	}
	
#content .email {
	border: none;
	}
	
body.boardMembers #content .memberBio img.email {
	padding: 0;
}
	
.manager {
	margin: 2px 0 3px 0;
	padding: 0;
	font-size: 17px;
	line-height: 17px;
	width: 350px;
	font-family:"Lucida Grande","Lucida Sans Unicode", arial, sans-serif;
	letter-spacing: -0.5px;
	}
	
.phone {
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.managerContact {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 10px 0 0 0;
	}
	
.managerAdmin {
	}
	
.title {
	font-weight: bold;
	}
	
.email {
	font-size: 11px;
	}
	
.pdf {
	font-size: 9px;
	}
	
#mainContent img.contentPhoto {
	padding: 2px;
	margin: 0;
	background-color: #fff;
	border: 1px solid #d7dfed;
	}
	
#services #mainContent img.contentPhoto {
	margin: 0 0 0 15px;
	}
	
.awards {
	margin: 0 20px 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #afafaf;
	}
	
.news .name {
	font-size: 15px;
	line-height: 18px;
	margin: 10px 0 6px 0;
	}
	
.awards .name {
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 6px 0;
	}
	
.awards img {
	padding: 0 0 12px 0;
	}
	
.question {
	font-size: 19px;
	font-weight: bold;
	color: #555;
	}
	
.questionMessageDate {
	font-style: italic;
	}
	
#contact #column1, #contact #column2, #contact #column3 {
	float: left;
	height: 150px;
	border-right: 1px solid #b2c8d3;
	padding-right: 40px;
	margin: 15px 30px 0 0;
	height: 800px;
	}
	
#contact #column1 {
	width: 210px;
	}
	
#contact #column2 {
	width: 180px;
	padding-left: 20px;
	}
	
#contact #column3 {
	width: 210px;
	border: none;
	padding: 0 25px 25px 25px;
	}
	
	
#contact #bodyText {
	margin: 0 0 0 80px;
	}
	
.row {
	float: left;
	}
	
#tools {
	float: left;
	margin: 35px 0 0 0;
	width: 150px;
	}
	
#tools a {
	color: #2aac58;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}
	
.red {
	color: #cc0000;
	}
	
#belowColumns {
	clear: both;
	padding-top: 20px;
	}

/* 
LINKS --------------------- */
	
a:link {
	color: #435fe3;
	text-decoration: none;
	}
	
a:visited {
	color: #990099;
	text-decoration: none;
	}
	
a:hover {
	color: #cc0000;
	text-decoration: underline;
	}
	
/* 
TEXT & IMAGERY  --------------------- */
	
p {
	font-size: 14px;
	line-height: 21px;
	color: #444;
	}
	
p.lessMargin {
	margin-bottom: 0.5em;	
}
		
.largeText {
	font-size: 18px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.last {
	padding: 0 0 20px 0;
	}
	
#alertsHome p {
	margin: 0 0 6px 7px;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	}	
	
#military #column1 p {
	font-size: 14px;
	padding-left: 20px;
	padding-right: 15px;
	}
		
#military #column2 p {
	margin: 0 30px 15px 0;
	font-size: 14px;
	line-height: 21px;
	}
	
#military #column2 p.largeText {
	font-size: 16px;
	line-height: 23px;
	}
	
#alertsHome p.more {
	margin-bottom: 15px;
	}
	
p.red {
	color: #cc0000;
	}
	
p.selfIdentify {
	margin: 20px 0 5px 0;
	}
	
p.releaseEnd {
	text-align:center;
	}
	
p.noBtmPad {
	padding: 0;
	margin: 0 0 2px 0;
	}
	
p.linkUnderPhoto {
	margin: 0 0 0 30px;
	}
	
#content img.topRight {
	margin: 0 6px 0 20px;
	}
	
#content .fltrt img {
	border: 1px solid #b0b6c3;
	padding: 5px;
	}
	
img.fltrt-photo {
	padding: 0 0 20px 20px;
	float: right;
}
	
#content .fltrt img.noborder {
	border: none;
	padding: 5px;
	}
	
.small {
	font-size: 10px;
	}
	
.elevenpx {
	font-size: 11px;
	}
	
#belowNavSec {
	float: left;
	margin: 30px 0 0 0;
	}
	
#content #belowNavSec img {
	border: none;
	}
	
hr {	
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #333; 
	border-style: none none dotted;
	}
	
table.management hr {
	width: 300px;
	}
	
.directionListing {
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #999;
	width: 240px;
	}
	
#military #column1 {
	float: left;
	width: 283px;
	margin: 10px 40px 0 30px;
	background-color: #ebf3d7;
	border: 1px solid #6bd691;
	padding: 0;
	_margin: 10px 20px 0 15px;
	}
	
#military #column2 {
	float: right;
	width: 605px;
	margin: 18px 0 0 0;
	}
	
	
/* 
HEADINGS --------------------- */
		
h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande","Lucida Sans Unicode", arial, sans-serif;
	}
h1 {
	color: #189444;
	font-size: 2.5em;
	margin: 15px 0 18px 0;
	line-height: 1.2em;
	letter-spacing: -1.1px;
	}
	
#home h1 {
	font-size: 1.9em;
	margin: 20px 0 14px 7px;
	color: #c62b42;
	}
	
#military h1 {
	font-size: 20px;
	}
	
#emergency h1 {
	font-size: 2.8em;
	color: #cc0000;
	margin: 20px 0 20px 0;
	padding-bottom: 5px;
	border-bottom: 5px solid #cc0000;
	font-weight: bold;
	}
	
 h2 {
	text-align: left;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 1.7em;
	color: #222;
	line-height: 1.3em;
	font-weight:bold;
	letter-spacing: .015em;
	}
	
#military h2 {
	font-size: 2.4em;
	color: #2aac58;
	margin: 0 0 5px 0;
	font-weight:normal;
	letter-spacing: -0.5px;
	}
	
h2.gradientBG {
	padding: 7px 0 26px 0;
	margin: 0 0 15px 0;
	font-size: 1.5em;
	background: url(/images/bg_twoColGradient.jpg) no-repeat;
	border-bottom: 1px solid #eaeff8;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	}
	
#home h2 {
	text-align: left;
	font-weight: bold;
	padding: 49px 0 0 340px;
	font-size: 1.4em;
	color: #fff;
	line-height: 1.2em;
	letter-spacing: -0.5px;
	}
	
#employment #mainContent h2 {
	margin: 18px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px solid #999;
	}
	
#employment #mainContent h2.first {
	margin: 0;
	border-top: none;
	}
	
#emergency h2 {
	color: #cc0000;
	padding: 0 0 20px 0;
	font-size: 2.0em;
	}
	
#sidebar h2 {
	text-align: left;
	font-weight: normal;
	padding: 26px 0 3px 0;
	font-size: 1.6em;
	color: #08722e;
	line-height: 1.2em;
	border-bottom: 2px solid #189444;
	letter-spacing: -0.8px;
	}
	
.news h2 {
	padding-top: 10px;
	font-weight: bold;
	color: #000;
	}
	
h3 {
	font-size: 1.7em;
	line-height: 1.3em;
	letter-spacing: -0.15px;
	margin: 0 0 10px 0;
	}
	
.directions h3 {
	font-size: 1.5em;	
}
		
.memberBio h3 {
	margin: 5px 0 3px 0;
	font-size: 1.5em;
	}
	
table.availability h3 {
	margin: 18px 0 10px 0;
	font-size: 1.5em;
	}
	
h4 {
	margin: 13px 0 10px 14px;
	font-size: 1.3em;
	letter-spacing: -0.3px;
	}
	
#home h4 {
	margin-left: 7px;
	margin-bottom: 5px;
	letter-spacing: -0.5px;
	}
	
h5 {
	font-size: 1.1em;
	margin: 0 0 2px 0;
	padding: 0;
	color: #333;
	}
	
.learnMore h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 3px 0 10px 0;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	}
	
.boardAgenda h5 {
	font-size: 1.3em;
	font-family: arial, verdana, sans-serif;
	}
	
.callOut h5, .callOutNarrow h5 {
	background: url(/images/callOutTop.gif) no-repeat;
	color: #fff;
	height: 37px;
	padding: 11px 0 0 25px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	text-transform: uppercase;
	width: 281px;
	font-weight: normal;
	}
	
.callOutNarrow h5 {
	background: url(/images/callOutTopNarrow.gif) no-repeat;
	width: 222px;
	}
	
.callOut h6 {
	padding: 3px 0 10px 25px;
	}
	
.callOut, .callOutNarrow {
	clear: both;
	float: right;
	margin: 20px 0 20px 40px;
	width: 281px;
	background: url(/images/bgCallOut.gif) repeat-y;
	}
	
.callOutNarrow {
	width: 222px;
	margin: 20px 0 0 40px;
	background: url(/images/callOutNarrow.gif) repeat-y;
	}
	
.callOut p, .callOutNarrow p {
	float: left;
	padding: 0 15px 10px 25px;
	margin: 0;
	}
	
.callOutBtm, .callOutBtmNarrow {
	float: right;
	background: url(/images/callOutBtm.gif) no-repeat;
	color: #fff;
	height: 16px;
	width: 281px;
	}
	
.callOutBtmNarrow {
	background: url(/images/callOutBtmNarrow.gif) no-repeat;
	width: 222px;
	}
	
.callOut ul {
	float: left;
	padding: 0 15px 15px 25px;
	margin: 0;
	}
	
.callOutContact {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 6px 0 0 25px;
	}
	
.newsReleaseAll p {
	float: left;
	padding: 10px 0 0 40px;
	}
	
p.smallBodyTop {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin-top: -16px;
	}
	
	
/*
LEFT AND RIGHT ALIGN --------------------- */

 /* these classes can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	
.fltrt {
	float: right;
	padding: 0 0 20px 10px;
	}
	
#rightColumn .fltrt {
	margin: 70px 0 0 0;
	}

.fltlt { 
	float: left;
	padding-right: 0px;
	}
	
.brochures .fltlt { 
	float: left;
	padding-right: 50px;
	}
	
.start .fltlt {
	padding-right: 15px;
	padding-left: 10px;
	}
	
.fltrt img {
	padding-bottom: 20px;
	margin-left: 20px;
	}
	
#military .fltlt img {
	margin: 0 0 10px 0;
	}
	
#content img.border {
	border: 1px solid #999;
	padding: 0;
	}
	
#content .fltrt img.tall {
	margin: 0 40px 0 50px;
	}
	
.borderButton {
	border-top: 1px solid #b2c8d3;
	padding: 10px 0 2px 0;
	margin: 20px 0 15px 0;
	border-bottom: 1px solid #b2c8d3;
	}
	
	
/* 
LISTS --------------------- */

ul {
	margin: 0 0 15px 15px;
	padding: 0;
	font-size: 14px;
	}
	
ul li {
	margin: 0 0 5px 0;
	padding: 0;
	}
	
ul.phone {
	margin-bottom: 10px;
	}
	
ul.phone li {
	padding: 0 0 0 17px;
	margin: 0;
	list-style: none;
	}
	
ul.check {
	margin-bottom: 15px;
	}
	
ul.check li {
	padding: 0 0 0 19px;
	margin: 0 0 4px 0;
	list-style: none;
	background: url(/images/bulletCheck.gif) no-repeat 0 4px;
	}
	
ul.bullet {
	margin-bottom: 15px;
	}
	
ul.bullet li {
	padding: 0 0 0 14px;
	margin: 0 0 4px 0;
	list-style: none;
	background: url(/images/bulletSquare.gif) no-repeat 0 9px;
	}
	
ul.docs {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 14px;
	}
	
ul.docs li {
	padding: 0 0 0 19px;
	margin: 0 0 4px 0;
	list-style: none;
	background: url(/images/bullet_document.gif) no-repeat 0 6px;
	}
	
ul.sitemap {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 16px;
	}
	
ul.sitemap li {
	padding: 0 0 0 15px;
	margin: 0 0 4px 0;
	list-style: none;
	}
	
ul.sitemap li ul {
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 13px;
	}
	
ul.sitemap li ul li {
	list-style: disc;
	color: #555;
	padding: 0;
	margin: 0 0 0 20px;
	}
	
ul.sitemap li  ul li ul li{
	font-size: 12px;
	}
	
ul.newsletters {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	}
	
ul.newsletters li {
	padding: 0 0 0 19px;
	margin: 0 0 4px 0;
	list-style: none;
	background: url(/images/bullet_waterdrop.gif) no-repeat 0 3px;
	}
	
ul.weblink {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	}
	
ul.weblink li {
	padding: 0 0 0 17px;
	margin: 0 0 4px 0;
	list-style: none;
	background: url(/images/bulletWeblink.gif) no-repeat 0 6px;
	}
	
.directionListing ul {
	margin: 0 0 10px 5px;
	padding: 0;
	}
	
.directionListing ul li {
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	list-style: none;
	background: url(/images/bulletDirections.gif) no-repeat 0 8px;
	}

ul.dates {
	font-size: 14px;
	margin: 10px 0 0 30px;
	}
	
ul.dates li {
	margin: 0 0 5px 0;
	}
	
.awards ul {
	font-size: 12px;	
	margin-top: 10px;
}
	
ol {
	margin: 0 0 0 30px;
	font-weight: bold;
	font-size: 14px;
	}
	
ol.procedures {
	font-size: 15px;
	width: 550px;
	}
	
ol.procedures li {
	margin: 0 0 11px 0;
	}
	
ol span {
	font-weight: normal;
	} 
	
ol.roman {
	margin: 0 0 0 30px;
	list-style-type: upper-roman;
	}
	
ol li {
	margin: 0 0 8px 0;
	}
	
ol li ol {
	list-style-type: upper-alpha;
	}
	
ul.newsReleaseData {
	font-family: verdana, arial, sans-serif;
	list-style: none;
	font-size: 11px;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#bodyTop ul {
	font-size: 14px;
	}

#leftColPhone {
	float: left;
	}
		
#leftColPhone ul {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0;
	}
	
#leftColPhone ul li {
	margin: 0 0 10px 0;
	}
	
ul.noBullet {
	list-style: none;
	}
	
ul.noBullet ul {
	margin-top: 10px;
}
	
ul.large {
	font-size: 15px;
	}
	
ul.large li {
	line-height: 24px;
	}
	
/* html body#employment ul li {
	position: relative; 
	}*/
		
ul li.financial, ul li.affairs {
	margin-top: -5.4em;
	}
	
ul li.financial, ul li.hr, ul li.maintenance {
	margin-left: 15em;
	}
	
ul li.affairs, ul li.wastewater, ul li.water {
	margin-left: 30em;
	}

/* 
TABLES --------------------- */

td {
	vertical-align: top;
	}

table.employment, table.newservice, table.management, table.vendor, table.rfp {
	width: 700px;
	}
	
table.vendors {
	width: 600px;
	}
	
table.availability {
	width: 500px;
	}
	
table.fourFifty {
	width: 450px;
	}
	
table.rfp {
	padding-bottom: 3px;
	border-bottom: 3px solid #ccc;	
}

table.rfp td {
	border-bottom: 1px solid #ddd;	
}
	
table.emergency {
	border: 1px solid #aaa;
	width: 450px;
	}
	
table.emergency th {
	font-size: 11px;
	text-transform: none;
	}
table.emergency td {
	border-bottom: 1px solid #aaa;
	}
	
table.businessType {
	width: 500px;
	}
	
table.businessType td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #dfdfdf;
	}
	
table.employmentFirst, table.newserviceFirst {
	margin-bottom: 0px;
	}

table.employment td, table.newservice td, table.vendor {
	padding: 7px 10px 7px 0;
	vertical-align: top;
	}
	
table.employment td.dates {
	padding: 0 10px 0 0;
	vertical-align: top;
	}
	
table.employment td.dateLabels {
	float: left;
	text-align: right;
	font-style: italic;
	width: 30px;
	}

table.employment td.dateDropdowns {
	float: left;
	}
	
table.employment td.salary {
	float: left;
	}
	
table.employment td.borderTopBottom, table.newservice td.borderTopBottom {
	margin: 10px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
table.employment td.borderBottom, table.newservice td.borderBottom {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ddd;
	}
	
table.nestedTable {
	margin: -14px 0 0 0;
	}
	
table.management td {
	width: 300px;
	}
	
table.availability table.nestedTable {
	margin: 0 0 0 -5px;
	}
	
table.vendor table.nestedTable {
	margin: 0 0 0 -5px;
	}
	
th {
	font-size: 1.2em;
	padding: 8px 0 8px 5px;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background-color: #3a60a6;
	}
	
table.employment td.top, table.vendor td.top {
	padding-top: 15px;
	}
	
table.employeeBenefits {
	border-top: 2px solid #cddaf2;
	padding-top: 10px;
	}
	
table.employeeBenefits p {
	font-size: 13px;
	}
	
table.employeeBenefits tr.odd td {
	background-color: #fff;
	}
	
table.employeeBenefits tr.even td {
	background-color: #eaf0fc;
	}
	
table.employeeBenefits table tr.even td {
	background-color: #fff;
	}

table.employeeBenefitsNested {
	border-top: 5px solid #eaf0fc;
	}
	
table.employeeBenefitsNested td {
	border-bottom: 1px solid #eaf0fc;
	}

table.newsRelease td {
	vertical-align: top;
	width: 230px;
	padding: 5px 40px 10px 0;
	}
	
table.bid {
	border: 1px solid #cfecdb;
	}
	
table.bid td {
	padding: 12px 0 15px 5px;
	border-bottom: 1px solid #cfecdb;
	border-right: 1px solid #cfecdb;
	}
	
.learnMore {
	float: right;
	margin: 0;
	}
	
.learnMore table {
	width: 760px;
	background: url(/images/bg_learnMore.jpg) no-repeat;
	border-top: 9px solid #85c6e8;
	}
	
#military .learnMore table {
	width: 605px;
	background: url(/images/bg_learnMore.jpg) no-repeat;
	border-top: 9px solid #85c6e8;
	}
	
table.siteMap {
	width: 600px;
	}
	
table.siteMap td {
	padding-right: 50px;
	}
	
.learnMore table th {
	text-transform: none;
	font-size: 16px;
	padding: 7px 0 10px 20px;
	color: #333;
	border: none;
	background: transparent;
	font-family:"Lucida Grande","Lucida Sans Unicode", arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	}
	
.learnMore table td {
	vertical-align: top;
	font-size: 15px;
	padding: 8px 15px 10px 20px;
	line-height: 18px;
	}
	
.learnMore p {
	line-height: 1.3em;
	}
	
.learnMore img {
	border: 1px solid #ebebeb;
	padding: 5px;
	background: #fff;
	}
	
	
/* 
IMAGE MAP --------------------- */

#imageMap {
	float: left;
	}
	
ul#map {
	position:relative;
	margin:0 0 0 0;
	padding:0;
	width:651px;
	height:852px;
	background:url(/images/graphicBillUnderstanding.gif) no-repeat;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
}

ul#map li {
	margin:0;
	padding:0;
	list-style:none;
	}
	
ul#map li ul li {
	margin:0;
	padding:0;
	list-style: disc;
	font-size: 11px;
	}

ul#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(/images/spacer.gif);
	}

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

ul#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px 5px 5px 8px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=95);
	opacity:0.95;
	}
	
ul#map li a:hover span.wide {
	width:600px;
	}
	
ul#map li a:hover span.medium {
	width:400px;
	}

ul#map a.one {
	left: 49px;
	top: 183px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.two {
	left: 116px;
	top: 180px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.three {
	left: 365px;
	top: 180px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.four {
	left: 436px;
	top: 180px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.five {
	left: 105px;
	top: 229px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.six {
	left: 178px;
	top: 222px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.seven {
	left: 248px;
	top: 222px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.sixb {
	left: 294px;
	top: 226px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.sevenb {
	left: 352px;
	top: 224px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.eight {
	left: 397px;
	top: 218px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.nine {
	left: 490px;
	top: 218px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.ten {
	left: 553px;
	top: 215px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.eleven {
	left: 32px;
	top: 394px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.thirteen {
	left: 336px;
	top: 729px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
ul#map a.twelve {
	left: 76px;
	top: 729px;
	width: 32px;
	height: 32px;
	text-decoration:none;
	}
	
#emergency ol {
	font-weight: normal;
	}

	
/* 
FORMS --------------------- */

form input[type="text"] {
	border: 1px solid #777;
	margin: 0;
	padding: 3px;
	float: left;
	}
	
form input.right[type="text"] {
	float: right;
	}
	
form input.rightType[type="text"] {
	float: right;
	margin-left: 10px;
	}

	
form input[type="radio"] {
	margin: 10px 2px 0 0;
	padding: 0;
	}
	
form input.noborder {
	border: none;
	padding: 3px 0;
	}
	
form select {
	border: 1px solid #777;
	margin: 0 5px 0 0;
	padding: 3px;
	}
	
label {
	display: inline;
	}
	
label.left {
	display: block;
	float: right;
	padding: 0 0 15px 0;
	text-align: right;
	}
	
textarea {
	float: left;
	height: auto;
	width: auto;
	border: 1px solid #777;
	}
	
form .uppercase {
	text-transform: uppercase;
	}

/* The following style hides an emailAddress form field. This technique is used to fool spam bots. Any form with this hiddden field filled in is assumed to be from a spam bot. More info: http://www.dynamixlabs.com/2008/03/26/php-a-simple-way-to-fight-spam-on-your-contact-form */

/*
#url {
	position:absolute;
	margin-left:-5000px;
	}
	
	*/
	
/* 
FOOTER --------------------- */
	
#footer {
	float: left;
	height: 90px;
	margin: 45px 0 0 0;
	background: #f8fafe url(/images/bgFooter2.gif) repeat-x;
	border-top: 10px solid #567abf;
	border-bottom: 1px solid #85a1d6;
	_margin-left: -3px;
	}
	
#home #footer {
	margin: 0;
	}
	
#footer a {
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#footer p.address {
	padding: 18px 30px 11px 0;
	margin: 0;
	font-size: 12px;
	text-align: center;
	line-height: 28px;
	}
	
#copyright {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(/images/bg_copyright.gif) no-repeat center top;
	display: inline;
	}

#copyright p {
	text-align: center;
	padding: 14px 0 0 0; 
	font-size: 10px;
	color: #999;
	}
	
#copyright a {
	color: #8194ee;
	text-decoration: none;
	}
	
#copyright a.grey {
	color: #999;
	text-decoration: none;
	}
	
#copyright a:hover {
	color: #8194ee;
	text-decoration: underline;
	}
	
.facebook {
	text-align: center;
	clear: both;
	margin: 0 auto;
	padding-top: 80px;
}

.facebookHome {
	display: inline;
}