/* Company Name - CSS Document */

body {
	background:#fdfdfd url(../images/bg.jpg) no-repeat top center;
	margin:0;
}



/**** HEADINGS ****/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3a3a3a;
	line-height:1.5em;
	margin:0px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#3a3a3a;
	line-height:1.5em;
	margin:0 0 .3em 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3a3a3a;
	line-height:1.5em;
	margin:0 0 .5em 0;
}

/**** CONTENT ****/

p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:1.7em;
	margin:0 0 1em 0;
}

/**** PUBLICATION STYLE****/

.title {
clear:both; 
width:180px; 
height:22px; 
margin:0 0 0 0; 
float:none; 
font-size:16px; 
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold; 
padding: 5px; 
text-align:center;
}

.fourissuecontainer {
width:520px; 
height:130px; 
margin:50px auto 0 75px;
padding:5px 5px 5px 5px;

}

.smallcover {
	width:90px; 
	height:125px; 
	margin:5px 5px 5px 20px; 
	float:left; 
	padding:0 0 0 0;
}

.fourissuecontainerlabel {
	width:520px; 
	height:25px; 
	margin:5px auto 0 75px;
	padding:0 5px 0 5px
}

.smallcoverlabel {
	width:90px; 
	height:20px; 
	margin:5px 5px 15px 20px; 
	float:left;
	padding:0 0 0 0;
	text-align:center;
}

.largecover {
	width: 175px;
	height: 225px;
	margin: 500px auto 40px auto;
}


.tablecontainer {
	width: 500px;
	height: 500px;
	margin: 0 auto 0 100px;
}

.tabletext {
	height:14px;
	float: left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:100;
	font-style:normal;
	color:#000;
	line-height:1.7em;
	margin: 0 0 2px 3px;
	padding: 0 0  0 .5em;
	white-space:normal;
	height:auto;
}

.tabletextby {
height:14px;
float: left;
clear: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
font-style:italic;
color:#000;
line-height:1.7em;
margin: 0 0 20px 3px;
padding: 0 0  0 .5em;
}


/**** BODY STRUCTURE ****/

.staffContainer {
clear:both; 
width:310px; 
height:100px; 
margin:0 0 15px 0; 
float:left
}

.staffContainerRight {
 width:300px; 
 height:100px; 
 margin:0 0 15px 0; float:right;
 
}

.staffPic {
	width:120px; height:95px;
	margin:0 10px 0 0;
	padding:0;
	float:left; clear:left;
}
.staffInfo {
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold; padding: 0px;
}

.divider {
	border-bottom:1px solid #c7c7c7;
	margin:0 0 10px 0;
	height:5px;
}



.img {
	margin:0 15px 10px 0;
}

.container {
	width:994px;
	margin:0 auto;
	padding:0;
}

.header {
	width:980px;
	height:207px;
	margin:0 auto;
	padding:0;
	position:relative;
}



	/*** HEADER AREA ***/
	
		a.logo {
			background:url(../images/logo.jpg) no-repeat;
			width:453px;
			height:120px;
			margin:0;
			padding:0;
			display:block;
			cursor:pointer;
			float:left;
			text-indent:-999em;
		}
		
		.navbar {
			width:992px;
			height:76px;
			margin:0 auto;
			padding:0;
			clear:both;
		}
	
	/*** RIGHT SIDE ***/
	
		.topInfo {
			float:right;
			width:400px;
			height:20px;
			margin:15px 0 0 0;
			padding:0;
		}
		
		.search {
			width:210px;
			margin:0 0 20px 0;
			padding:0;
			float:right;
		}
		
		.searchBG {
			background:url(../images/search-bg.jpg) no-repeat !important;
			width:161px;
			height:20px;
			margin:0;
			padding:5px 6px 0 6px;
			border:0 !important;
			float:left;
		}
		
		input.submitBtn {
			background:url(../images/go-btn.jpg) no-repeat;
			width:30px;
			height:25px;
			margin:0;
			padding:0;
			display:block;
			text-indent:-999em;
			border:0;
			float:right;
		}

		.top {
			border-bottom:1px solid #E9E9E9;
			margin:0 0 0 7px;
			padding:0 10px;
			width:960px;
			height:35px;
		}
	/*** END HEADER AREA ***/


