/* CSS Document */

body {
	background-image: url("http://www.bwsc.org/images/background_dropshadow.gif");
	background-position: center center;
	background-repeat: repeat-y;
}

#divWrapper {
	position:relative;
	background-color: #FFFFFF;	
	width: 970px;	
	_width: 950px; /*  IE6 hack */
	margin: 0 auto;
	overflow:visible;
	height: 100%;
	

}

#divContent {
	position:relative;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 12px;
	text-align: left;
	width: 595px;
	min-height: 540px;
	overflow: hidden;
	background-color:#ffffff;
	margin: 0 auto;

}

#divContent img{
margin-bottom: 1em;

}

#divContent ol{
margin-left: 25px;
font-size: 90%;
}

#divContent ol li{
padding-bottom: 1em;
}


#divContentWrapper {
	float: left;
	width: 100%;
	_width: 970px;  /* IE6 hack */
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;

}

.BG_IMG {
	
	background-image: url('http://www.bwsc.org/images/background_dropshadow.gif'); 
	background-repeat: repeat-y; 
	margin: 0 auto;   
	background-position:center; 
	background-color: #9a9a9b;
	}

#CurrentOpenings {
width: 588px;
float: left;

}



#Employment ul{
margin-left: 0;
list-style-type: none;
}

.center {
text-align: center;
margin: 0;

}
#payments li{
font-size: 100%;
margin-bottom: .8em;
margin-top: .8em;
margin-left: 1.5em;
}

.ColoredBox {
padding-top: 1px;
padding-bottom: 1px;
padding-left: .75em;
padding-right: .75em;
margin: .5em auto;
background-color:#EEEEEE;

}

#metering img {
float:right;
}

#metering ul {
font-size: 80%;
}

p.center_bold {
text-align: center;
font-weight: bold;
margin: 0;
}

.left_align {
text-align: left;
}

.right_align {
text-align: right;
}

#SitePlans h2 {
margin-bottom: 0;
padding: 0;
}

#SitePlans p {
margin-top: .25em;
}

/*YOUR ACCCOUNT*/

#divAccounts img {
margin-top: 15px;
margin-left: 65px;
}


#accountlinks ul{
padding: 0;
margin-top: 2em;
list-style-type: none;
}



#accountlinks li{
text-decoration:none;
background-color:#CCFFFF;
display:inline;
}

#accountlinks li a {
	text-decoration: none;
	
}
#accountlinks li a:hover {
	text-decoration: underline;
}

#transactionstop {
float: left;
display: block;
}

#transactionsbot {
float: left;
display: block;
}
#accountinfo {
width: 270px;
float:left;
}

#transactionsbot table h2 {
display:block;
color:#FFFFFF;
/*background-color:#365A95;*/
background-color:  #365A95;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size: 85%;
margin-top: .25em;
padding: .15em;
letter-spacing: .1em;
}

#custinquiry {
float:right;
}

/*BILL VIEW*/

#BillWrapper {
width:670px;
}
#BillWrapper p{
margin:0;
}

#BillWrapper form{
float: left;
margin-left: 100px;
margin-top: 15px;
}

#Letterhead img{
float: left;
}
/*#Print form{
float: left;
margin-left: 100px;
margin-top: 20px;
}*/

#ForServiceTo {
background-image:url('http://www.bwsc.org/images/accounts/forservice_hdr.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 208px;
padding-top: 18px;
padding-bottom: 10px;
margin-top: 8px;
}

#AccountNbr {
background-image:url('http://www.bwsc.org/images/accounts/acct_nbr_hdr.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 82px;
padding-top: 18px;
text-align:center;
padding-bottom: 5px;
}
#MeterNbr {
background-image:url('http://www.bwsc.org/images/accounts/mtr_nbr_final.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 82px;
padding-top: 18px;
text-align:center;
}
#BillingDate {
background-image:url('http://www.bwsc.org/images/accounts/bill_date_hdr.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 82px;
padding-top: 18px;
text-align:center;
padding-bottom: 5px;
}
#BillingPeriod {
background-image:url('http://www.bwsc.org/images/accounts/bill_period_hdr.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 82px;
padding-top: 18px;
text-align:center;
}

#CurrentBilled {
background-image:url('http://www.bwsc.org/images/accounts/curr_read_hdr.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 153px;
padding-top: 18px;
text-align:center;
padding-bottom: 5px;
}

#PreviousBilled {
background-image:url('http://www.bwsc.org/images/accounts/Prev_read_hdr.gif');
background-position:top;
background-repeat:no-repeat;
float: left;
width: 153px;
padding-top: 18px;
text-align:center;
}
#AccountWrapper_C1 {
float: left;
width: 82px;
padding-left: 2px;
margin-top: 8px;
}
#AccountWrapper_C2 {
float: left;
width: 82px;
padding-left: 6px;
margin-top: 8px;
}
#AccountWrapper_C3 {
float: left;
width: 153px;
padding-left: 6px;
margin-top: 8px;
}

#BillingActivity {
float: left;
width: 538px;
padding-top: 0px;
padding-bottom: 10px;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
border-bottom: 1px solid #0000ff;
margin-bottom: 5px;
}
#BillWrapper img{
margin-left: -.05em;
}
#usagehdr1 img{
margin-left: 0;
padding-top: 3px;
}
#usagehdr2 img{
margin-left: 0;
}
#SpecialMessages {

