﻿/*----------CSS for Kennedy Valve-----------------------------------------------------------*/
/*----------created by Brian Daggett - Innovative Solutions, Rochester NY--------------------*/
*{padding:0px; margin:0px;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(i/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#202529;
	text-align: left;
	font-size:85%;
	padding:0px;
	margin:0px;
	color:#000000;
	}
#wrapper {
	width: 900px;
	position: relative;
	padding:0px;
	background-color:#E9E9E9;
	margin: 0px auto;
	}
#wrapperhome {
	width: 900px;
	position: relative;
	padding:0px;
	margin: 0px auto;
	}
#content {
	padding:0px;
	margin:0px;
	}
#contentcap {
	clear:both;
	background-image:url(i/contentcap.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:900px;
	height:29px;
	}	
#lefthome {
	position:relative;
	margin: 0px;
	display: inline;
	padding: 25px 0px 10px 0px;
	float: left;
	width: 595px;
	line-height: 2.2em;
	}
#leftbottomhome {
	position:absolute;
	top:333px;
	left:0px;
	margin-top: 0px;
	padding: 20px 0px 10px 0px;
	}
	
#lefthome p{
	color:#ffffff;
	margin: 0px;
	padding-left:9px;
	word-spacing: -.05em;
	}	
#righthome {
	margin: 0px;
	padding: 10px 30px 10px 0px;
	width: 245px;
	text-align:left;
	float:right;
	}
#leftinside {
	margin-top: 8px;
	display: inline;
	padding: 0px 18px 10px 25px;
	float: left;
	width: 582px;
	}	
#leftinside p{
	margin: 0px 0px 10px 0px;
	padding-top:5px;
	line-height: 2.0em;
	font-size:12px;
	}		
#rightinside {
	margin: 0px;
	display: inline;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right:15px;
	float: right;
	width: 245px;

	}	
#rightinside p{
	line-height: 1.5em;
	font-size:12px;
	}	
.flash {
	clear:both;
	padding:20px 0px 20px 17px;
	}	
.mcwane {
	float:right;
	padding-top:292px;
	padding-right:10px;
	}	
.hydrant {
	float:left;
	clear:both;
	}	
.shadow {
	padding:0px 0px 0px 12px;
	}	
.hydrantshadow {
	padding:0px 0px 0px 0px;
	}				
	
/*--------------class----------------*/
.year {
	width:80px;
	vertical-align:top;
	}	
.description {
	width:480px;
	font-size:12px;
	}		
.management {
	float:left;
	padding:0px 15px 15px 0px;
	}		
.contact {
	font-size:12px;
		}	
.policy li{
	list-style:none;
	}		
.events{
	text-transform:capitalize;
	}	
.h3thumbs {
	margin-bottom:8px;
	}
.question{
	font-weight:bold;
	margin-bottom:0px;
	padding-botton:0px;
	}	
.answer {
	padding:0px;
	margin:0px;
	}			
.faq li{
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
	}	
.faq {
	padding:0px;	
	}
.table {
	width:580px;
	font-size:10px;
	}
.table th{
	background-color:#E0E0E0;
	text-align:center;
	}
.table tr{
	background-color:#EEEEEE;
	}	
#leftinside .districtmanager {
	line-height:normal;
	padding-bottom:10px;
	margin:0px;
	}	
#leftinside ul {
	font-size: 90%;
	}
#leftinside li {
	margin-bottom: 10px;
	line-height: 150%;
	list-style:none;
	padding-left:10px;
	}
.table .everyother {
	background-color:#FFFFFF;
	}	
.fineprint {
	font-size: 9px;
	font-style:italic;
	}	
.sales {
	margin-left:-8px;
	padding-top:0px;
	}
.sales li{
	padding:0px;
	margin-right:3px;
	list-style:none;
	display:inline;
	vertical-align:top;
	}		
.salestable td{
	vertical-align:top;
	}	
	
#leftinside ul.product_list {
	list-style-position:outside; 
	padding-left:15px;
	}
#leftinside .product_list li{
	list-style:circle;
	padding-left:-5px;
	}
.product_table {
	text-align:left;
	}
.product_table th{
	background-color:#138325;
	color:#FFFFFF;
	padding:5px;
	}		
.product_table td{
	padding:5px;
	}	
.product_table .alternate_row{
	background-color:#E2F3E2;
	}		
		
#menu_bar .current-page {background-image:url(i/buttonhover.gif); color:#000000;}		
/*--------------navigation-----------*/	
#menu_bar ul li .home{
	background-image:url(i/homebg.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:45px;
	height:24px;
	}
#menu_bar ul li .home:hover{
	background-image:url(i/homehoverbg.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:45px;
	height:24px;
	}	
#menu_bar {
/*	background-image:url(i/navigationbg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;*/
	height:30px;
	clear: both;
	width:900px;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
#menu_bar ul {
	margin:0px;
	padding-left:9px;
	color: #000000;
	float: left;
	width: 800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	}
#menu_bar ul li { 
	display: inline;
	line-height:24px;
	}
#menu_bar ul li a {
	background-image:url(i/buttonbg.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:91px;
	height:24px;
	color: #ffffff;
	padding-top:0px;
	text-decoration: none;
	float: left;
	text-align:center;
	vertical-align:top;
	}
#menu_bar ul li a:hover {
	background-image:url(i/buttonhover.gif);
	background-position:top;
	background-repeat:no-repeat;
	color: #000000;
	}
