html, body
{
     background: #ffffff url(../images/doc_bg.gif) repeat-x;
     width: 100%;
     height: 100%;
     min-height: 100%;
     padding: 0px;
     margin: 0px;
     border: 0px;

     
}
#doc_wrapper
{  
    width: 941px;
    top: 0px;
    height: 100%;
    min-height: 100%; 
    margin: auto;
    position: relative;
    background-image:url(../images/body_bg.gif);
    background-repeat: no-repeat;

   
}
#custom-doc
{  

    background-color: #ffffff ;
    font-family:  Tahoma, Arial, 'MS Reference Sans Serif';

   
}
/* search bar */

#searchwrapper
{   margin-top: 12px; 
    background: url(../images/search_bg_left.gif) #395e95 no-repeat left top;
    }
#search
{
    width: 100%;
    background: url(../images/search_bg_right.gif) no-repeat right top;
    font: 9px Tahoma;
    color: #FFFFFF;
    text-align: right;
    vertical-align: top;
    padding-top: 5px;
   
    

}
#search img
{
    display: inline;
    vertical-align: middle;
}
#search a
{
    display: inline;
    color: white;
    text-decoration: none;
}
#search a:hover
{
    color: #acbbd3;
    text-decoration: underline;
}
.searchfield
{

    position:relative;
    right: -5px;
    width: 123px;
    height: 20px;
    background: url(../images/search_field_bg.gif) no-repeat left top;
    border: none;
    font: 11px Tahoma;
    color: #4d4d4d;
    padding-right: 6px;
    padding-left: 8px;
    padding-bottom: 2px;
    padding-top: 4px;
    vertical-align: middle;
}
.searchbutton {
	
	top: -2px;
	position:relative;
	width: 20px;
	height: 20px;
	background: url(../images/search_button.gif) no-repeat left top;
	border: none;
	font: 10px Tahoma;
	vertical-align:middle;
	color: #FFFFFF;

	
}
.searchbutton:hover {
	background: url(../images/search_button_hover.gif) no-repeat left top;
}


/*end search */

#slideshow
{
	display: block;
	vertical-align: top;
	border-top: #4c79bc 7px solid;
	text-align: right;
}

/* Nav Menu */

#nav
{
    border-top: #4c79bc 7px solid;
    display:block;
    z-index: 100;
    top: -5px;
    position:relative;
    background-color: #cccccc;
    width:895px;
    
}

/* End Nav Menu */
/* Search Field */



/* Content  */
#content {
        
        
        margin-top: 5px;
        top: 0px;
        *margin-top: 0; /* IE 7 and below */
        *top:5px;
    
   
        height: auto;
       
          
}

#content h1
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #7BC143;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #7BC143 1px solid;
   
    padding-left: 4px;
    padding-bottom: 2px;
    margin-bottom:5px;
}

#content a
{
    padding-left: 4px;
    padding-right:15px;
    color: #0096db;
    text-decoration: none;
    background-position: right 2px;
    background-image: url(../images/arrow_sm_blue_white_bg.gif);
    background-repeat: no-repeat;
    background-color: transparent;
 
}
#content a:hover {
        color: #2c3494;
        text-decoration: underline;
}
#content ul 
{ padding-left: 2px;
    }
#content li
{
    padding-right: 3px;
    padding-left: 25px;
    color: #45493e;
    vertical-align: top;
    list-style: disc url(../images/dot_sm_green_white_bg.gif) inside;
}               
/* End Content */

/* In the Spotlight  */
#spotlight {
       
        margin-top: 5px;
        top: 0px;
        *margin-top: 0; /* IE 7 and below */
        *top:5px;
      
       height: auto;
       
          
}

#spotlight h1
{
 
    font-weight: bold;
    font-size: medium;
    color: #7BC143;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #7BC143 1px solid;
   
    padding-left: 4px;
    padding-bottom: 2px;
    margin-bottom:5px;
}
#spotlight h2
{
    font-weight: bold;
    font-size: medium;
    color: #7BC143;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    padding-left: 4px;
    padding-bottom: 2px;
    margin-bottom:5px;
}

#spotlight img
{
    display: inline;
    padding: 5px;
    float: left;
    clear: both;
}

#spotlight a
{
    padding-left: 4px;
    padding-right:15px;
    color: #0096db;
    text-decoration: none;
    background-position: right 2px;
    background-image: url(../images/arrow_sm_blue_white_bg.gif);
    background-repeat: no-repeat;
    background-color: transparent;
}
#spotlight a:hover {
        color: #2c3494;
        text-decoration: underline;
}
#spotlight ul 
{ padding-left: 2px;
    }
