
body {
  background-color: #ffffff;
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  }

* { outline:none; }

/* Homepage Only */

#home-yellow {
  width:953px;
  margin:0;
  padding:0;
  border-left:#febf05 solid 15px;
 }  

#yellowleft {
  float:left;
  width:224px;
  padding-left:23px;
  }

#hpnav {
   padding:0;
   margin:0;
   height:18px;
   list-style:none;
   display:inline;
   overflow:hidden;
   }
  
 #hpnav li {
   margin: 0; 
   padding: 0;
   display: inline;
   list-style-type: none;
   }
  
 #hpnav a {
   float: left;
   padding: 18px 0 0 0;
   overflow: hidden;
   height: 0px !important;
   height /**/:20px; /* for IE5/Win */
   }
  
 #hpnav a:hover {
   background-position: 0 -18px;
   }
  	
  	#hpnav1 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav1.jpg) top left no-repeat;
  	  }  
	#hpnav2 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav2.jpg) top left no-repeat;
  	  } 
	#hpnav3 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav3.jpg) top left no-repeat;
  	  } 
	#hpnav4 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav4.jpg) top left no-repeat;
  	  }  
	#hpnav5 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav5.jpg) top left no-repeat;
  	  } 
	#hpnav6 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav6.jpg) top left no-repeat;
  	  } 
	#hpnav7 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav7.jpg) top left no-repeat;
  	  }  
	#hpnav8 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav8.jpg) top left no-repeat;
  	  } 
	#hpnav9 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav9.jpg) top left no-repeat;
  	  } 
	#hpnav10 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav10.jpg) top left no-repeat;
  	  }  
	#hpnav11 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav11.jpg) top left no-repeat;
  	  } 
	#hpnav12 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav12.jpg) top left no-repeat;
  	  } 
	#hpnav13 a  {
  	  width: 160px;
  	  background: url(../_files/img/hpnav13.jpg) top left no-repeat;
  	  } 

#yellowright {
  float:right;
  width:686px;
  margin:0;
  padding:0;
  background-color:#fafafa;
  }

#home-green {
  margin-top:20px;
  width:953px;
  padding:0;
  border-left:#83c133 solid 15px;
 }  

.uline { width:100%; padding-bottom:1px; border-bottom:1px solid #959595; }

#greenleft {
  float:left;
  width:224px;
  padding-left:23px;
  }

#greenright {
  float:right;
  width:686px;
  margin:0;
  padding:0;
  }


#home-blue {
  margin-top:20px;
  width:953px;
  padding:0;
  border-left:#88aad7 solid 15px;
 } 

.ubox {border:1px solid #cacaca; }

#blueleft {
  float:left;
  width:224px;
  padding-left:23px;
  }

.aneventright {
  color:#6c6c6c;
  font-weight:normal;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  }

.aneventright a, .aneventleft, a.bluespan {
  color:#4375b7;
  color:#4072b5;
  font-weight:bold;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
}
.aneventright a:hover, a.bluespan:hover { text-decoration:underline; }

.anevent { width:224px; border-bottom: 1px dotted #929697; padding:5px 0; }
.aneventleft { width:8px; float:left; }
.aneventright { width:213px; float:right; }

.moreevents { padding:5px 0; }

#blueright {
  float:right;
  width:686px;
  margin:0;
  padding:0;
  }

#newleft {
  float:left;
  width:445px;
}
#newright {
 float:right;
 width:222px;
}

.listspace { padding:5px 0; }

a.newslink {
  color:#4375b7;
   color:#4072b5;
  text-decoration: none;
  font-weight:bold;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  }

a.newslink:hover { text-decoration:underline; }

.dotthetop { width:100%; border-top: 1px dotted #929697; }
  
/* Page Header */

#headerwrap {
  width:968px;
  height:110px;
  margin:0;
  padding:0;
  position:relative;
  }  

#mainlogo {
  position: absolute;
  top:12px;
  left:8px;
  width:227px;
  height:96px;
  }

#utilitynav {
  float:right;
  text-align:right;
  padding-top:8px;
  font: 10px Arial, Helvetica, sans-serif;
  color:#c9cacb;
  
  }
#utilitynav a {
  font: 12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#88aad8;
  text-decoration:none;
  }
#utilitynav a:hover { text-decoration:underline; }

#navlinks { position:absolute; top:12px; left:480px; }

