/* Default Style Settings */
body {
   background-color:#DEDEC8;
   color:#023d1a;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0px 10px 0px 10px;
   padding: 0px;}

h1{font-size:24px;
   font-style:italic;
   text-align:center;
   margin: 0px 0px 15px 0px;}

h2{font-size:16px;
font-style:italic;
   text-align:center;
   margin: 0px 0px 30px 0px;}

.clear{clear:both;}
* {margin: 0px;
   padding: 0px;}
   
/* Anchor Class Settings */
  a:link {COLOR:#003399; text-decoration:underline;}
  a:active{COLOR:#cc3333; text-decoration:underline;}
  a:visited{COLOR:#666666; text-decoration:underline;}
  a:hover {COLOR:#cc3333; text-decoration:underline;}

   #container {
      background-image: url(../images/stormwaterbody2.jpg);
      margin: 0px auto;
      text-align: left;
      width: 786px;}

   #backHeader {
      background-image: url(../images/stormwaterheader.jpg);
      border-width:0px;
      width: 786px;
      height: 345px;
      position:relative;
      margin: 0px 0px 0px 0px;}

   #backBody {
      background-image: url(../images/stormwaterbody.jpg);
      background-repeat:no-repeat;
      border-width:0px;
      width: 786px;
      margin: 0px 0px 0px 0px;
      /*overflow:hidden;  resolves IE6 extra page height */ }

   #backFooter {
      background-image: url(../images/stormwaterfooter.jpg);
      border-width:0px;
      width: 786px;
      height: 173px;
      position:relative;
      margin: 0px 0px 0px 0px;}

   .menuItem {
      background-color: #ffffff;
      border-color:#4d775e;
      border-style:solid;
      border-width:0px 1px 1px 0px;
      float:left;
      width:146px;
      margin-left:1px;
      padding: 10px 10px 10px 10px;
      text-align: center;
      color: #023d1a;
      font-size: 12px;
      display:inline;}
   .menuItem a{color:#023d1a;text-decoration:none;font-size:13px;font-weight:bold;}
   .menuItem a:active{color:#c77e0c;text-decoration:none;font-size:13px;font-weight:bold;}
   .menuItem a:visited{color:#023d1a;text-decoration:none;font-size:13px;font-weight:bold;}
   .menuItem a:hover{color:#c77e0c;text-decoration:none;font-size:13px;font-weight:bold;}


   #left {
      border-width:0px 0px 0px 0px;
      width:166px;
      margin-left:0px;
      padding: 0px 0px 0px 0px;
      display:inline;}

   #right {
      position:relative;
      float:none;
      top:0px;
      left:160px;
      width:550px;
      padding: 0px 20px 10px 10px;
      margin-top:-350px;
      margin-left:30px;
      margin-right:30px;}
   #right a{color:#c77e0c;}
   #right a:hover{color:#85a157;}

   #monthlyTip{
      position:absolute;
      top:125px;
      left:550px;}


/* Non-Anchor Class Settings TRBL*/

  .body10black {
     font-size: 10px;
     font-weight:normal;
     color: #000000;
     font-family: Verdana, Arial,Helvetica }

  .body11green {
     font-size:11px; 
     font-style:italic;
     color:#138c00;
     font-family:Verdana, Arial, Helvetica }
     
  .body11greenbold {
     font-size:11px; 
     font-weight:bold; 
     color:#023d1a;
     font-family:Verdana, Arial, Helvetica, sans-serif }
     
  .body12green {
     font-size: 12px;
     font-style:italic;
     font-weight:bold;
     color: #023d1a;
     font-family: Verdana, Arial, Helvetica }