/*
// ----------------------------------------------------------------------------
//
//  File:   waterwetter2.css
//  Creation Date:  07/05/09
//  Last Modified:  07/05/09
//  Purpose: Cascading Style Sheet - this affects the style of all pages.
//
// ----------------------------------------------------------------------------
*/
/* basics */
body {padding:0px;margin:0px;}

#logoContainer {
float:left;
position:absolute;
width:246px;
}
/*
The following lines allow you to generate a text box pop up on hover for links that you specify a class="info" and then place a <span></span> set around the text you want to pop up.
*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
	}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    left:0px;
    bottom:14px;
	  width:500px;
    border:1px solid #5585CB;
    background-color:#fff;
	  padding: 5px;
	  margin: 5px;
    color:#333333;
    text-align: left;
	  text-decoration: none;
	}
/*
This next css set allow you to create a pop up image on hover for a thumbnail image.
*/
.thumbnail{
position: relative;
z-index: 24;
}

.thumbnail:hover{
background-color: transparent;
z-index: 400;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
display: none
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}
.thumbnail:active span{
visibility: hidden;
display: none;
	}

/*
---------------------------------------------------------------------------
*/
img {border:0px;}

.block {display:block;}

.left {text-align:left ! important;}

h1 {font:bold 18px/22px Arial,sans-serif;color:#383007;margin:6px 0px;}

h2 {font:bold 12px/13px Arial,sans-serif;color:#383007;margin:6px 0px;}

h3 {
	color:#383007;
	margin:6px 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.caption {font: 11px/12px Arial,sans-serif;color:#383007;margin:0px 0px;text-align: center;}

p, #documentlistings td {
	color:#565031;
	margin:6px 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}

li {font:11px/16px Arial,sans-serif;color:#565031; clear:none; margin:0px; padding:0px;}

ul {font:11px/16px Arial,sans-serif;color:#565031;margin:6px 0px; margin-left: 15px;clear:none;}

hr {height:1px;border:none;border-top:1px solid #D5C794;}

.windowclose {font:bold 11px/12px Arial,sans-serif;color:#383007;text-decoration:none;margin-left:15px;line-height:35pt;}

#imgleft {margin-right: 15px; border: 1px solid #D2C275; float: left;}

#imgright {margin-left: 18px; border: 1px solid #D2C275; float: right; clear:none;}


/* navs and whatnot */
#wtf {height:46px;margin-bottom:1px;}

#wtf2 {width:758px;height:24px;}
#companyName {
	margin-top:15px;
	font:bold 18px/22px Arial,sans-serif;
	color:#6E8BAB;
	margin-right: 5%;
}

#topnav {
	margin:64px 0px 0px 265px; 
	background-color:#5585CB;
	height:22px;
	font:11px/22px Arial,sans-serif;
	color:#D7E2FE;
	}
ul#topnav {
	padding: 0;
	height:22px;
	}
#topnav li {
	list-style-type: none;
	height:19px;
	float: left;
	padding: 3px 6px 0 22px;
	background: #5585CB url(img/seperatortriangle.gif) no-repeat left top;
	}
#topnav li.plan2006 {
	background: #5585CB url(img/leadSeperatorTriangle.gif) no-repeat left top;
	}	
#topnav li.topnavLead {
	background:#F7F0CB url(img/whitetriangle.gif) no-repeat left top;
	color:#5585CB;
	}

#topnav img {margin-right:10px;}

#littletriangle, .littletriangle {margin: 0px 6px;vertical-align: bottom;}

* html #littletriangle,* html .littletriangle {vertical-align: middle;}

#midnav {background-color:#AAC5ED;height:22px;font:11px/22px Arial,sans-serif;margin-bottom:0px;color:#123E7E;text-align:center;overflow:hidden;}

html > body > #midnav {
margin-top:65px;
}

#midnavLinks {
	margin-left:250px;
	float: left;
}
#midnav img {
background-color:#ffffff;
}

