.h2, .tabtitle, .tabtitle1, .keysearch, .boxtitle, .text, .list, .list1, .list2,  .projects, .review, .tblwater, tblwater1, .tblwater2, .text3, .tblwater4, .tblwater3, .tblwater5, .tblwater6, .pda, .tblevent, .tblwaters{ font-family:Verdana, Arial, Helvetica, sans-serif;}

.tabtitle, .tabtitle1, .tblwater3, .tblwater4,.tblwater, .review, .text,.list, .tblwater2, .text3, .list2, .tblwater5, .tblwater6, .tblevent, .tblwaters {font-size:12px; }
.list1, .line2, .tblwater4 {font-size:11px;;}
.list1{ margin:12px 25px 10px 12px; line-height:16px}
.dashed {border-top:1px dashed  #AAAEC4; width:25%; text-align:center;}

a.nav2 {
	color: #385281;
	text-decoration: none;
}
comment1{color: #FFFFFF;}

.tabtitle, .tabtitle1, .tabtitle3, .tabtitle4{
font-weight:bold;
padding:3px 0px 3px 5px;
line-height:18px;
color:#FFFFFF;}

/* .tabtitle{ background-color: #EC8D00;} */
.tabtitle{ background-color: #45659E;}
.tabtitle#inner{  text-align:center;}
/*.tabtitle1 { background-color: #45659E; color:#FFFFFF; text-align:center; }*/
.tabtitle1 { background-color: #EC8D00; color:#FFFFFF; text-align:center; }
/*.tabtitle1#inner1{ background-color: #45659E; text-align:left!important}*/
.tabtitle1#inner1{ background-color: #EC8D00; text-align:left!important}

.tabtitle1 #orangetbl {background-color: #FFF4E6; color:#000000; }


.grayruler{ color:#CCCCCC; height:1px; size:1px; noshade:noshade;  background-color:#CCCCCC; border:thin;}
.blueruler{ color:#E0E6F3; height:1px; size:1px; noshade:noshade; background-color:#E0E6F3;}
.greenruler{ color:#99cc99; height:1px; size:1px; noshade:noshade; background-color:#99cc99;}
.line{border-top:#CCCCCC 1px solid; }
.line2{border-bottom:1px solid #BED1EB; line-height:13px;}

h2 { font-size:24px; color:#385281;}

p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

p#author{
font-family:Verdana;
font-size:12px;
color:#385281;
}


.progtitle {
padding:3px 0px 3px 5px;
line-height:18px;
color:#084274;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.projtitle {
padding:3px 0px 3px 5px;
line-height:18px;
color:#ec8d00;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

.keysearch, .innertubeO{font-size:11px; }
.keysearch #champ{font-size:11px;;} /*id used in the blue table(to be deleted soon as changed to div) */
.keysearch #news a { color:#FFFFFF;}
.keysearch #news {color:#FFFFFF;}
.keysearch #author {font-size:11px;; font-weight:bold;} /*water actions author */
.keysearch #mtext {font-size:12px; margin-bottom:2px;}
.keysearch #date {font-size:font-size:.8em; font-weight:bold; color:#008000;}  /*water actions date */
.keysearch #chadate {font-size:font-size:.8em; font-weight:bold; color:#666633;}  /*champ date */

/*used in the masthead text*/
.text
{
line-height:16px;
color:#FFFFFF;
text-align:center;
padding-left:4px;
padding-right:4px;
}

/*css for all list*/
/* ul li{ margin-left: -20px;} 
ol li{ margin-left: -15px;}    removed by ric 15 APR */
.list2{line-height:16px;}
.list2 li{ margin-top:15px;   margin-bottom:15px; }

.comment
{
font-family:Verdana;
font-size:10px;
color:#666633
}

.projects {
/* background-color:#F5ECE2; */
font-size:9px;
}

.a{
padding-left:10px;
width:45%}

.b{
background-image:url(images/w4all-logo01.jpg);
font-family:Verdana;
font-size:11px;;
}

/*Opacity added 03.24.09 */
.toggleopacity img {
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}

.toggleopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;}


/*css for GREEN underlined text*/
.review { 
border-bottom: 1px solid #008000; 
margin-bottom: 10px; padding: 0px;
font-weight:bold;
color:#008000;
}


/*css for top arrow*/
.top{
font-size:9px;
color:#666633;
text-align:right;
padding-top:2px;
}

.tblwater{ width:100%;  padding:1px; }
.tblwater th{ background-color:#45659E; color:#FFFFFF; text-align:center; line-height:24px; }
.tblwater tr{ vertical-align:top; }
.tblwater td{ padding-left:4px; border-bottom:1px solid E0E6F3;}

.tblpda{ width:100%;  padding:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.tblpda th{ background-color:#ECEFF5; color:#000000; text-align:left; line-height:16px; width:30%; }
.tblpda th#photo{ background-color:#FFF4E6; color:#000000; text-align:left; line-height:16px; width:25%; }
.tblpda tr{ vertical-align:top; }
.tblpda td{ padding-left:4px; }

.tbldvd{ width:100%;  padding:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.tbldvd td#line2{ /*background-color:#FFF4E6;*/ background-color:#ECEFF5; color:#000000; text-align:left; line-height:16px; width:25%; }
.tbldvd tr{ vertical-align:top; }
.tbldvd td{ padding-left:4px;}
.tbldvd td#line{ padding-left:4px;}

.tblevent{ width:100%;  padding:1px; }
.tblevent th{ background-color:#45659E; color:#FFFFFF; }
.tblevent tr{ vertical-align:top; }
.tblevent td{ padding-left:4px;}

.tblcop{ width:100%;  padding:1px; }
.tblcop th{ background-color:#77933c; color:#FFFFFF; }
.tblcop tr{ vertical-align:top; }
.tblcop td{ padding-left:4px; }

.tblwater6{ width:100%;}  /* used in enewsletter default*/
.tblwater6 th{ background-color:#ECEFF5; color:#000000; line-height:20px; font-weight:bold; }
.tblwater6 tr{ vertical-align:top;}
.tblwater6 td{ line-height:20px;}
.tblwater6#tblevnt th{  background-color:#ECEFF5; color:#000000; line-height:20px;}
.tblwater6#tblevnt td{ line-height:20px; border-top:1px solid CCCCCC;}
.tblwater6#tblevnt { line-height:20px; }

.tblwater5{padding:1px;}
.tblwater5{padding:1px;}
.tblwater5 th{ background-color:#45659E; color:#FFFFFF; }
.tblwater5 tr{ vertical-align:top;}
.tblwater5 td{ padding-left:4px; border-top:1px solid E0E6F3;}

.tblwater5#otbl th{ background-color:#ECEFF5; color:#000000; }  /* wtrplcy*/
.tblwater5#otbl td{ padding-left:4px; border-top:1px solid CCCCCC;}

.tblwater5#champarch th{ background-color:#EC8D00; color:#FFFFFF; text-align:left;}
.tblwater5#champarch td{ padding-left:4px; border-top:1px solid CCCCCC;}


/*css for plain tbl with 11px; font */  /*DVD Multi unused */
.tblwater4{ width:90%;}
.tblwater4 tr{ vertical-align:top;}
.tblwater4 th{ background-color:#F5ECE2;}
.tblwater4 td{ padding-left:4px;}

/*css for plain tbl with 11px; font */
.tblwater4#opp{ width:100%; }
.tblwater4#opp tr{ vertical-align:top;}
.tblwater4#opp th{ background-color:#FFF4E6; font-size:12px;}
.tblwater4#opp td{ border-top:1px solid #CCCCCC;}


/*css for default */
.tblwater3{ width:100%;  padding:1px; margin-top:-10px; margin-bottom:-2px; }
.tblwater3 th{ background-color:#FFF4E6; }
.tblwater3 tr{  vertical-align:top; }
.tblwater3 td{ padding-left:4px;}

.tblwater3a{width:20%; vertical-align:top;}

.tblwater2 tr{ vertical-align:top;}
.tblwater2 td{ padding-left:20px;}

.tblwater1{font-size:1em;}

.tblwaters{ width:100%;  padding:1px; margin-top:-10px; margin-bottom:-2px; }
.tblwaters th{ background-color:#e5e5c3; }
.tblwaters tr{  vertical-align:top; }
.tblwaters td{ padding-left:4px;}

/*css for PDA*/
.pda{ font-size: .8em; margin-bottom: 1px;  color: #000000;}
.tabOn { font: Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold }
.tabOff { font: Verdana; font-size: 12px; color: #000000; font-weight: bold }

/*css for every default of each folders orange box*/
.img1{padding:4px 4px 4px 4px; border: 1px solid #FFD79B; float: left;
	margin-right: 4px; }

/*css for every default of each folders blue box*/
.img2{padding:4px 4px 4px 4px; border: 1px solid #E0E6F3; float: left;
	margin-right: 4px; }

.searchbox{ background-image:url(/water/operations/img/orderbg.JPG); }


table.sortable a.sortheader {
    font: verdana;
	font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    display: block;
}
table.sortable {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%;}
table.sortable tr#header{vertical-align:top; background-color:#45659E;}
table.sortable th{vertical-align:top; background-color:#45659E; color:#FFF; line-height:16px;}
table.sortable tr{vertical-align:top;}
table.sortable td{padding-left:4px; border-top:1px solid CCCCCC;}
table.sortable span.sortarrow {
    color: #FFFFFF;
    text-decoration: none;
}

/*L&TAs, PDA,  */
table.sortable1 a.sortheader {
    font: verdana;
	font-size: 12px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    display: block;
}
table.sortable1 {font-style: Verdana, sans serif; font-size: 1em; }
table.sortable1 tr#header{vertical-align:top; background-color:#E0E6F3;}
table.sortable1 tr{vertical-align:top;}
table.sortable1 th{ color:#000;  background-color:#E0E6F3;}
table.sortable1 td{ padding-left:4px; border-top:1px solid CCCCCC; }
table.sortable1 span.sortarrow {
    color: #000;
    text-decoration: none;
}

table.sortable2 {font-style: Verdana, sans serif; font-size: 1em;}
table.sortable2 tr#header{vertical-align:top; background-color:#F5ECE2;}
table.sortable2 tr{vertical-align:top;}
table.sortable2 td{padding-left:4px; border-top:1px solid CCCCCC;}
table.sortable2 span.sortarrow {
    color: #FFFFFF;
    text-decoration: none;
}

table.sortable2#opp {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; }
table.sortable2#opp th{vertical-align:top; background-color:#FFF4E6;  line-height:16px; font-size:13px;}
table.sortable2#opp tr{vertical-align:top; }
table.sortable2#opp td{ border-top:1px solid #CCCCCC;}
table.sortable2#opp span.sortarrow {color: #FFFFFF;text-decoration: none;}


.cwatopten { font-family:Verdana, Arial, Helvetica, sans-serif;}
.cwatopten1{background-image:url(/Water/knowledge-center/img/bg.JPG); height:20px;}
.cwatopten#cwanum
{
font-size:24px;
font:Castellar;
color:#45659E;
font-weight:bold;
}

.cwatopten#cwanum1
{
font-size:13px;
font:Castellar;
color:#45659E;
font-weight:bold;
}

.cwatopten#cwanew
{
font-size:24px;
font:Castellar;
color:#45659E;
font-weight:bold;
}

.cwatopten#cwatxt{font-size:11px;;}

/* replacement for simple tables*/
.main {position: relative; width: 100%;}
.cell_1_1 {position: relative; left: 0px; bottom:0px; top: 0px; width: 50%; vertical-align:top;}
.cell_1_2 {position: absolute; left: 50%; bottom:0px; top: 0px; width: 50%; vertical-align:top; }

/****** START   Nav default circulating spotlights *****/
#ssnav a { margin: 0 5px; padding: 3px 5px;   color:#000; text-decoration: none; }
#ssnav a.activeSlide {  color:#fff; background-color:#666666;}
#ssnav a:visited { color: #fff; }
#ssnav a:focus { outline: none; }
#prevfeat { float: right; }
#sidebar { border-width: 3px; }


/*** start of footer ***/
#water_footer{
width: 100%;
height: 84px;
border-top: 2px solid #1c76aa;
margin-top:25px;
position:relative;
}

#water_footer_text {
width: 65%;
height: 59px;
float:left;
padding-left: 10px;
padding-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.water_footer_logo {
width: 15%;
height: 71px;
float: right;
}
.water_footer_contact{
width: 15%;
float:left;
color:#ffffff;
background-image:url(images/spotlights.jpg);
font-size: 12px;
padding: 15px 5px  15px 5px;
text-align:center;
font-weight:bold;
}

/*** end of footer ***/

.maincontainer{
width:100%;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contentwrapper{ width: 100%; margin-top:15px; }

#contentcolumn{ width: 65%; float: left; }

#rightcolumn{
float: right;
width: 32%; /*Width of right column in pixels*/
}

/** start of header - new ***/
#mhheader{
height: 80px;
width:100%;
background-color:#084274;
margin-bottom:30px;
}

.mhtext {
	width:65%;
	text-align:left;
	text-indent:-5;
	color:#FFF; 
	float:left;
	background-color:#084274;
	padding: 10px 0px 0px 10px;
	vertical-align:middle;
}
.mhimg {
	height: 80px; 
	float:right;
	color:#FFF;
	background-color:#084274;
}

/** start of header ***/
#pgheader{
height: 168px; /*Height of top section*/
width:100%;
/**background-color:#084274; **/
background-repeat: no-repeat;
margin-bottom:30px;
}

.headertext {
	width:27%;
	height: 168px;
	text-align:center; 
	float:right;
	color:#FFF;
	background-color:#084274;
	padding: 0px 10px 0px 10px;
}

.headertextleft {
	height: 80px;
	text-align:left; 
	color:#FFF;
	background-color:#45659E;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 6px;
/*background: #ECEFF5;*/
background: #F5ECE2;
}

.innertubeO{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 6px;
/*background: #F5ECE2;*/
background: #ECEFF5;
}

.innertube2{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 6px;
background: #ddeef5;
}

.innertube1{
padding: 4px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}