/* -- Search Box -- */


	#navsearch {
	  float:right;
	  background-color:#ffffff;
	  border: 1px solid #c9cacb;
	  width:180px;
	  padding:1px;
	  }
		
	.sitesearchbox {
	  float:left;
	  width:140px;
	  font-size:11px;
	  font-family: Verdana,Arial, Helvetica, sans-serif;
	  color:#676767;
	  padding:1px;
	  border:0;
	  padding-right:10px;
	  }

	.sitesearchsubmit {
	  float:right;
	  }
	  

/* Subpage Body */

#subwrap {
  clear:both;
  width:968px;
  margin:0;
  padding:0;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  }  

#subleft {
  float:left;
  width:230px;
  }
  
#subright {
  background: url(../_files/img/shadow-header.gif) top right no-repeat;
  float:right;
  width:718px;
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#000000;
  }

	#subright h1,h2,h3,h4,h5,h6 {
	  font-family: Arial, Helvetica, sans-serif;
	  color:#121212;
	}
	
	#subright h1,h2 {
	  font-weight:normal;
	 }
	 
	#subright h1,h3 {
	  color:  #6d93c3;
	 }

	
	#subright p,th,td,ul,ol,li {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 18px;
	  color:#000000;
	  
	}

	#subright ul li {
	  list-style-type: square;
	}
	
	#subright a {
	  color: #4682B4;
	}

	#subright ul {
	  margin-top:-8px;
	  }

#subtitle {
  float:right;
  text-align:right;
  padding:30px 20px 10px 0;
}

.subinner {
  padding:0px 12px 0px 20px;
  }

.greenwrap {
  border-style:solid;
  border-color:#83c133;
  border-width:3px;
  padding:1px;
  margin:16px;
 }

.bluewrap {
  border-style:solid;
  border-color:#88aad8;
  border-width:3px;
  padding:1px;
  margin:16px;
 }

.goldwrap {
  border-style:solid;
  border-color:#febf05;
  border-width:3px;
  padding:1px;
  margin:16px;
 }
 
.tablecell {
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  font-size:9px;
  color:#333333;
  letter-spacing:0px;
  line-height:18px;
  padding-left:0px;
  padding-right:0px;
  margin-top:0px }

.headercell {
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  font-size:9px;
  color:#ffffff;
  letter-spacing:0px;
  line-height:12px;
  padding-left:3px;
  padding-right:0px;
  margin-top:0px;
  font-weight:bold;
  text-transform:uppercase 
  }

.tableindent {padding-left:10px}


.searchform {
  width:470px;
  height:76px;
  background-color:#cccccc;
  padding:12px;
  }
.searchformtall {
  width:470px;
  height:106px;
  background-color:#cccccc;
  padding:12px;
  }
.minifont { 
  font-size: 10px; 
  color: #000000; 
  font-family: tahoma, verdana, helvetica, arial, sans-serif; 
  line-height:16px;
  }
select.minifont { height:18px; }

.greyback th {
  background-color:#efefef;
  width:150px;
  font-weight:normal;
  text-align:left;
  }
.greyback td {
  background-color:#efefef;
  width:350px;
  }

/* Stripes */


a.stripe1 {
  width:470px;
  display:block;
  font-size:11.5px;
   line-height: 15px;
  padding:8px;
  background-color:#ededed;
  text-decoration:none;
}
a.stripe2 {
  width:470px;
  display:block;
  font-size:11.5px;
   line-height: 15px;
  padding:8px;
  background-color:#ffffff;
  text-decoration:none;
}

p.stripetop {
  width:470px;
  display:block;
  font-size:11.5px;
  line-height: 15px;
  margin:0;
  padding:8px;
  background-color:#999999;
  color:#fff;
  font-weight:bold;
}

p.stripe1 {
  width:470px;
  display:block;
  font-size:11.5px;
  line-height: 15px;
  margin:0;
  padding:8px;
  background-color:#ededed;
  
}
p.stripe2 {
  width:470px;
  display:block;
  font-size:11.5px;
  line-height: 15px;
  padding:8px;
  margin:0;
  background-color:#ffffff;
  }
  
/* Footer */


#footer {
  clear:both;
  width:930px;
  margin:0px 0px 10px 38px;
  padding:10px 0;
  text-align:center;
  font-size: 10px;
  line-height:14px;
  color: #868686;
  font-family: tahoma, verdana, helvetica, arial, sans-serif; 
  text-decoration: none;
  border-top:1px solid #bcbcbc;
}

#footer a {
  color: #868686;
  color:#88aad8;
  text-decoration: none;
}
.minipipe {
  width:1px;
  background-color:#bbbbbb;
  }





