a 
    {
        color:#FFFFFF;
        text-decoration:none;
    }
   
a:hover
    {
        color:#4682B4; 
    }

a:visited
    {
        color:#FFFFFF;
    }
   
body  
    {
        background-color:#000000;
        background-image:url(../images/hatch.gif);
        font-family:Arial;
        font-size: 9pt;
        margin:0px;
        color:#FFFFFF; 
    }
h1
    {
        /* border-bottom:1px solid #4682B4; */
        color:#4682B4;
        font-size:18pt;
        line-height:24pt;
        text-transform:none;
        padding-bottom:4pt;
    }
         
h2
    {
        color:#FFFFFF;
        font-size:9pt;
        font-weight:bold;
        line-height:16pt;
        text-transform:uppercase;
        margin-bottom:2pt;
    }
    
h3
    {
        color:#4682B4;
        display:inline; 
        font-size:9pt;
        font-weight:bold; 
        margin-right:8px;
    }
   
hr 
   {
		height:2px;
		color:#192e40;
   }
   
img
   {
		border:0px;
   }
   
li 
   {
      color: #FFFFFF;
      font-size: 9pt;
      margin-bottom:3px;
      margin-top:3px;
   }
   
table
    {
         margin:0px;
         border-spacing:0px;
         padding:0px;
         border:0px;
    }
   
td 
   {
        font-size: 9pt;
        color: #FFFFFF;
        margin:0px;
        padding:0px;
        border:0px;
   }
   
ul
	{
		list-style-image:url(../images/bullet1.gif);	
	}

/* ---------------------------------------------------------------- */	
/* ID SELECTORS                                                               */
/* ---------------------------------------------------------------- */
#content
    {
		background-image:url('../images/background-gradient.gif');
        background-color: black;
        background-position:right;
        background-repeat:repeat-y;
        border-left: solid 0px #182229;
        border-right: solid 0px #182229;
        border-bottom: solid 0px #182229;
        border-top: solid 0px #182229;
        width: 800px;
    }
    
#features
    {
        border-bottom:0px solid #000000;
        border-top:0px solid #000000;
        height:600px;
        padding:12px;
        vertical-align:top;
        width:200px;  
    }
#features a
    {
        color:white;
        margin-left:0px;
        text-align:center;
    }
       
#features a:hover
    {
        color: #4682B4;
    }

#features a:hover img
	{
		border:1px solid #4682B4;	
	}
	
#features a img
    {
        border:solid 1px #5a7d98;
        margin-bottom:8px;
        vertical-align:bottom;
    } 
    
#features img
    {
        border:solid 1px #5a7d98;
        margin-bottom:8px;
        vertical-align:bottom;
    }     
    
#features .button
    {
        background-color:#182e3f; 
        border:0px;
        color:White;
        width:200px;
        height:30px;
        line-height:30px;
        margin-bottom:4px;
        text-align:center;
        vertical-align:middle;
    }
#features a.button
    { 
        background-image:url('../images/button-1.gif');
        color:White;
        display:block;
        height:30px;
        width:200px;
    }
#features a.button:hover
    { 
        background-image:url('../images/button-2.gif');
        color:White;
  	}
  	
#features .button2
    {
        background-color:#182e3f; 
        border:0px;
        color:#FFFFFF;
        display:block;
        width:200px;
        height:45px;
        margin-bottom:4px;
        padding-top:7px;
        text-align:center;
        vertical-align:middle; 
    }
    
#features a.button2
    { 
        background-image:url('../images/button-3.gif');
        background-repeat:no-repeat;
        color:White;
    }
#features a.button2:hover
    { 
        background-image:url('../images/button-4.gif');
        color:White;
    }
	    
#footer
    {
        background-color:black;
        border-top: solid 1px #FFFFFF;
        border-bottom : solid 1px #FFFFFF;
        color:#69747C;
        font-size:8pt;
        height:30px;
        padding:4px;
        width:800px;
    }
    
#footer a
    {
        color:white;
        font-size:12px;
    }
    
#footer a:hover
    {
        color:#4682B4;
    }

#header 
    {
        background-repeat: no-repeat;
        background-color:black;
        width:800px;
        height: 70px;
        border-bottom: solid 1px #FFFFFF;
    }
    
#info
	{
	    z-index:255;
		position:absolute;
		left:0px;
		top:0px;
		width:320px;
		height:500px;
		background-image:url(../images/map.gif);
		background-repeat:no-repeat;
		background-color:#182229;
		border:1px solid #FFFFFF;
		padding:3px;
	}
	
#image-links
    {
        background-color:#182229;
        border-top:0px solid #000000;
        border-bottom:0px solid #000000;
        height:600px;
        padding:12px;
        text-align:center;
        vertical-align:top;
        width:160px;
    }
#image-links a
    {
        font-weight:bold;
        padding-bottom:20px;
        margin-bottom:20px;
    }
    
#image-links a:hover
    {
        color:#4682B4;
    } 
    
#image-links a:hover img
    {
        border:1px solid #4682B4;
    }     

#image-links img
    {
        border:1px solid #69747C;
        margin-bottom:4px;
        vertical-align:bottom;   
    }
   
#links
    {
        border-top:0px solid #000000;
        border-bottom:0px solid #000000;
        height:600px;
        padding:12px;
        vertical-align:top;
        width:160px;
    } 
    
#links a
    {
        border-bottom:1px dotted #69747C;
        color:#69747C;
        display:block;
        margin-left:10px;
        margin-right:0px; 
        padding-top:4px;
        padding-bottom:4px;
        width:160px;
    }
    
