#holidayBanner{
			width: 750px;
			height: 75px;
			clear:both;
			padding: 0;
			margin: 0;
			background: #4A7720 url("../images/2008_holiday_banner_animated.gif") no-repeat;
			border-right: solid 1px #333333;
			z-index: 0;
		}
		
#holidayBanner a{

	display: block;
	width: 749px;
	height: 75px;
	
}

#banner{
			width: 750px;
			height: 75px;
			clear:right;
			padding: 0;
			margin: 0;
			background: #990000 url("../images/banner.gif") no-repeat;
			border-right: solid 1px #333333;
			z-index: 0;
		}
		
#banner a{

	display: block;
	width: 749px;
	height: 75px;
	
}
	
	#norcalbanner{
			width: 750px;
			height: 75px;
			clear:right;
			padding: 0;
			margin: 0;
			background: #990000 url("../images/norcalbanner.gif") no-repeat;
			border-right: solid 1px #333333;
			z-index: 0;
		}
		
#norcalbanner a{

	display: block;
	width: 749px;
	height: 75px;
	
}	


#headerEBillPay{
			float: left;
			width: 750px;
			margin: 0;
			padding: 0;
			border-right: 1px solid #333333;
			background-color: #FFCC66;
			line-height: normal;  
		}
		

#header{
			float: left;
			width: 750px;
			margin: 0;
			padding: 0;
			border-right: 1px solid #333333;
			background: #990000 url(../images/tabs/tabsbgC.gif) repeat-x bottom;
			/*background: #4A7720 url(../images/tabs/tabsbg_holiday.gif) repeat-x bottom;*/
			font-size: 70%;
			font-family: arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #000000;
			line-height: normal;
			text-align: left;
			  
		}		
		
			
			#header ul{
				
				float: left;
				margin: 0; 
				padding-left: ;
				list-style: none;
				
				
				
			}
			
			#header li{
				float: left;
				background: url(../images/tabs/lefttab1.gif) no-repeat left top;
				margin: 0;  				
				padding: 0 0 0 8px; 				
				list-style: none;
				
			}
			
			
			#header li.tab1{
				float: left;
				background: url(../images/tabs/lefttabHome.gif) no-repeat left top;
				margin: 0;
				padding: 0 0 0 9px;				
				list-style: none;
			}

					
		#header li a{
		
			float: left;
			/*display: block;*/
			background: url(../images/tabs/righttab1.gif) no-repeat right top;
			padding: 5px 15px 4px 6px;
			text-decoration: none;
			color: #220000;
			font-weight: bold;
	   	  }
		
		#header li a:hover{
	
		text-decoration: none;
		color: #660000;
	
	}
		
		/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
  		#header a {float:none;}
 	 /* End IE5-Mac hack */ 
  
		
		body#tab1 li.tab1 { background-image: url(../images/tabs/lefttabHomeLight.gif) }
		
		body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, 		
		body#tab6 li.tab6, body#tab7 li.tab7{
		
			float: left;
			background-image: url(../images/tabs/lefttabLight1.gif);
			
		
		}
		
		
		body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, 
		body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a
		{
			float: left;
			background-image: url(../images/tabs/righttabLight1.gif);
			padding-bottom:5px;
		}
		
		
		
		body#tab1 li.tab1 a:hover, body#tab2 li.tab2 a:hover, body#tab3 li.tab3 a:hover, 
		body#tab4 li.tab4 a:hover, body#tab5 li.tab5 a:hover,body#tab6 li.tab6 a:hover,
		body#tab7 li.tab7 a:hover{
	
		text-decoration: none;
		cursor: default;
		color: #000000;
		
		}
	
	#subMenu{
	
		clear: both;
		width: 750px;
		height: 25px;
		background-color: #F9DAAB;
		border-bottom: solid 1px #333333;
		border-right: solid 1px #333333;
		padding: 0;
		margin: 0;
	}
	
	#subMenu ul{
					
				margin: 0;
				padding-top: 5px;
				padding-left: 5px;
				list-style: none;
				font-family: verdana;
				font-size: 65%;
				font-weight: bold;
				color: #000000;
				
			}
			
			
			#subMenu li{
				float: left;
				padding: 0 0 0 15px;
			}
			
			#subMenu li a{
			
				color: #330000;
				text-decoration: none;
			
			}
			
				#subMenu li a:hover{
			
				color: #003399; 
				/*color: #055C93;*/
				text-decoration: underline;
			
			}

		#position{
		  	clear: both;
		  	width: 750px;
		  	
		  
		}
	
		#content { 
		float: left;
		margin-top: 0px;
		padding-top: 0px;
		background: url("../images/backgroundpaper_02.jpg"); 
		width: 750px; 
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333; 
		}
		
		#text{
		  	padding-top: 10px;
		  	margin-top: 0px;
			padding-left: 10px;
			padding-right: 8px;
			text-align: left;
		}
		
		#footer{
			clear: both;
			background-color: #FFFFFF;
			text-align: center;
			width: 750px;
			font-family: Arial, helvetica, san-serif;
			font-size: 65%;
			font-weight: bold;
		}
		
		#footer a{
			
			color: #000000;
		
		}
		
		#footer a:hover{
			
			color: #990000;
		
		}
		
		#pad{
		 	padding-top: 5px;
		    padding-right: 10px;
			
		}	
		
		
				#epay{
		border: solid #999999 2px;
		border-top: 0px;
		width: 300px;
		background-color: #E2E2E2;
		padding-top: 0px;
		padding-left: 3px;
		padding-bottom: 0px;
		text-align: left;
		}
		
		#drop{
	
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
		}
		
			html>body #pad{
		  
		 	 padding-top: 10px;
		    padding-right: 5px;
			
		}
		.red{
			color: #CC0000;
		}
		
		.title{
		font-family: Arial, Helvetica, san-serif;
		font-size: 90%;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		font-style: italic;
		}
		
		.rform{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: bold;
			color: #CC0000;
		}
		
		.form{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: none;
			color: #000000;
		}
		
		.content{
			
			font-family: verdana;
			font-size: 75%;
			font-weight: none;
			color: #000000;
		}
		
		
		.content a{
	
			color: #990000;
		}
		
		.content a:hover{
	
			color: #CC0000;
		}
		
			.content2{
		font-family: Arial, Helvetica, san-serif;
		font-size: 70%;
		color: #000000;
		text-decoration: none;
		}
		
