/* --------------------- Site redesign 05/27/2010 m2 -----*/
body { background:#fff;	font-family:arial,helvetica,sans-serif; margin:0; padding:0; }
/* THREE COLUMNS */
 
#content3col, #leftcol, #maincontent, #rightcol {
float:left;
}
#div#content3col #leftcol, #divcontent3col #rightcol {
 width:225px;
}
#content3col {
	padding-left: 235px;  /* left width + 20px */
	padding-right: 220px;  /* right width + 20px */
}
div#content3col #leftcol {
	margin-left: -226px;  /* left margin = -(left width + 10px) */
        border-right:1px solid #eee;
}
div#content3col #rightcol {
	margin-right: -215px;  /* right margin = -(right width + 10px) */
}
div#maincontent {
 width:90%;
 border-left:1px solid #eee;
 margin-top:0;
 margin-left:-1px;
 padding:10px;
}
div#leftcol {
 padding:10px 0;
 font-size:14px; 
 width:225px;
}
div#rightcol {
 font-size:14px;
 width:200px;
}
div#bottomnav {
 clear:both;
}

/* --------------------- sidebar styles ------------------*/
div#leftcol ul {
 margin:0;
 padding:0;
 list-style-type:none;
}
ul.sidenav li {
 margin-bottom:15px;
 font-weight:bold;
}
div#mission, div#objective {
 text-align:center;
 padding:10px 0;
}
ul.sidenav li ul li {
list-style-type:disc;
margin-left:20px;
}


/* ---------------------- misc styles -------- */
ul.faqList, ul.navList {
margin:10px 0;
}
.align-left {
text-align:left;
}




/* ---------------------- Title bar Public Utilities rollover */
.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/water/waterreuse/graphics/tbpuover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 90px;
height: 18px;
margin: 0;
padding: 0;
}
.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 18px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssnavwater
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/water/waterreuse/graphics/tbwaterover.gif) no-repeat;
white-space: nowrap;
width: 42px;
height: 18px;
margin: 0;
padding: 0;
}
.cssnavwater a
{
display: block;
color: #000000;
font-size: 11px;
width: 42px;
height: 18px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav, .cssnavwater
{
position: relative;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
margin: 0;
padding: 0;
}
.cssnav a, .cssnavwater a
{
display: block;
float: left;
text-decoration: none;
}
.cssnav img
{
border: 0;
}
* html a:hover
{
visibility:visible;
}
.cssnav a:hover img, .cssnavwater a:hover img
{
visibility:hidden;
}
ul.noBullet, ul.noBullet li {
margin-left:0;
padding-left:0;
}
ul.noBullet li {
list-style-type:none;
margin-bottom:7px;
}

ul#supportDocs, ul#supportDocs li {
margin-left:0;
padding-left:0;
list-style-type:none;
}

ul li	{ margin:5px 0; padding:0; }
.mainList li { margin-bottom:20px; }


/* --------------------------------- listserv sign up box styles --- */
#stayConnected {
        float:right;
        border:2px solid #d8e4f0;
				font-size:14px;
				margin:10px;
        padding:8px;
        width:190px;
}
#stayConnected label {
margin:0 0 0 -5px;
padding:0;
}
#stayConnected label.label {
        font-weight:700;
        margin-left:0;
        margin-bottom:10px;
        display:block;
border-bottom:1px solid #d9e4f0;
}
#stayConnected input[name="email"] {
        margin-bottom:2px;
        width:180px;
}
#stayConnected input.submit {
        margin-top:10px;
}
#stayConnected div.followUs {
        float:none;
        margin:9px 0;
        padding-top:11px;
        position:relative;
border-top:1px solid #d9e4f0;
}
#stayConnected div.followUs span.label {
        float:none;
        position:relative;
        top:-10px;
        left:0;
}
/* --------------------- Project Objectives box styles -----*/
div#projectObjective {
border:1px solid #7a7dbc;
width:209px;
}
div#projectObjective h2 {
background:#7a7dbc;
color:#fff;
font-size:1em;
padding:4px;
}
div#projectObjective, div#projectObjective h2, div#projectObjective p {
padding:0;
margin:0;
}
div#projectObjective h2 {
padding:1px 4px 2px 4px;
}
div#projectObjective p {
padding:4px;
}
div#projectObjective p {
color:#333399;
font-weight:bold;
font-size:12px;
text-align:center;
}
.nobullet {
margin-left:0;
padding-left:0;
list-style-type:none;
}
input#email, input.submit {
	display:block;
}
.radioTxt {
	font-size:11px;
}
div.rGraphic {
float:left;
margin:10px;
}
div.rGraphic p {
text-align:center;
font-size:11px;
margin-top:0;
padding-top:0;
}
div.rGraphic img {
padding-bottom:0;
margin-bottom:0;
}
}
.fileExt a[href*=granicus] {
background:url('/global/graphics/videobutton.png') right center no-repeat;
padding-right:20px;
}