/*--------------side navigation--------------*/
#submenu {
	margin:0px;
	border-left:solid 1px #CCCCCC;
	padding-left:23px;
	}
#submenu li{
	font-size:85%;
	list-style:none;
	padding-bottom:10px;
	padding-left:17px;
	background-image: url(i/arrow.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}	
#submenu a:link{
	color:#138325;
	text-decoration:underline;
	
	}	
#submenu a:visited{
	color:#138325;
	text-decoration:underline;
	}		
#submenu a:hover{
	color:#666666;
	text-decoration:none;
	}			
/*--------------footer--------------*/
#footer {
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height: 1.8em;
	color:#ffffff;
	text-align: left;
	padding:5px 0px 10px 0px;
	margin:0px auto;
	position:relative;
	width: 900px;
	background-color:#202529;
	line-height:2.5em;
	}
#footer a:link {
	color:#999999;
	text-decoration:underline;
	}
#footer a:visited {
	color:#999999;
	text-decoration:underline;
	}
#footer a:hover {
	color:#999999;/*yellow*/
	text-decoration:none;
	}

	
.footer {
	font-size:16px;
	}	

	
/*--------------link properties-----------*/
a:link {
	color:#138325;/*green*/
	text-decoration:underline;
	}
a:visited {
	color:#138325;
	text-decoration:underline;
	}
a:hover {
	color:#138325;
	text-decoration:none;
	}
	
#lefthome a:link {
	color:#ffcc33;
	text-decoration:underline;
	}
#lefthome  a:visited {
	color:#ffcc33;
	text-decoration:underline;
	}
#lefthome  a:hover {
	color:#ffcc33;
	text-decoration:none;
	}	
	
/*--------------Global Headers-------------*/
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:160%;
	margin:0px 0px 5px 0px;
	color:#666666;
	text-transform: uppercase;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:240%;
	color:#138325;
	padding:0px;
	margin:0px;
	font-weight:normal;
	}
h3 {
	text-transform: uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	color:#138325;
	padding:0px;
	margin:0px;
	font-weight:normal;
	}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#999999;
	padding:0px;
	margin:0px;
	font-weight:normal;
	}	

/*--------------CSS role overs IMAGES----------------*/
#slideshow {
	display:block;
	width:550px;
	height:700px;
	position:relative;
	/*overflow:scroll;*/
}

#slideshow li {
	position:absolute;
	padding:0;
	margin:0;
}
#slideshow ul {
	position:absolute;
	padding:0;
	margin:0;
}
#slideshow #holder1 {
	left:0px;
	top:0px;
	background-image:url(i/thumb1.gif);
	background-repeat:no-repeat;
}
#slideshow #holder2 {
	left:0px;
	top:95px;
	background-image:url(i/thumb2.gif);
	background-repeat:no-repeat;
}
#slideshow #holder3 {
	left:0px;
	top:190px;
	background-image:url(i/thumb3.gif);
	background-repeat:no-repeat;
}
#slideshow #holder4 {
	left:0px;
	top:285px;
	background-image:url(i/thumb4.gif);
	background-repeat:no-repeat;
}
#slideshow #holder5 {
	left:0px;
	top:380px;
	background-image:url(i/thumb5.gif);
	background-repeat:no-repeat;
}
#slideshow #holder6 {
	left:0px;
	top:475px;
	background-image:url(i/thumb6.gif); /*85 pixels and 10padding = 95pixels more*/
	background-repeat:no-repeat;
}
#slideshow a#image1, #slideshow a#image2, #slideshow a#image3, #slideshow a#image4, #slideshow a#image5, #slideshow a#image6 {
	display:block;
	width:85px;
	height:85px;
	text-decoration:none;
}
#slideshow a span, #slideshow a:visited span {
	display:none;
}
#slideshow a#image1:hover, #slideshow a#image2:hover, #slideshow a#image3:hover, #slideshow a#image4:hover, #slideshow a#image5:hover, #slideshow a#image6:hover {
	background-position:0 0;
}
#slideshow a:hover span {
	position:absolute;
	width:388px;
	display:block;
	font-family:arial;
	font-size:12px;
	background:#fff;
	color:#000;
	padding:5px;
}
* html #slideshow a:hover span {
	width:400px;
	w\idth:388px;
}
#slideshow a#image1:hover span {
	left:100px;
	top:0px;
	background-image:url(i/image1.gif);
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	width:400px;
	height:300px;
	z-index:10;
}
#slideshow a#image2:hover span {
	left:100px;
	top:-95px;
	background-image:url(i/image2.gif);
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	width:400px;
	height:300px;
	z-index:20;
}
#slideshow a#image3:hover span {
	left:100px;
	top:-190px;
	background-image:url(i/image3.gif);
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	width:400px;
	height:300px;
	z-index:30;
}
#slideshow a#image4:hover span {
	left:100px;
	top:-285px;
	background-image:url(i/image4.gif);
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	width:400px;
	height:300px;
	z-index:40;
}
#slideshow a#image5:hover span {
	left:100px;
	top:-380px;
	background-image:url(i/image5.gif);
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	width:400px;
	height:300px;
	z-index:50;
}
#slideshow a#image6:hover span {
	left:100px;
	top:-475px;
	background-image:url(i/image6.gif);
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	width:400px;
	height:300px;
	z-index:60;
}
#slideshow li a span.text {
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding-top:310px;
}