#spotlight li
{
    padding-top: 3px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 22px;
    background: url(../images/arrow_sm_green_green_bg.gif) no-repeat 3px 4px;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    list-style-type: none;
}               
/* End spotlight */





.commandbutton {

	padding: 5px;
	background-color: #2baae1;
	border: 1px solid #999999;
	font: 11px Tahoma;
	color: #FFFFFF;
}
.commandbutton:hover {
	background-color: #8cc641;
}

.formfield {
	
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #4d4d4d;
	font: 11px Tahoma;
	color: #4d4d4d;
}

/* breadcrumbs */

#breadcrumbs
{
    font-size: 7pt;
    border-bottom: #7BC143 1px solid;
    margin: 0px!important;
    padding: 0px!important;
    background-image: none!important;
    height: 16px;
} 
/* Documents */
#documents
{
  
}

#documents blockquote
{
   background-color: #cceaf7; 
   padding-left: 15px; 
}
#documents ul 
{
    Padding-top: 20px;
    padding-left: 15px;
 
    padding:10px;
   
    }
#documents li
{
    padding-left: 25px;
    padding-bottom: 25px;
    list-style-position: outside;
    list-style-image: url(../images/document.gif);
}


#documents a
{
  
}
#documents h4 {

}



/* i want to */
#padding 
{
	padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:32px;

}
#i_want_to {
       
       margin-left: 5px;
       margin-top: 5px;
       top: 0px;
       *margin-top: 0; /* IE 7 and below */
       *top:5px;
           
        height: auto;
        background:#91DCFF ;
          
}

#i_want_to h3
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #0096db;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #0096db 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
}
#i_want_to a
{
   display: block;
   color: #0096db;
   text-decoration: none;
   font: 11px Tahoma;
   vertical-align: top;
 
}
#i_want_to a:hover {
        color: #2c3494;
        text-decoration: underline;
}
#i_want_to li ul 
{ padding-left: 2px;
    }

#i_want_to li
{
    display:block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 22px;
   
    background: url(../images/arrow_sm_blue_blue_bg.gif) no-repeat 3px 6px;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    list-style-type: none;
    border-bottom: white 1px solid;
}                 
/* haveyoursay */
#haveyoursay {
       
       margin-right: 5px;
       margin-top: 5px;
       top: 0px;
       *margin-top: 0; /* IE 7 and below */
       *top:5px;
           
        height: auto;
        background-color: #FFEEB3;  
          
}

#haveyoursay h3
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #FFCB00;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #FFCB00 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
}
#haveyoursay a
{
   display: block;
   color: #D4A500;
   text-decoration: none;
   font: 11px Tahoma;
   vertical-align: top;
 padding : 5px;
}
#haveyoursay a:hover {
        color: #2c3494;
        text-decoration: underline;
}
#haveyoursay li ul 
{ padding-left: 2px;
    }

#haveyoursay li
{
    padding-top: 3px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 22px;
    background: url(../images/arrow_sm_blue_blue_bg.gif) no-repeat 3px 4px;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    list-style-type: none;
}               
/* A-Z */
#atoz {
      
        margin-left: 5px;
        margin-top: 5px;
        top: 0px;
        *margin-top: 0; /* IE 7 and below */
        *top:5px;
             
        height: auto;
        background: #B7D882 ;

        background-repeat:no-repeat; 
  
}
#atoz h3
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #7BC143;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #7BC143 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
    margin-bottom: 7px;
}

#atoz h4
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: white;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
	background-color: #7BC143;
    padding-left: 4px;
    padding-bottom: 2px;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
}
#atoz a
{
   display: inline-block;
   padding-left: 4px;
   color: #577626;
   text-decoration: none;
   font: 11px Tahoma;
   vertical-align: top;
 
}
#atoz a:hover {
        color: white;
        text-decoration: underline;
}





#atoz ul 
{ padding-left: 2px;
    }
#atoz li
{
    display:block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 22px;
   
    background: url(../images/arrow_sm_green_green_bg.gif) no-repeat 3px 6px;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    list-style-type: none;
    border-bottom: white 1px solid;

    
}               
/* End A to Z */
/* other links */
#otherlinks 
{
        margin-left: 5px;
        margin-top: 5px;
        top: 0px;
        *margin-top: 0; /* IE 7 and below */
        *top:5px;
    }
    
#otherlinks img
{   
    display: block;
    vertical-align: top;
    margin-top: 1px;
}

/* end other links */

/* weather */