.content2 a{
		text-decoration: none;
		color: #990000;
		}
		
.content2 a:visited{
			text-decoration: none;
			color: #990000;
		}
		
.content2 a:hover{
			text-decoration: none;
			color: #055C93;
		}
		
.content2 a:active{
			text-decoration: none;
			color: #CC0000;
		}
		
		h1{
		font-family: Arial, Helvetica, san-serif;
		font-size: 110%;
		color: #000000;
		text-decoration: none;
		margin-top: 5px;
		}	
		
h2{
		font-family: verdana;
		font-size: 95%;
		color: #000000;
		text-decoration: none;
		margin-top: 2px;
		margin-bottom: 5px;
		}
		
		#text ul{
			list-style-position: inside;
			list-style-type: square;
			
			
		}
		
		html>body #text ul{
		  
		  	list-style-position: inside;
		  	list-style-type: square;
			padding-left: 15px;
			
		  }
		
		
		.content li{
		
			padding-bottom: 5px;

		}
		
		html>body .content li{
		
			padding-top: 0px;
			padding-bottom: 5px;
		
		}
		
	.dropdown{
		color: #581010;
		background-color: #DBD8D8;
		font-weight: bold;
		font-size: 70%;
		}	
		
		.caption{
		font-family: Arial, Helvetica, san-serif;
		font-size: 65%;
		color: #000000;
		font-style: italic;
		}
		
		hr{
	margin-bottom: 0px;
	margin-top: 0px;
	height: 2px;
	padding: 0px;
	background-color: #999999;
		}
		

		
.error{
		color: #cc0000;
		text-decoration: none;
		font-weight: bold;
			}
		
		.footer{
		font-family: Arial, Helvetica, san-serif;
		font-size: 65%;
		color: #000000;
		text-decoration: none;
}
	
