/** Site designed and developed by Ric de Guzman II, August 2009 ***/

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

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

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

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

.title{ font-weight:bolder; }

/** start of header ***/
.header{
/*height: 140px; Height of top section*/
height: 75px; /*Height of top section*/
width:100%;
}

#default
{
background-image:url(/Water/rev/images/banner.jpg);
background-repeat:no-repeat;
}

#default2
{
background-image:url(/Water/rev/images/banner2.jpg);
background-repeat:no-repeat;
}

#default3
{
}

/*** #header h1{
margin: 0;
padding-top: 15px;
}***/

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

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

.innertube23{ width:100%;}
.innertube4{
float:left;
}

.innertube2{
float:left;
width:40%;
}

.innertube3{
float:right;
width:35%;
}

.text { color:#000; }

/** start of RUB  banner ***/
#RUB {
width:100%;
height:auto;
/**margin-top:12px;***/
float:right;
}

/** RUB **/
#rubtext, .rubttitle A:visited,  .rubttitle A:hover,  .rubttitle a:link {color:#fff;} 

/** #rubtext{
padding:6px;
font-size:10px;
} **/

.rubttitle {
width:100%;
padding: 10px  0px  10px  0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-repeat:no-repeat;
color:#FFF;
}


/*under .rubttitle LINK*/ .rubttitle a:link{ text-decoration:underline; }
/*under .rubttitle LINK*/ .rubttitle A:hover{ text-decoration:none; }

/*under .rubttitle  #rural{ background-image:url(images/basin-water-mast.gif);} ***/
/*under .rubttitle  #urban{ background-image:url(images/rural-water-mast.gif);} ***/
/*under .rubttitle  #basin{ background-image:url(images/urban-water-mast.gif);} ***/

/* .rub_top{ width:100%; } */
/*under .rub_top #rw_body, #rw_bottom{  background-color:#78b344;} */
/*under .rub_top #uw_body, #uw_bottom{  background-color:#F0540A;} */
/*under .rub_top  #bw_body, #bw_bottom{  background-color:#0a4682;}  */

/** RURAL URBAN BASIN WATER 
#rubw { width:33%; margin-top:10px; float:right; padding-left:2px;}**/

/*** start of footer ***/
/*#water_footer{
width: 100%;
height: 84px;
border-top:#666666 solid 2px;
margin-top:25px;
}
#water_footer_text {
width: 65%;
height: 59px;
float:left;
padding-left: 10px;
padding-top:2px;
}
.water_footer_logo {
width: 15%;
height: 71px;
float: right;
}
.water_footer_contact{
width: 15%;
float:left;
background-color:#666666;
font-size: 12px;
padding: 15px 5px  15px 5px;
text-align:center;
color:#fff;
}
.water_footer_contact a{
color:fff;
text-decoration:underline;
}*/

/*** end of footer ***/

/**************************** Others **********************/
a {  
text-decoration:none;!important
color:#385281; !important
 }
a:hover { text-decoration:underline; !important }

a.nav3 {  
text-decoration:underline; !important
 }
a.nav3:hover { text-decoration:none;  }

a.nav {
	color: #ffffff;
	text-decoration: none;
}
a.nav:hover {
	color: #ffffff;
	text-decoration: underline;
}



/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

#modernbricksmenu2{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:lowercase;
}

#modernbricksmenu2 a{
float: left;
font: bold 11px;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: D25A0B; /*Brown color theme*/ 
}

#modernbricksmenu2 a:hover{
background-color: #666666; /*gray color theme*/ 
color: white;
}

#modernbricksmenu2 li.selected{
background-color: #666666; !important /*gray color theme*/ 
color: white;
border-color: #666666; /*gray color theme*/ 
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1; 
}

#modernbricksmenu2 li.selected a{ /*selected main tab style */
background-color: #666666; !important /*gray color theme*/ 
color: white;
border-color: #666666; /*gray color theme*/ 
}

#modernbricksmenu2 li.selected a:hover{ /*selected main tab style */
background-color: #666666; !important /*gray color theme*/ 
color: white;
border-color: #666666; /*gray color theme*/ 
}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
color:#000080;
}

.shadetabs li{
display: inline; 
margin: 0;
text-decoration: none; 
}

.shadetabs li a{
text-decoration: none;
border: 0px solid #778;
color:blue;
}

.shadetabs li a:visited{
color: #385281;
}

.shadetabs li a:hover{
text-decoration: underline;

}

.shadetabs li.selected{
position: relative; 
font-weight:normal;
text-decoration: none;
}

.shadetabs li.selected a{ /*selected main tab style */
text-decoration: underline;font-weight:bold;
border-bottom-color: white;
color:#000;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;font-weight:bold;
}

/************************************************************** CSS for Multimedia ***********************************************/
/****************************************************** SEP 2009 by Ric de Guzman II *********************************************/
.cppv_main{ width:65%; float:right; }

.cppv { width:30%;  float:left; padding-bottom:2px;}
#cppv2 { width:100%; float:left; padding-bottom:2px;}

#modernbricksmenu{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
margin:5px;
padding: 5px;
}

#modernbricksmenu a{
float: left;
font: bold 11px;
text-decoration: none;
margin: 0 5px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color: D25A0B; /*Brown color theme*/ 
}

#modernbricksmenu a:hover{
background-color: #666666; /*gray color theme*/ 
}

#modernbricksmenu li.selected{
/*background-color: #666666; !important gray color theme*/ 
border-color: #666666; /*gray color theme*/ 
 }

#modernbricksmenu li.selected a{ /*selected main tab style */
background-color: #666666; !important /*gray color theme*/ 
border-color: #666666; /*gray color theme*/ 
}

#modernbricksmenu li.selected a:hover{ /*selected main tab style */
background-color: #666666; !important /*gray color theme*/ 
border-color: #666666; /*gray color theme*/ 
}