float: left;
width: 658px;
padding-top: 0px;
padding-bottom: 10px;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
border-bottom: 1px solid #0000ff;
margin-bottom: 5px;
}
#CurrentConsumption {
background-image:url('http://www.bwsc.org/images/accounts/cubicft_gallons.gif');
background-position: 3px 115px;
background-repeat:no-repeat;
float: left;
width: 148px;
height: 155px;
padding-top:0px;
padding-bottom: 10px;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
border-bottom: 1px solid #0000ff;
}

#ConsumptionHistory {
float: left;
width: 503px;
padding-top: 0px;
padding-bottom: 10px;
margin-left: 8px;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
border-bottom: 1px solid #0000ff;
height: 155px;
}
#historyhdr img{
margin-left: 0;
padding-top: 3px;
}
#historyftr img{
margin-left: 0;
padding-top: 3px;
margin-bottom: -8px;
}
#ConsumptionHistory_Middle {
float:left;
margin-left: -7px;
padding-right: 35px;
border-right: 1px solid #0000ff;
}

#ConsumptionHistory_Right {
float:left;
padding-left: 30px;
margin-left: -35px;
}
#tophalf {
float: left;
}


/*POSTIONING OF EXPLANATION TEXT ON BILL*/

#explanation {
float: right;
width: 130px;
}
#explanation img{
padding-top: 8px;
}

#img_1{
float:right;
margin-right: 10px;
}

#img_2{
float:right;
margin-right: 0;
}

#img_3{
float:right;
margin-right: 10px;
}

#billquestions {
padding-top: 5em;
text-align: center;
font: 85%;
font-style:italic;
}

#CustName {
float:left;
width: 50%
}

#CustAcctNbr {
float:right;
}

#CustData {
width: 475px;
font:Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight:bold;
}

/*COMMISSIONERS*/


#Commissioners h5{
text-align: center;
font-size: 140%;
margin: .5em;
font-style:italic;
color:#5E73C6;
}

#Commissioners ul {
padding: 0;
margin-top: 1em;
margin-right: 0;
margin-left: 0;
list-style-type: none;
text-align: center;

}
#Commissioners li {
display:inline;
margin: .75em;
font-weight:bold;
color:#000066;
}

#Commissioners li a {
text-decoration: none;
}
#Commissioners li a:link{
color: #000066;
}
#Commissioners li a:active{
color: #000066;
}
#Commissioners li a:hover{
text-decoration:underline;
}

#Commissioners li a:visited {
color: #000066;
}

#Commissioners img {
float:left;
margin-right: 1em;
margin-bottom: .15em;
margin-top: .25em;
border: 1px solid #000000;

}

#Systems img{
float: right;
}

#kits img {
float:right;
margin-right:0;
margin-bottom: .25em;
margin-top: .25em;
margin-left: 1em;
border: 1px solid #000000;

}

#RainfallText {
position:absolute;
top: 290px;
left: 390px;
float: none;
width: 165px;
margin: 0;
padding:0;
z-index: 1;
}
#RainfallMap img {
margin-top: -55px;
position:absolute;
top: 210px;
left: 75px;
}

#return {
width: 30px;
margin: 50px auto;
padding: 20px;
}

#return p{
border: 1px solid #000099;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 5em;
color:#FFFFFF;
background-color: #000099;
text-align: center;

}

#breadcrumbs{
font-size:11px;
color:#006699;
font-weight: bold;

/*background-color:#DAEBEB;
height:: 40px;
padding: 5px 25px 10px 5px;
margin: -5px -25px -11px -15px;
*/

}


/*YOUR ACCOUNT*/



#AcctContent {

width: 575px;
margin-top: -15px;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
height: 100%;
float: left;

}

#AcctTabs {
margin-left: 16px;
margin-top: 11px;


}

#AcctTabs li {

background: url('http://www.bwsc.org/images/navigation/tab_unselected.png') no-repeat left top;
display: inline;
font-size: 10px;
padding: 4px 8px 8px 8px;
margin: 10px 2px 0px 2px;
text-decoration: none;
padding-bottom: 10px;
color: #10335F;
float:left;
width: 70px;
height: 24px;
text-align:center;

}


#AcctTabs .RecTrans a {
	top: 96px;
	left:32px;
}

#AcctTabs .CurBill a {
	top: 96px;
	left: 122px;
	height: 25px;
	
}

#AcctTabs .Daily a {
	top: 96px;
	left: 212px;
}


#AcctTabs .Monthly a {
	top: 96px;
	left: 302px;
}

#AcctTabs .History a {
	top: 96px;
	left: 392px;
}

#AcctTabs .OtherAccts a {
	top: 96px;
	left: 482px;
}

#AcctTabs a:link, a:visted, a:hover, a:active {
color: #666;
text-decoration: none;
}

#AcctTabs li:hover {
background: url('http://www.bwsc.org/images/navigation/tab_hover.png') no-repeat left top;
text-decoration: none;
color: #10335F;
}

#AcctTabs li#SelectedTab {

background: url('http://www.bwsc.org/images/navigation/tab_selected.png') no-repeat left top;
border: none;
}

#AcctTabs li#SelectedTab a{
text-decoration: none;
font-weight: bold;
color: #000000;
}

#AcctTabs a.singleline {
padding-top: 9px;
padding-bottom: 2px;

}


#AcctBox1 {
padding: 10px;
background-color: #EBE9C2;
width: 100%;
/*z-index: -1;*/
margin-top: 0px;
float:inherit;

}


/*NOTEBOXES*/

#Notebox {
	width: 85%;
	padding: 15px;
	margin: 30px auto;
	background-color: #D7DFEA;
	border: 1px solid #88A0BF;
	clear:both;
}

#Notebox p{
	text-align: left;
	padding: 0;
	margin: 0;
}