/* Sidenav */

#yellowtop {
  background-color: #febf05;
  width:230px;
  height:8px;
  }
#bluetop {
  float:left;
  background-color: #88aad8;
  width:230px;
  height:8px;
  }
  
#sbnav {
   padding:0;
   margin:0;
   }
  
 #sbnav a {
   float: left;
   padding: 24px 0 0 0;
   overflow: hidden;
   height: 0px !important;
   }
 
 #sbnav a.sbopen {
   background-position: 0 -48px;
   } 
   
 #sbnav a.sbactive {
   background-position: 0 -48px;
   }
 
 #sbnav a:hover {
   background-position: 0 -24px;
   } 	
  #sbnav3 a { width: 230px; background: url(../_files/sn/sbnav1.jpg) top left no-repeat; }  
  #sbnav4 a { width: 230px; background: url(../_files/sn/sbnav2.jpg) top left no-repeat; }  
  #sbnav5 a { width: 230px; background: url(../_files/sn/sbnav3.jpg) top left no-repeat; }  
  #sbnav6 a { width: 230px; background: url(../_files/sn/sbnav4.jpg) top left no-repeat; }  
  #sbnav7 a { width: 230px; background: url(../_files/sn/sbnav5.jpg) top left no-repeat; }  
  #sbnav8 a { width: 230px; background: url(../_files/sn/sbnav6.jpg) top left no-repeat; }  
  #sbnav9 a { width: 230px; background: url(../_files/sn/sbnav7.jpg) top left no-repeat; }  
  #sbnav10 a { width: 230px; background: url(../_files/sn/sbnav8.jpg) top left no-repeat; }  
  #sbnav11 a { width: 230px; background: url(../_files/sn/sbnav9.jpg) top left no-repeat; }  
  #sbnav12 a { width: 230px; background: url(../_files/sn/sbnav10.jpg) top left no-repeat; }  
  #sbnav13 a { width: 230px; background: url(../_files/sn/sbnav11.jpg) top left no-repeat; }  
  #sbnav14 a { width: 230px; background: url(../_files/sn/sbnav12.jpg) top left no-repeat; }  
  #sbnavhome a { width: 230px; background: url(../_files/sn/sbnav13.jpg) top left no-repeat; }  
  #sbnavnew a { width: 230px; background: url(../_files/sn/sbnav14.jpg) top left no-repeat; } 
  
  #sbnav155 a { width: 230px; background: url(../_files/sn/sbnav155.jpg) top left no-repeat; } 
 
  
/* GSidenav */
 
 #gsidenav {
    width:220px;
    float:left;
    margin:0px 0px 0px 10px;
    padding:0;
  }
  
#gsidenav ul {
   margin: 0px;
   padding: 0px;
   border-top-style:solid;
   border-top-color:#eeeeee;
   border-top-width:0px;
 }

#gsidenav ul li {
    width:220px;
    float:left;
    list-style-type: none;
    }

#gsidenav ul li ul {
   margin: 0px;
   padding: 0px;
   border: 0px;
   list-style-type: none;
 }  
#gsidenav ul li a {
   display: block;
   text-decoration:none;
   font-family: Verdana,Arial, Helvetica, sans-serif;
   font-size: 11.5px;			/* Primary Size and Colors */
   font-weight: normal;
   line-height:13px;
   background-color: #ffffff; 
   color: #5d5d5d;
   height: auto !important;
   margin: 0px;
   width: 198px;
   padding-left: 22px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom-style:solid;
   border-bottom-color:#eeeeee;
   border-bottom-width:1px;
   outline:none; 
 }

#gsidenav ul li a.gactive {		/* Primary When Active */
   background: #ffffff url(../_files/sn/bluebox-large.gif) top left no-repeat;
   background-position: 5px 7px;
   color: #5d5d5d; 
}
#gsidenav ul li a.gopen {		/* Primary When Open */
   background: #ffffff url(../_files/sn/bluebox-large.gif) top left no-repeat;
   background-position: 5px 7px;
   color: #5d5d5d;  
}
#gsidenav ul li a:hover {		/* Primary On Hover */
   background-color:#f5f5f5;
   color: #242424;
 }

#gsidenav ul li ul li {
  list-style-type: none;
  }

