/*  Classes below used for www header  */

.segment-nav a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.td-top-energyseg {	background-color: #2b4560;
	text-align:center;
	}
	
.td-waterseg {		background-color: #185665;
	text-align:center;
	}	
	
.td-communityseg {	background-color: #3c7467;
	text-align:center;
	}	
	
.td-enveduseg {		background-color: #4b7780;
	text-align:right;
	}	

.td-top-aboutseg {	background-color: #239281;
	text-align:center;
	}
	

/*  Classes below used for www left navigation  */

.table-bgcolor {
/*	background-color: #82A0A6;  */
	background-color: #cccccc;
}

/*.section-header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #239281;
	padding : 3px 3px 3px 3px;
} */

.td-leftnav-energyseg {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #2b4560;
	padding : 3px 3px 3px 3px;
	}	
	
.td-leftnav-energyseg a{	
	color: #ffffff;	
	}
	
.td-leftnav-waterseg {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #185665;
	padding : 3px 3px 3px 3px;
	}	
	
.td-leftnav-waterseg a{	
	color: #ffffff;	
	}	
	
.td-leftnav-communityseg {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #3c7467;
	padding : 3px 3px 3px 3px;
	}	
	
.td-leftnav-communityseg a{	
	color: #ffffff;	
	}
	
.td-leftnav-enveduseg {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #4b7780;
	padding : 3px 3px 3px 3px;
	}	
	
.td-leftnav-enveduseg a{	
	color: #ffffff;	
	}					
	
.td-leftnav-aboutseg {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #239281;
	padding : 3px 3px 3px 3px;
	}	
	
.td-leftnav-aboutseg a{	
	color: #ffffff;	
	}		

.td-bottom {border: 1px solid #ffffff;
	border-width: 0px 0px 1px 0px;
	}
	
.td-top-about-promo {border: 1px solid #ff0000;
	border-width: 1px 0px 0px 0px;
	}


/*******************************
 LEFT MENU CSS FOR WWW.LCRA.ORG
 Also reference www.lcra.org/library/js/menu/WWWMenuCore.js
 *******************************/
/** 
 * 1. These are the things that are always the same about all menu items:
 */

.LeftMenuL1 a,
.LeftMenuL2 a,
.LeftMenuL3 a,
.LeftMenuL4 a, 
.LeftMenuL5 a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;  
  display:block;
  color: #2b4560;
  background-color: #ffffff;
  background-repeat: no-repeat;
  text-decoration: none;  
}

.LeftMenuL1 a:hover,
.LeftMenuL2 a:hover,
.LeftMenuL3 a:hover,
.LeftMenuL4 a:hover, 
.LeftMenuL5 a:hover {
  background-color: #f0f0f0;
  text-decoration: underline;
}

/** 
 * 2. These are the customizations for each menu level:
 */
.LeftMenuL1 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:white;
}
.LeftMenuL1 a {
  width:121px;
  padding-left:10px;
  font-weight:bold; 
  background-color: #cccccc;
}
.LeftMenuL2 a {
  width:112px;
  padding-left:19px;
}
.LeftMenuL3 a {
  width:103px;
  padding-left:28px;
}
.LeftMenuL4 a {
  width:97px;
  padding-left:34px;
}
.LeftMenuL5 a {
  width:91px;
  padding-left:40px;
}
.LeftMenuL1Parent a {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L1.gif);
}
.LeftMenuL1Parent a:hover {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L1-Down.gif);
} 
.LeftMenuL2Parent a:hover {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L2-Down.gif);
} 
.LeftMenuL2Parent a {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L2.gif);
}
.LeftMenuL3Parent a {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L3.gif);
}
.LeftMenuL3Parent a:hover {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L3-Down.gif);
} 
.LeftMenuL4Parent a {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L4.gif);
} 
.LeftMenuL4Parent a:hover {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L4-Down.gif);
} 
.LeftMenuL5Parent a {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L4.gif);
} 
.LeftMenuL5Parent a:hover {
  background-image:url(/library/media/public/images/wwwleftnav/Arrow-L4-Down.gif);
} 


/**
 * 3. Selected item color. 
 */
.LeftMenuSelected a {
  color:#550016;
}