.ebillpayButton
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/login_down.gif) no-repeat;
white-space: nowrap;
display: block;
width: 176px;
height: 42px;
margin: 0;
padding: 0;
}

.ebillpayButton a
{
display: block;
color: #000000;
font-size: 85%;
width: 176px;
height: 42px;
display: block;
float: left;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.ebillpayButton img
{
width: 176px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

.ebillpayButton a:hover img
{
visibility:hidden
}

.ebillpayButton span
{
position: absolute;
left: 34px;
top: 13px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: white;
}
		
.label{
	
	font-family: verdana;
	font-size: 105%;
	font-weight: bold;
	color: #000000;
}

#earthday{
	padding-right:5px;
	text-align:center; 
	position:absolute;top:50px;
	left:620px;
}

#earthday a{
	display: block;
	width: 130px;
	height: 25px;	
}

.earthday{
	color:#ffffff; 
	font-family: arial, helvetica, sans serif;
	font-size:80%; 
	text-decoration: none;
	font-weight: bold;
}

.earthday a{
	color:#ffffff; 
	text-decoration: underline;
}

.earthday a:hover{
	text-decoration: underline;
	color: #FFFFCC;
}


/* -------   E-Pay Functions  --------------------------------------- */

#buttons {
	border: 0px;
    padding: 0px 0px 20px 0px;
    margin: 0px;				/* If text is above this then set top-margin to 10px */
    font-weight: bold;
}

#buttons ul {
	border: 0px;
    padding: 0px;
    margin: 0 0 0 -15px;
    position: absolute;
}

#buttons ul li {
	list-style-type: none;
    float: left;
    clear: both;
}

#buttons ul li a {
	background-color: #990000;
    border-top: 3px solid #CC0000;
    border-left: 3px solid #CC0000;
    border-right: 3px solid #660000;
    border-bottom: 3px solid #660000;
	padding: 2px 10px 4px 10px;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    float: left;
    clear: both;
    width: 250px;
    outline: none;
}

#buttons ul li a:hover {
	background-color: #B00000;
}

#buttons ul li a:active {
	background-color: 800000;
    border-top: 3px solid #660000;
    border-left: 3px solid #660000;
    border-right: 3px solid #CC0000;
    border-bottom: 3px solid #CC0000;
    padding: 3px 9px 3px 11px;
}


#fixed fieldset{
	 			 float: right;
				 background-color:#fbf7e3;
				 border:1px solid #666666;
				 width: 350px;
				 padding: 10px;
				 text-align: left;
				}
/* epayment.php */
.green {
	color:#008800; 
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}

.bullet{
	list-style-type: square;
}

/* news.htm  */
#newsletter{
	font-size: 1em;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #7e5608;
	background-color: #eeeeee;
	
	}
	
#newsletter td{
	border:1px solid #7e5608;
	
	}

#newsletter a{
	text-decoration: none;

}
#newsletter .header {
	font-size: 1.2em;
	text-align:center;
	background-color: #EEAA49;
	color: white;
	border: 1px solid #7e5608;
	padding-top:5px;
	padding-bottom: 5px;
}

/* epayment.php */
.green {
	color:#008800; 
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}

.bullet{
	list-style-type: square;
}

/* -------  Holiday ID's and Classes  --------------------------------------- */


#holiday_mask{
	
	position:absolute; 
	top:30px; 
	left:751px; 
	background-color: #FFFFFF; 
	height:40px; 
	width:185px; 
	visibility: hidden;
	z-index: 5;
}

#slide_holiday{

	position: absolute; 
	background: #bcd8a4; 
	border: 1px solid #336600; 
	border-right: solid 1px #000000; 
	height:20px; 
	width:175px; 
	text-align:center; 
	top:45px;  
	left: 574px;  
	visibility: hidden; 
	z-index: 1;
}

.holidayText{

	color:#003300; 
	font-family: arial, helvetica, sans serif;
	font-size:80%; 
	text-decoration: none;
	font-weight: bold;	
	
	}
	
.holidayText a{

	color:#003300; 
	text-decoration: underline;
	display: block;
	width: 175px;
	height: 20px;
	
	}
	
.holidayText a:hover{

	color:#0033ff; 
	text-decoration: underline;
	
	}