#botnav {
	margin:1px 0px;
	background-color: #F0E5AF;
	background-image: url(img/zig2.gif);
	background-repeat: repeat-y;
}

#copyright {background-color:#D2C275;font:10px/22px Arial,sans-serif;color:#88782F;text-align:center;}

#rocks {position:absolute;top:189px;left:661px;z-index:10;}


/* link colors and whatnot */
#topnav .topnavLead a, #topnav .topnavLead a:visited, #topnav .topnavLead a:active {color:#5585CB;text-decoration:none;}
#topnav .topnavLead a:hover, #topnav .topnavLead a:focus {color:#000;text-decoration:underline;}
#topnav a, #topnav a:visited, #topnav a:active {color:#D7E2FE;text-decoration:none;}
#topnav a:hover {color:#fff;text-decoration:underline;}
#midnav a, #midnav a:visited, #midnav a:active {color:#123E7E;text-decoration:none;}
#midnav a:hover {color:#123E7E;text-decoration:underline;}
#copyright a, #copyright a:visited, #copyright a:active {color:#88782F;text-decoration:none;}
#copyright a:hover {color:#fff;text-decoration:underline;}
#calendarbody a, #calendarbody a:visited, #calendarbody a:active {color:#383007;text-decoration:none;}
#calendarbody a:hover {color:#221D01;text-decoration:underline;}
#documentlistings td a, #documentlistings td a:visited, #documentlistings td a:active {color:#565031;text-decoration:none;}
#documentlistings td a:hover {color:#221D01;text-decoration:underline;}
#sidenavigation a, #sidenavigation a:visited, #sidenavigation a:active {color:#383007;text-decoration:none;}
#sidenavigation a:hover {color:#221D01;text-decoration:underline;}
/* calendar */
#calendarbody {background-color:#FFF5C5;font:11px/14px Arial,sans-serif;color:#383007;padding:4px 4px 8px 10px;}
#calendarbody ul {padding-left:16px;margin:0px;}
#calendarbody ul li {list-style-type:circle;}
/* back page specific */
#holder {background:#F7F0CB;margin:0px;padding:0px;}
#holder2 {background:transparent url("img/ziggywiggy.gif") repeat-y;margin:0px;padding:0px;border:1px solid white;border-left:none;width:100%;}
#sidenavigation {width:135px;float:left;font:bold 11px/14px Arial,sans-serif;color:#383007;margin:20px 0px 0px 0px;padding-left:50px;padding-bottom:20px;position:relative;left:0px;}
#sidenavigation ul {padding-left:16px;margin:4px;}
#sidenavigation ul li {
	list-style-type:none;
	font-weight:bold;
}
#content {
	margin-left:220px;
	z-index: 5;
	padding-top: 0px;
	padding-right: 36px;
	padding-bottom: 30px;
	padding-left: 0px;
	clear: none;
	width: 550px;
}
#content a, #content a:visited, #content a:active, {font:bold;color:#227275;text-decoration:none;}
#content a:hover {text-decoration:underline;}
a, a:visited, a:active {font:bold;color:#227275;text-decoration:none;}
a:hover {text-decoration:underline;color:#227275;}
h2 a, h2 a:visited, h2 a:active {font:bold;color:#383007;text-decoration:none;}
h2 a:hover {text-decoration:underline;color:#804000;}
h2#vol1 a:hover,h2#vol1 a:focus,h2#vol2 a:hover,h2#vol2 a:focus {text-decoration: none;color: #383007;}
#popupcontent {margin-left:50px;padding:70px 36px 30px 0px;}
#popupcontent a, #popupcontent a:visited, #popupcontent a:active, {font:bold;color:#227275;text-decoration:none;}
#popupcontent a:hover {text-decoration:underline;}
#rockandroll {position:relative;top:-60px;left:661px;}
#calendar a, #calendar a:visited, #calendar a:active {color:#383007;font:bold;text-decoration:none;}
#calendar a:hover {text-decoration:underline;color:#804000;}
#calendar {height:32px;background-color:#FFF8D7;margin:12px 0px 1px 0px;font:bold 13px/30px Arial,sans-serif;color:#383007;padding-left:10px;}
.more {text-align:right;}
.more a {color:#565031 ! important;}

#spotlight {
background-color:#F0E5AF; 
background-image:url(img/horizZig.gif);
background-repeat:repeat-x;
background-position:bottom;
}

div.linkList {
width:70%;
padding:0px 5px 20px 20px;
}

div.linksListMain a {
font-family:arial, verdana, sans-serif;
font-size:8pt;
}#content .draft {
	padding-top: 0px;
	margin-top: 0px;
	line-height: 10px;
	color: #CC3300;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 12px;
}
#content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#sidenavigation ul {
	width: 110px;
}
#content p, #content H1, #content h2, #content h3, #content h4, #content h5, {
	width: 500px;
}
#content td p, #content td H1, #content td h2, #content td h3, #content td h4, #content td h5 {
	width: auto;
}
.midimage {
	background-color: #AAC5ED;
}
#botnav #column2 ul {

}
#botnav #column2 li {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-image: url(images/homepage-bullet-brown.jpg);
	padding-right: 0px;
}
#botnav #spotlight #redPullOut {
	background-color: #A75A58;
	float: right;
	width: 200px;
	padding: 9px;
	margin: 6px;
	border: 2px solid #330000;
	font-size: 12px;
	clear: both;
	color: #FFFFFF;
}
#botnav #spotlight #redPullOut a {
	color: #66CCFF;
	text-decoration: none;
	font-weight: bold;
	clear: both;
	display: block;
}
#botnav #spotlight #redPullOut a:hover {
	color: #38BFC2;
	text-decoration: underline;
}
#botnav #spotlight #pullOut {
	float: right;
	width: 200px;
	padding: 9px;
	border: 2px solid #330000;
	font-size: 12px;
	clear: both;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}