#links a:hover
    {
        color:#4682B4;
    }  
    
#links h1
    {
        text-align:left;
    }
    
#links img
    {
        border:0px solid #69747C;
    } 

#navigate
    {
        border-top: solid 1px #FFFFFF;
        border-bottom : solid 1px #FFFFFF;
        display:block;
        width:800px;
        text-align:center;
        background-color:black;
        white-space:nowrap;
    }
    
#navigate a
    {
        background-repeat:no-repeat;
        width:144px;
        height:34px;
        border:1px;
        margin-bottom:4px;
        margin-left:5px;
        margin-right:5px;
        margin-top:4px;  
    }
    
#navigate img
    {
		margin-top:2px;
    }
  
#news
    {
        height:320px;
        overflow:auto;
        scrollbar-face-color : #000000;
        scrollbar-highlight-color : #182229;
        scrollbar-3dlight-color : #182229; 
        scrollbar-shadow-color : #182229; 
        scrollbar-darkshadow-color : #182229; 
        scrollbar-track-color : #182229; 
        scrollbar-arrow-color : #4682B4;
        padding-right:5px;
    }
    
#main
    {
        border-top:0px solid #000000;
        border-bottom:0px solid #000000;
        padding:12px;
        vertical-align:top;
    }
    
#main a
    {
        font-weight:bold;
    }    
    
#main a:hover
    {
        color:#4682B4;
    }   
      
#title
   {
      background-image:url(../images/water-storage.jpg);
      background-repeat:no-repeat;
      background-position :bottom left;
      border:0px;
      background-color: #182229;
      height:160px;
      width:800px;
      margin:0px;
      padding:0px;
   }
   
#title img
    {
        margin-top:80px;
        vertical-align:top; 
    }
   
/* ---------------------------------------------------------------- */	
/* CLASS SELECTORS                                                  */
/* ---------------------------------------------------------------- */ 
a.arrow 
    {
        background-image:url('../images/arrow-blue.gif');
        background-repeat:no-repeat;
        border:0px;
        height:8px;
        width:8px;
        float:right;
    }
    
a.arrow:hover
    {
        background-image:url('../images/arrow-white.gif');
    }
.button
    {
        background-color:#4682B4; 
        border-bottom:1px solid #004174;
        border-left:1px solid #57B6FF;
        border-right:1px solid #004174;
        border-top:1px solid #57B6FF;
        color:White;
    }	
	
.combobox
	{
		color:#FFFFFF;
		background-color:#000000;
		border-left:1px solid #182229;
		border-top:1px solid #182229;
		border-right:1px solid #182229;
		border-bottom:1px solid #182229;
	}
	
.gallery 
{
	background-color:#000000;
        display:block;
        overflow:auto;
        height:175px;
        scrollbar-face-color : #000000;
        scrollbar-highlight-color : #182229;
        scrollbar-3dlight-color : #182229; 
        scrollbar-shadow-color : #182229; 
        scrollbar-darkshadow-color : #182229; 
        scrollbar-track-color : #182229; 
        scrollbar-arrow-color : #4682B4;
        white-space:nowrap;
        width:775px;
      }
      
.gallery img {
		margin-left:20px; margin-right:36px
     }
  
.header 
    {
        background-position: top right;
        background-repeat: no-repeat;
        height: 80px;
    }
        
.label
	{
		color:#FFFFFF;
		font-size:8pt;
	}
	
.main_image
    {
        background-image:url(../header/water-storage.jpg);
        background-repeat:no-repeat;
        border-top: solid 1px #FFFFFF;
        border-bottom: solid 0px #333333;
        background-color: #182229;
        height: 180px;
    }	
	
.main_table
    {
        background-color: black;
        border-left: solid 0px #182229;
        border-right: solid 0px #182229;
        border-bottom: solid 0px #182229;
        width: 800px;
    }
    
.menu_table
    {
        border-top: solid 2px #314453;
        border-bottom: solid 2px #314453;
        height:40px;
    }
   
.menu_cell
    {
        color: #FFFFFF;
        font-size: 14pt;
        font-weight: bold;
        border:1px solid #000000
    }
   
.menu_separator
	{
        height:32px;
        width:4px;
        margin-left:1px;
        margin-right:1px;
        margin-top:5px;
        margin-bottom:5px;
        background-image:url(../images/separator1.gif);
        background-repeat:no-repeat;
    }
   
.product_cell
    {
        color:#69747C;
        font-size:8pt;
        font-weight:normal;
        border-bottom: solid 1px #69747C;
    }
    
.search
    {
        font-size:8pt;
        border:1px solid #FFFFFF;
        background-color:#000000;
        color:#FFFFFF;
        width:100px;
	}
	
.textbox
	{
		color:#FFFFFF;
		background-color:#000000;
		border-left:1px solid #182229;
		border-top:1px solid #182229;
		border-right:1px solid #182229;
		border-bottom:1px solid #182229;
	}
	
	
	
	.combobox
             {
                 color:#FFFFFF;
                 background-color:#314453;
                 border-left:1px solid #182229;
                 border-top:1px solid #182229;
                 border-right:1px solid #182229;
                 border-bottom:1px solid #182229;
                 width:200px;
             }
         .scrollbox
            {
               padding-top:2px;
               vertical-align:top;
               font-size:10pt;
               font-weight:bold;
               text-align:center;
               width:64;
               height:24;
               background-color:#314453;
               border:1px solid white; 
            }