#gsidenav ul li ul li a {
   display: block;
   text-decoration:none;
   font-family: Verdana,Arial, Helvetica, sans-serif;
   font-size: 10.5px;
   font-weight: normal;
   line-height:11px;
   background-color: #ffffff; 		/* Seconday Size and Colors */
   color: #6d93c3;
   margin: 0px;
   width: 180px;
   padding-left: 40px;
   padding-top: 4px;
   padding-bottom: 4px;
   border-bottom-style:solid;
   border-bottom-color:#eeeeee;
   border-bottom-width:1px;
   outline:none; 
 }

#gsidenav ul li ul li a.ggactive {	/* Seconday On Active */		
   background: #ffffff url(../_files/sn/bluebox-small.gif) top left no-repeat;
   background-position: 28px 6px;
   color: #6d93c3;
}
#gsidenav ul li ul li a.ggopen {		/* Seconday On Open */
   background: #ffffff url(../_files/sn/bluebox-small.gif) top left no-repeat;
   background-position: 28px 6px;
   color: #6d93c3;
} 
#gsidenav ul li ul li a:hover {		/* Seconday On Hover */
   background-color:#f5f5f5;
   color: #4e72a2;
 } 

#gsidenav ul li ul li ul li {
  list-style-type: none;
  }

#gsidenav ul li ul li ul li a {
   display: block;
   text-decoration:none;
   font-family: Verdana,Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   line-height:10.5px;
   background-color: #ffffff; 		/* Seconday Size and Colors */
   color: #6d93c3;
   margin: 0px;
   width: 170px;
   padding-left: 50px;
   padding-top: 3px;
   padding-bottom: 3px;
   border-bottom-style:solid;
   border-bottom-color:#eeeeee;
   border-bottom-width:1px;
   outline:none; 
 }

#gsidenav ul li ul li ul li a.gggactive {	/* Seconday On Active */		
   background: #ffffff url(../_files/sn/bluebox-small-small.gif) top left no-repeat;
   background-position: 42px 7px;
   color: #6d93c3;
}
#gsidenav ul li ul li ul li a.gggopen {		/* Seconday On Open */
   background: #ffffff url(../_files/sn/bluebox-small-small.gif) top left no-repeat;
   background-position: 42px 7px;
   color: #6d93c3;
} 
#gsidenav ul li ul li ul li a:hover {		/* Seconday On Hover */
   background-color:#f5f5f5;
   color: #4e72a2;
 } 
 
 
 /** Geocentric BP Forms CSS **/

#bpformarea {
  background-color:#f6f6f6;
  width:440px;
  padding:10px;
  margin-left:10px;
}

#bpformareawide {
  background-color:#f6f6f6;
  width:500px;
  padding:10px;
  margin-left:10px;
}
 
p.bpnote {
  clear:both;
  margin: 2px 0 2px 130px;
  width:300px;
}

p.bpfield {
  clear: both;
  float: none;
  margin: 0;
  padding:0;
}
p.bpfield label {
  clear: left;
  display: block;
  float: left;
  text-align: right;
  width: 122px;
  padding-top:2px;
}
p.bpfield input {
  clear: right;
  float: left;
  margin: 2px 0 2px 8px;
  padding:0;
  } 
p.bpfield select {
  clear: right;
  float: left;
  margin: 2px 0 2px 8px;
  padding:0;
  width:300px;
  } 
  
p.bpcheck {
  clear: both;
  float: none;
  position: relative;
  margin: 0;
  padding:0;
}
p.bpcheck input {
  left: 126px;
  position: absolute;
  top: 2px;
}
p.bpcheck label {
  display: block;
  margin:4px 0 4px 150px;
  padding-top:2px;
  width: 300px;
}

p.bptext {
  clear: both;
  float: none;
  margin: 0;
  padding:0;
}
p.bptext label {
  clear: left;
  display: block;
  float: left;
  text-align: right;
  width: 122px;
  padding-top:2px;
}
p.bptext textarea {
  clear: right;
  float: left;
  margin: 2px 0 2px 6px;
  padding:0;
  width: 300px;
  height: 80px;
}

p.bpsubmit {
  clear:both;
  margin: 4px 0 2px 130px;
  width:200px;
  padding:5px 0 0 0;
}

#inpagemap {
  width:500px;
  height:300px;
  background-color:#bfd25a;
  border-style:solid;
  border-color:#d8d8d8;
  border-width:1px;
}

#mapwrap {
  width:675px;
  height:450px;
  background-color:#bfd25a;
  border-style:solid;
  border-color:#d8d8d8;
  border-width:1px;
}

@media print {
  #utilitynav { display: none; }
  #subleft { display: none; }
  #subright { float:left; }
  }