#botnav #spotlight #pullOut a {
	color: #1C7D80;
	text-decoration: none;
	font-weight: bold;
	display: block;
	clear: both;
}
#botnav #spotlight #pullOut a:hover {
	color: #0066FF;
	text-decoration: underline;
}
#botnav #spotlight #redPullOut p {
	color: #FFFFFF;
	font-weight: bold;
}
#botnav #spotlight #pullOut p {
	color: #000000;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565048;
	margin-bottom: 0px;
}
#botnav #column2 h2 {
}
#botnav #column2 h4 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #C4B987;
	margin-top: 10px;
	padding-top: 10px;
}
#holder #holder2 #content table td {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#holder #holder2 #content table td#MeetingTableCol {
	width: 120px;
}
#holder #holder2 #content td#MeetingTableCol h4 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #C4B987;
	margin-top: 10px;
	padding-top: 10px;
}

/*new feature box on front page*/

td#annc {
	background-image:url(img/redGrad.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	}
	
td#annc h2 {
	font-size:1em;
	margin-bottom:0;
	}

td#annc h2 a:link,
td#annc h2 a:visited {
	background-image:url(img/docIcon.gif);
	background-position:left top;
	background-repeat: no-repeat;
	padding-left:28px;
	padding-bottom:8px;
	color:#f0e5af;
	text-decoration: none;
	}

td#annc p {
	padding-left:28px;
	font-size:0.75em;
	}
	
td#annc p a:link,
td#annc p a:visited {
	color:#f0e5af;
	text-decoration:none;
	}

#annc p.more-link {
	margin-top: 10px;
	background: url(img/whiteDblArrw.jpg)no-repeat 4px 2px;
	}

/* end new feature box on front page*/

/* 2011 Hearings Page */

#pubHearings h2 {margin-top:48px;margin-bottom:0;line-height:1.3em;}
#pubHearings h3 {text-decoration:none;font-weight:100;margin:13px 0 6px 0;}
#pubHearings>div {margin-bottom:36px;}

/* end 2011 Hearings Page */
#sidenavigation ul .PDF {
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-image: url(img/pdf.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}