.bodyArea {
	background:url(../images/body-bg.jpg) no-repeat top;
	width:954px;
	min-height:500px;
	margin:0 auto;
	padding:11px 20px;
	clear:both;
}

.calendarbodyarea {
background-color:#FFFFFF;
	width:954px;
	min-height:500px;
	margin:0 auto;
	padding:11px 20px;
	clear:both;
	}
div.clear {
	clear:both; 
	margin:0;
	padding:0;
}

	/*** BODY AREA ***/

	
	.leftCol {
		width:665px;
		margin:0;
		padding:0;
		float:left;
		position:relative;
	}
	
	.rowContainer {
		clear:both;
		float:left;
		margin:10px 0 0 0;
		padding:0;
	}
		/*** ROW ONE ***/
		.rowOne {
			width:218px;
			float:left;
			margin:0 5px 0 0;
			padding:0;
		}
			.rowOneTitle {
				background:#5594ae;
				width:208px;
				height:21px;
				margin:0;
				padding:2px 5px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:100;
				color:#fff;
				text-transform:uppercase;
			}
			.rowOneBG {
				background:#f7f7f7;
				width:206px;
				margin:0;
				padding:5px;
				border:1px solid #ebebeb;
			}
			
			a.rowOneTextTitle {
				color:#5594ae;
				font-weight:bold;
				text-decoration:none;
			}
			a.rowOneTextTitle:visited {
				color:#5594ae;
				font-weight:bold;
				text-decoration:none;
			}
			a.rowOneTextTitle:hover {
				color:#5594ae;
				font-weight:bold;
				text-decoration:underline;
			}
			a.rowOneTextTitle:active {
				color:#5594ae;
				font-weight:bold;
				text-decoration:none;
			}
			
			a.rowOneDate {
				color:#000033;
				font-weight:bold;
				text-decoration:none;
			}
			a.rowOneDate:visited {
				color:#000033;
				font-weight:bold;
				text-decoration:none;
			}
			a.rowOneDate:hover {
				color:#000033;
				font-weight:bold;
				text-decoration:underline;
			}
			a.rowOneDate:active {
				color:#000033;
				font-weight:bold;
				text-decoration:none;
			}
			
			
		/*** ROW TWO ***/
		.rowTwo {
			width:218px;
			float:left;
			margin:0 5px 0 0;
			padding:0;
		}
			.rowTwoTitle {
				background:#d86100;
				width:208px;
				height:21px;
				margin:0;
				padding:2px 5px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:100;
				color:#fff;
				text-transform:uppercase;
			}
			.rowTwoBG {
				background:#efefef;
				width:206px;
				margin:0;
				padding:5px;
				border:1px solid #d8d8d8;
			}
			
			.rowTwoTextTitle {
				color:#d86100;
				font-weight:bold;
			}
		/*** ROW THREE ***/
		.rowThree {
			width:218px;
			height:inherit;
			float:left;
			margin:0;
			padding:0;
		}
			.rowThreeTitle {
				background:#3b6a7f;
				width:208px;
				height:21px;
				margin:0;
				padding:2px 5px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:100;
				color:#fff;
				text-transform:uppercase;
			}
			.rowThreeBG {
				background:#f7f7f7;
				width:206px;
				margin:0;
				padding:5px;
				border:1px solid #ebebeb;
			}
			
			.rowThreeTextTitle {
				color:#3b6a7f;
				font-weight:bold;
			}
		
		p.rowText {
			margin:0;
			padding:8px 0;
			border-bottom:1px solid #acacac;
		}	
	
.banner {
	width:665px;
	height:273px;
	margin:0;
	padding:0;
	position:relative;
}

