html {margin: 0; padding:0;}


body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	background-color: #efefef;
    text-align: center;
    }
a
    {
    color: navy; background-color: white;
    }
    /*  #307082 changed to navy 13feb09*/
a:hover
    {
    color: #D60808; background-color: white;
    }
a:visited
{
color:purple; background-color:white;
}/*added purple 13feb09*/


acronym
    {
    border: none;
    }

body#ocea {color: #333;	background-color: #efefef;
	background-image: url(http://myocea.org/images/appleback.gif);
    background-repeat: repeat-x;
    }






h2
    {
    font-size: 1.5em;
    margin: 0;
    }




/*                Navigation Links             */
div#nav
    {float: left;
    margin-left: 4px;
    width: 115px;
    font: 12px arial, helvetica, sans-serif;
    } 
    
    /* changed size from 10 to 12 px  13 feb 09*/

div#nav h2 {color: navy; background-color: transparent;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	font-size: 150%;}

div#nav ul {margin-left: -.5em; /*color:navy; background-color: white;*/}
/* changed color from  #3399ff to navy px  13 feb 09*/

div#nav ul li {list-style-type: none;
	text-align: center;
	border: 2px outset #ccc;
	color:navy; background-color: white;
	}

div#nav ul li:active {list-style-type: none;
	text-align: center;
	border: 2px inset #ccc;
	color: red; background-color: white;
	}

div#nav ul li:visited {list-style-type: none; text-align: center;
border: 2px inset #ccc;
}

div#nav ul li:hover {list-style-type: none; text-align: center;
border: 2px inset #ccc; color:#330099;
background-color: #ff99cc;}


div#nav ul li a{ font-family: arial, helvetica, sans-serif;
	width: 150px;
	text-decoration: none;
	font-weight: normal;
}

div#nav ul li a:link  {color:navy;  background-color: white;}   /*LIGHTBLUE  :#3399ff changed to navy 13feb09*/

div#nav ul li a:active  {color: #cc0033; background-color: white;}  /*RED*/

div#nav ul li a:visited  {color: #9900ff; background-color: white;} /*PURPLE*/

div#nav ul li a:hover  {color: #330099; font-weight: bold; background-color: #ff99cc;} /*BLUE*/

#lresources h3.resources
    {
    background: url("resources.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#larchives h3.archives
    {
    background: url("archives.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }






#container
    {background-image: url(http://myocea.org/images/appleback-white.gif);
    background-repeat: repeat-x;
    border-left: thin solid red;
    border-bottom: thin solid red;
    margin-left: 135px;
    width: 75%;
    position: relative;
    color: black;
    background-color: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
    
    
#container h3 {border-top: none; margin-top: .15em;}

#pageHeader
    {font-family: batang, "times new roman", "times roman", serif;
	text-align: center;font-weight: bold;
	

	border-bottom-width : 4px;
	border-bottom-style : double;
	border-bottom-color:#03c;
    }


h1 {font-size: 25pt;
    margin-top: .25em;
 	padding-bottom: 0em;
 	margin-bottom: 0em;}
 p#address {
	 font-weight: bold;
	 margin-top: 0em;
	 padding-top: 0em;
	 padding-bottom: 0;
	 margin-bottom: 0;}
p#contact1 {font-weight: bold;
	 margin-top: 0em;
	 padding-top: 0em;
	 }

p.members {	text-align : center;
			font-family : "arial black", helvetica, sans-serif;
			text-transform : uppercase;
			letter-spacing : 1em;
			font-size : 16px;
			margin-left : 1%;
			color:#03c;   /* #696969 ;c71585 */
			background-color: white;
			border-bottom-width : 4px;
			border-bottom-style : solid;
			border-bottom-color:#03c;
			}

p.date {font-size: x-small;
	/*display: run-in;*/
	color: navy;
	background-color: white;
	font-style: italic;
	margin-bottom:.15em;}

div.story { margin-left: 20px;
	margin-right: 15%;
	border-top: 1px solid black;
	font-family: arial, helvetica, sans-serif;
	}

div.story h3  {font-size: 100%; font-weight: bold;}


/*  ADVERTISEMENT   */

div#nav2 {position: absolute; top:160px; right:0; width:154px; }




div.return{ width: 100%; }

div.return p a{text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #ccc;
	color: white;
	border: thin outset black;
	width: 100px;
	}

div.return a {text-decoration: none;}
div.return  a:hover {background-color: navy; color: yellow; font-weight: bold;}



#footer
    { clear: left;
    background: url("footer.gif") no-repeat;
    color: navy;
    background-color: #efefef;
    height: 48px;
    text-align: center;
    padding: 0 10px 0 0;
    line-height: 1.1em;
    font-size: 11px;
    }
#footer a
    {
    color: navy;
     background-color: #efefef;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }