li
{list-style-type: none}

a:link
{ color: #336699; text-decoration: none
; }

a:visited
{ color: #336699; text-decoration: none
; }

a:hover
{
    color: #afafb1;
    text-decoration: underline
}




body
{
    font-size: 14px;
    background: #336699;
    margin: auto 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

 
.FFooter
{
    
    width: inherit;
    height:32px;
    margin: 0 auto;
	text-align:center;
	
	background: #eff2f7 url(../images/blockdefault.gif) repeat-x center;

}

.HHeader
{
    
    width: 900px;
    height:32px;
    margin: 0px auto;
	text-align:center;
	
	background: #eff2f7 url(../images/blockdefault1.gif)
	center center repeat-x;

}

.HHeader h3{
color:#336699;
font-size:16px;
padding:0px 0px 4px 0px;
}


#divMenu
{
    clear: both;
    background: #eff2f7;
    margin: 1px auto 0px;
    overflow: hidden;
    width: 900px;
    height: 36px
}

#divMain
{
    clear: both;
    background: #fff;
    margin: 0px auto;
    width: 900px
}

#divWrapper
{

    /*background-image: url(../Images/bgShadow.jpg);*/
   /* background: green;*/
    
    width: 905px;
    background-repeat: repeat-y;
    margin: 0px auto;
}

form
{
    margin: 0px
}

h1
{
    font-weight: bold;
    margin: 9px 0px 3px;
    color: #336699;
    text-align: left;
}
    
h2
{
    font-weight: bold;
	color: #336699;
    margin: 8px 0px 3px
}

h3
{
    font-weight: bold;
    margin: 9px 0px 3px;
    font-family: Arial, Helvetica, sans-serif;
    
    color:#336699;
}

h3 a
{display: block;}

p
{
    font-size: 14px;
    margin: 0px 0px;
    font-family: Arial, Helvetica, sans-serif
}

img
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px
}





#tableMain
{
    width: 100%
}

#tableMain td
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 0px
}

td
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    padding-top: 0px
}

#tdColCenter
{
    border-right: #31346a 1px solid;
    border-left: #31346a 1px solid;
    width:60%;
    background-color: #eff2f7;
    padding-top: 10px;
  
   
}


#tdColCenter_Content_Pages
{
    border-left: #31346a 1px solid;
    width:80%;
    background-color: #eff2f7;
    padding: 20px 10px 10px 10px;

}


#tdColLeft
{
    width: 20%;
    background-color: #eff2f7;
    padding-top: 10px; 
    
}
#tdColRight
{
    width: 20%;
    background-color: #eff2f7;
    padding-top: 10px;
    
}

#tdColWide
{
    width: 75%
}

#trFooter TD
{
    border-top: #31346a 1px solid;
    padding-top: 9px;
    text-align: center;
    background-color: #dfe0e4
}
#trFooter td p
{
    font-size: 10px;
    line-height: 13px
}

.txtCenter
{
    text-align: center
}

.txtLeft
{
    text-align: left
}

.txtRight
{
	text-align: right
	
}

/*

.txtGrey
{	
	color: #cacaca
}

.txtDarkGreen
{
color:#336633
}

.txtLtGreen
{
color:#339933
}

.txtBlue
{	
	color: #336699
}

.test_shadow
{
	
	  background-image:url(../Images/bgShadow.jpg);
}



.Home_Pic
{
width:100%;
padding:2px -10px 2px -10px;
padding:-100px;

	
}



.HighLight_2
{
 width:200px;
 border: solid 1px silver;
height:100px;
 text-align:left;
background-image:url(../Images/Highlight_1.jpg);

}



.HighLight_3
{
	 width:200px;
 border: solid 1px silver;
height:100px;
 text-align:left;
background-image:url(../Images/Highlight_2.jpg);
	
	
}
*/


.Top_header
{ 
    width: 900px;
    height: 125px;     
    background: #ffffff;
    margin: 0px auto;
}

.div_block_sweeps
{ width:115px; height: 50px; border: none; margin: 20px 10px; background-image: url(../images/Sweepstakes.jpg)
; background-repeat: no-repeat; padding: 0px 0px 0px 60px}

.div_block_blogs
{ width:115px; height: 50px; border: none; margin: 20px 10px; background-image: url(../images/BLogs.jpg)
; background-repeat: no-repeat; padding: 0px 0px 0px 60px}

.div_block_mem
{ width:115px; height: 50px; border: none; margin: 20px 10px; background-image: url(../images/Img_Membership.jpg)
; background-repeat: no-repeat; padding: 0px 0px 0px 60px}

.div_block_mem h3
{margin:  0px 0px 0px 0px;
display: block;
}

.div_block_mem a
{ display: block; background: #eff2f7;}

.div_block_don
{ width:115px; height: 50px; border: none; margin: 20px 10px; background-image: url(../images/Img_Donate.jpg)
; background-repeat: no-repeat; padding: 0px 0px 0px 60px}

.div_block_don h3
{margin:  0px 0px 0px 0px;
display: block
}

.div_block_don a
{ display: block; background: #eff2f7;}

.div_block_shop
{ width:115px; height: 50px; border: none; margin: 20px 10px; background-image: url(../images/Img_Shop.jpg)
; background-repeat: no-repeat; padding: 0px 0px 0px 60px}

.div_block_shop h3
{margin:  0px 0px 0px 0px;
display: block;
}

.div_block_shop a
{ display: block; background: #eff2f7;}

.div_block_L
{
width:175px;
height: auto;

border: none;
padding:20px 10px 20px 10px;
}
.div_block_R
{
width:175px;
height: auto;

border: none;
padding:20px 10px 2px 10px;
}

#div_block_spacer
{
width:175px;
height: 38px;
margin: auto;
}

#Nav_bar
{
 width: 900px;
 height: auto; 
 background-color: #ccc;
 margin: 0 auto;

}


/*----Calendar Page-----*/
.Calendar_Pic
{
 border:solid 1px none;
  width:200px;
 min-height:200px;
   padding:6px 4px 10px 4px;
    font-weight:bold;	
}

.img_border
{
 border:solid 1px silver;
 padding:3px;	
}
/*----------------------*/

/*---Environmental News ---*/

.Environmental_News
{
 width:495px;
 min-height:98px;
 border: 2px solid silver;
 margin-left:4px;
 padding:0;
 
}
*html .Environmental_News{height:98px;}
/*------------------------*/


.Environmental_News h1
{
 background-image:url(../images/Envir_news_bg.gif);
 background-repeat:repeat-x;
 font-size:14px;
 color:White;	
 margin-top:0px;
 padding-left:2px;
 
}

.Environmental_News ul
{
   
    list-style-position:inside;
    margin-top:1px;
    margin-left:0;
    padding:0;
    
    
}

.Environmental_News ul li
{
	list-style-type:disc;
	font-size:11px;
	padding-top:3px;
	
	
}

/*---Oil_Spill ---*/

.Oil_Spill
{
 width:495px;
 min-height:98px;
 border: 2px solid silver;
 margin-left:4px;
 margin-bottom:6px;
 padding:0;
 
}
*html .Environmental_News{height:98px;}
/*------------------------*/


.Oil_Spill h1
{
 background-image:url(../images/Envir_news_bg.gif);
 background-repeat:repeat-x;
 font-size:16px;
 color:White;	
 margin-top:0px;
 padding-left:3px;
 
}

.Oil_Spill ul
{
   
    list-style-position:inside;
    margin-top:1px;
    margin-left:0;
    padding:0;
    
    
}

.Oil_Spill ul li
{
	list-style-type:disc;
	font-size:12px;
	padding-top:3px;
	
	
}


.oil_spill_left_header
{   
 background-image:url(../images/oil_spill/left_header_bg.jpg);
  background-repeat:repeat;
  width:195px;
  height:33px;

    
   border-bottom:solid 2px gray;      
    margin-bottom:5px;
    
}


/*----------*/
.news_Item_block
{
 margin-top:8px;
width:175px;
background-color:White;
border:solid 1px silver;
min-height:65px;
padding:0px 2px 0px 2px;
font-size:smaller;
}
* html .Item_block{height:65px;}


/*-------------------*/

/*-----Home Page Highlight blcok------*/

.Home_hightlight_1
{
 width:240px;
 min-height:50px;
 float:left;
 display:inline-block;
	border: 2px solid silver;
 margin-left:3px;
 padding:2;
	
}

.Home_hightlight_1 h1
{
 background-image:url(../images/Envir_news_bg.gif);
 background-repeat:repeat-x;
 font-size:14px;
 color:White;	
 margin-top:0px;
 padding-left:2px;
 
}

.Home_hightlight_1 ul
{
   
    list-style-position:inside;
    margin-top:1px;
    margin-left:0;
    padding:0;
  
    
}
.Home_hightlight_1 ul li
{
	list-style-type:disc;
	font-size:10px;
	
	padding-bottom:2px;
	
}

/*------------------------------------*/

/* -------------- Used to clear floats ------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------- Used to clear floats ------------- */