/*** BANNER NAV ***/
.mini-nav {
	position:absolute;
	top:244px;
	left:534px;
	z-index:15;
	margin:0;
	padding:0;
}
div.mini-nav ul.mini-nav-list {
	list-style-type:none;
	margin:6px 0 0 7px;
	padding:0;
}
div.mini-nav ul.mini-nav-list li {
	float:left;
	margin:0;
	padding:0;
}
div.mini-nav ul.mini-nav-list li a {
	color:#fff;
	width:10px;
	height:10px;
	margin:0 2px;
	padding:0;
	border:1px solid #95b1cb;
	cursor:pointer;
	display:block;
	text-align:center;
	text-decoration:none;
	background-color:#FFFFFF;
}
div.mini-nav ul.mini-nav-list li a:hover {
	background-color:#A4B800;
	border:1px solid #95b1cb;
	color:#333;
	text-decoration:none;
}
div.mini-nav ul.mini-nav-list li a.activeSlide {
	background-color:#006a35;
	color:#333;
	text-decoration:none;
}
div.mini-nav ul.mini-nav-list li a.nav0 {
	border-right:1px solid #AAAAAA;
}
div.mini-nav ul.mini-nav-list li a.nav1 {
	border-right:1px solid #AAAAAA;
}
div.mini-nav ul.mini-nav-list li a.nav2 {
	border-right:1px solid #AAAAAA;
}
/*** END BANNER NAV ***/
	
	.rightCol {
		width:280px;
		margin:0;
		padding:0;
		float:Right;
	}
	
	h2 a.callOut1 {
		background:url(../images/got-maps.jpg) no-repeat;
		margin:0;
		padding:0;
		width:283px;
		height:133px;
		cursor:pointer;
		display:block;
		text-indent:-999em;
	}
	h2 a.callOut2 {
		background:url(../images/backflow-testing.jpg) no-repeat;
		margin:8px 0 0 0;
		padding:0;
		width:283px;
		height:133px;
		cursor:pointer;
		display:block;
		text-indent:-999em;
	}
	.callNYRWA {
		background:url(../images/call-nyrwa.jpg) no-repeat;
		margin:0 0 5px 0;
		padding:0;
		width:283px;
		height:80px;
		clear:right;
		text-indent:-999em;
	}
	
	/*** END BODY AREA ***/
	
.footer {
	border-top:1px solid #cacaca;
	width:984px;
	margin:0 auto;
	padding:10px 0;
	clear:both;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#000000;
	line-height:1.6em;
}

.footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#000000;
	text-decoration:none;
}
.footer a:visited {
	color:#000000;
	text-decoration:none;
}
.footer a:hover {
	color:#000000;
	text-decoration:none;
}
.footer a:active {
	color:#000000;
	text-decoration:none;
}



/**** LINKS / LIST ITEMS ****/

a {
	color:#1e5485;
	text-decoration:none;
}
a:visited {
	color:#1e5485;
	text-decoration:none;
}
a:hover {
	color:#1e5485;
	text-decoration:underline;
}
a:active {
	color:#1e5485;
	text-decoration:none;
}

ul {
	margin:10px;
	padding:5px;
}

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a3a3a;
	line-height:1.5em;	
}

ol {
	margin:10px;
	padding:5px;
}

ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a3a3a;
	line-height:1.5em;	
}

ul.list-tick {
  margin: 0;
  padding: 0;
}


ul.list-tick li {
	margin: 0;
	padding: 2px 0 2px  16px;
	list-style:none;
	background-image: url(../images/waterdropbullet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*** Picture Gallery ***/

.pic-gallery-image {
	width:200px;
	height:150px;
	border:medium solid #CCCCCC;
	padding: 7px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	}

.pic-gallery-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#486F82;
	text-align:center;
	width:225px;
	height:50px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
	
	}
	
	.pic-gallery-divider {
	border-bottom:1px solid #c7c7c7;
	margin:0 0 10px 0;
	height:5px;
	clear: right;
}
	


/*** FORMS ***/

.form-fields {
	border:1px solid #D0D9DF;
	color:#486F82;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	height:18px;
	margin:3px;
	padding:5px;
	width:200px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 16px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 16px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	background-image: url(../images/waterdropbullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.required {
	color:#F00;
}