#weather { 
       
       margin-right: 5px;
       margin-top: 5px;
       top: 0px;
       *margin-top: 0; /* IE 7 and below */
       *top:5px;
           
        height: auto;
       background-color: #91DCFF;
        display: block;
        color: #808080;
        text-decoration: none;
        font: 11px Tahoma;
        vertical-align: top;
        padding-bottom: 5px;
          
text-align: center; }


#weather h3
{
     display: block;
    font-weight: bold;
    font-size: medium;
    color: #0096db;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #0096db 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
    text-align: left;
}




#watermains {
       color: white;
       margin-right: 5px;
       margin-top: 5px;
       top: 0px;
       *margin-top: 0; /* IE 7 and below */
       *top:5px;
       background-color:  #6FD1FF;
           
       
          
}
#watermains h3
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #0096db;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #0096db 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
}


#watermains .events_link { }

#watermains .content_2 {
    background:#91DCFF ;
}


#watermains li
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 32px;
    display: block;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    border-bottom: white 1px solid;
    list-style-position: outside;
 
     
}
#watermains ul {
        margin: 0px;
        padding: 0px;
                padding-top: 0px;
}
#watermains a
{
    color: #0096db;
    text-decoration: none;
    font: 11px Tahoma;
}
#watermains a:hover {
        color: #4d4d4d;
        text-decoration: none;
        font: 11px Tahoma;
        text-decoration: underline;
}
               
#watermains img
{
    position: relative;
    display: block;
    margin-top: 2px;
    /*left: 47px;*/
}            
             

/* News */
#news { 
   
        margin-right: 5px;
        margin-top: 5px;
        top: 0px;
        *margin-top: 0; /* IE 7 and below */
        *top:5px;
        background-color: #b7d882;    
        height: auto;
        text-align: left; }


#news .content_1
{  

 
  
    
}

#news .content_2
{

    background-color: #a2d073;

     
}
 

#news h3
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #7BC143;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #7BC143 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
    
}

#news a
{  
   color: #577626;
   text-decoration: none;
   font: 11px Tahoma;
   vertical-align: top; 
}
#news a:hover {
        color: white;
        text-decoration: underline;
}

#news li
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 32px;
    display: block;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    border-bottom: white 1px solid;
    list-style-position: outside;
} 
#news img
{
    position: relative;
    display: block;
    margin-top: 2px;
 left: 33px;
}            

/* Notifications */
#notifications {
      
        margin-right: 5px;
        margin-top: 5px;
        top: 0px;
        *margin-top: 0; /* IE 7 and below */
        *top:5px;
        background-color: #FFEEB3;
        height: auto;
      
       
     
    
          
}

#notifications .content_1
{  

 
  
    
}

#notifications .content_2
{

    background-color: #FFE487;    

     
}
 

#notifications h3
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: #FFCB00;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    border-bottom: #FFCB00 1px solid;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 2px;
    
}
#notifications h4
{
    display: block;
    font-weight: bold;
    font-size: medium;
    color: white;
    font-family: 'Century Gothic' , Tahoma, Arial, 'MS Reference Sans Serif';
    background-color: #7BC143;
    padding-left: 4px;
    padding-bottom: 2px;
}
#notifications a
{  
   display: inline-block;
 
   color: #D4A500;
   text-decoration: none;
   font: 11px Tahoma;
   vertical-align: top;

 
}
#notifications a:hover {
        color: #2c3494;
        text-decoration: underline;
}
#notifications ul 
{ padding-left: 2px;
    }
#notifications li
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 32px;
    display: block;
    color: #45493e;
    font: 11px tahoma;
    vertical-align: top;
    border-bottom: white 1px solid;
    list-style-position: outside;
}               




/* footer 
#ft {
	background: url(../images/footer_bg.gif) no-repeat top;

height:42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #99BFC8;
	text-align: right;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 13px;
}*/


#footerwrapper
{   margin-top: 10px;
    margin-bottom: 10px;
    background: url(../images/footer_bg_left.gif) #cccccc no-repeat left bottom;
    }
#footer
{
    display: block;
    height: 25px;
    font: 9px Tahoma;
    color: #FFFFFF;
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
    border-top: #4c79bc 7px solid;
    background-position: right bottom;
    background-image: url(../images/footer_bg_right.gif);
    background-repeat: no-repeat;
}




.AboutCouncil:hover 
{
    background-color: #9C3022!important;
    }
.CouncilServices:hover 
{
    background-color: #16216C!important;
    }
.YourCommunity:hover 
{
    background-color: #FFA12D!important;
    }
    .OnlineServices:hover 
{
    background-color: #FFCB00!important;
    }
      .Links:hover 
{
    background-color: #97CCC4!important;
    }
     .Careers:hover 
{
    background-color: #0096DB!important;
    }