/* ------------------------------- Florida Oceans Council Style Sheet ------------------------------- */


BODY
	{
	BACKGROUND-COLOR: #366894; 
	BACKGROUND-IMAGE: url('/oceanscouncil/images/bg.gif');
	BACKGROUND-REPEAT: repeat;
	COLOR: #000000;
	MARGIN: 0px;
	TEXT-ALIGN: center;
	scrollbar-arrow-color: #8dcee4;
	scrollbar-base-color: #8dcee4;
	scrollbar-dark-shadow-color: #003577;
	scrollbar-track-color: #366894;
	scrollbar-face-color: #366894;
	scrollbar-shadow-color: #003577;
	scrollbar-highlight-color: #366894;
	scrollbar-3d-light-color: #366894; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:small; 
	font-family:Verdana, Helvetica, sans-serif
	}
H1
	{
	COLOR: #003577;	
	FONT: bold medium Verdana, Arial, san-serif;
	}	
H2  
	{
	COLOR: #003577;
	MARGIN: 8px 10px; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	font-size:small; 
	font-family:Verdana, Arial, san-serif; 
	padding-left:8px; 
	padding-right:8px; 
	padding-top:5px; 
	padding-bottom:5px
	}
H3
	{
    FONT: bold small Verdana, Helvetica, san-serif;
	COLOR: #003577;
	TEXT-ALIGN: left;    
	MARGIN-BOTTOM: 0px;
	}	
H3.cancelled
	{
	text-decoration: line-through;
	}
H4
	{
    FONT: bold small Verdana, Helvetica, san-serif;
	COLOR: #000;
	TEXT-ALIGN: left;    
	MARGIN-BOTTOM: 0px;
	}
TD
	{
    COLOR: #000000;
    FONT: normal small Verdana, Helvetica, san-serif;
    LINE-HEIGHT: 130%;
    TEXT-ALIGN: left;
	}
P
	{
    COLOR: #000000;
    FONT: normal small Verdana, Helvetica, san-serif;
    LINE-HEIGHT: 130%;
    TEXT-ALIGN: left;
    MARGIN: 15px 2px;
	}
LI
	{
    COLOR: #000000;
    LINE-HEIGHT: 130%;
    TEXT-ALIGN: left; 
    list-style-type:circle; 
    list-style-image:url('../images/bullet.gif'); 
    font-style:normal; font-variant:normal; 
    font-weight:normal; 
    font-size:small; 
    font-family:Verdana, Helvetica, san-serif
	}

/* ------------------------------- LAYOUT CLASSES ------------------------------- */

.outside	
	{     /*	Establishes width and border for outer  most div  - this contains all page elements, opened directly  after body */
	BORDER: 1px solid #000;
	WIDTH: 775px;
	}
.maintbl
	{      /* Targets main containing table - opened directly after outside div */
	WIDTH: 775px;
	PADDING: 0px;
	MARGIN: 0px;
	VERTICAL-ALIGN: top;	
	BACKGROUND: #FFF;
	}
.banner 
	{    /* Sets padding and background for banner image at top of page */
	PADDING: 0px;
	MARGIN: 0px;
	BACKGROUND: #FFF;
	}
.maincol
	{  /* Properties established for main column that contains the content maincol */
	VERTICAL-ALIGN: top;	
	BACKGROUND: #FFF;
	PADDING: 7px;
	FONT: xx-small Verdana, Helvetica, san-serif;	
	WIDTH: 540px;
	}
.sidecol
	{   /* Sets side column properties */
	WIDTH: 255px;
	VERTICAL-ALIGN: top;	
	BACKGROUND: #FFF;
	PADDING: 7px;
	BORDER-LEFT: 1px dashed #366894;
	}	
.menu
	{
	BACKGROUND: #366894;
	PADDING: 0px;
	MARGIN: 0px;
	}	
/* ----------- Bio DIV ------------*/

.bio_pic 
	{
	float: right;
	width: 43%;
	vertical-align: top;
	}
.bio
	{
	float: left;
	width: 55%;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

	
	
/* ------------------------------- Oceans Council Selectors ------------------------------- */	

img.border
	{
	border: 1px solid #003577;
	}
.address
	{
	MARGIN: 0px;
	FONT: xx-small verdana, helvetica, sans-serif;
	}
.pdf
	{   /* Sets PDF indicator text to small */
	COLOR: #000;
	FONT: 7pt Verdana, sans-serif;
	}
.logo
	{
    padding: 2px 5px; 
	margin: 15px;
	}
.required
	{
	COLOR: #FF0000;
	FONT: bold;
	}
#top
	{
	FONT-SIZE: 6pt;
	TEXT-ALIGN: right;
	BORDER-TOP: 1px solid #999;
	BORDER-BOTTOM: 1px solid #999;
	PADDING: 3px;
	}
/* ----------- Side Column ----------- */		

.sidetxt_sm
	{  /* Sets text to small, align left */
	FONT: normal xx-small verdana, san-serif;
	PADDING: 5px;
	TEXT-ALIGN: left;
	MARGIN: 2px;
	LINE-HEIGHT: 130%;
	}
.sidetxt
	{  /* Sets text to small, align left */
	FONT: normal x-small verdana, san-serif;
	PADDING: 5px;
	TEXT-ALIGN: left;
	MARGIN: 2px;
	LINE-HEIGHT: 130%;
	}
.sidecenter
	{
	TEXT-ALIGN: center;
	PADDING: 0px;
	MARGIN: 0px;
	}
ul.side
	{
	MARGIN: 2px 25px;
	}

/* --------- Footer Selectors --------- */	

.footer
	{  /* Sets properties for footer links and copyright info */
    FONT: normal xx-small Verdana, Helvetica, san-serif;	
    COLOR: #fff;
	BACKGROUND: #366894;
	PADDING: 5px 5px 10px 5px;
    TEXT-ALIGN: center;
    HEIGHT: 15%;
    MARGIN: 2px 0px 0px 0px;
    BORDER-TOP: 1px solid #000;
    VERTICAL-ALIGN: bottom;
	}
.foot_txt
	{
	BACKGROUND: #366894;	
	FONT: normal xx-small Verdana, Helvetica, san-serif;	
    COLOR: #fff;
    }	

	
/* ------------------------------- Links ------------------------------- */

A:link
	{ 		/*  Sets style for links located in the title - not selected */
    FONT: small Verdana, Helvetica, san-serif;
    COLOR: #366894;
    TEXT-DECORATION: none;
	}
A:visited
	{	/*  Sets style for links located in the title - after user has visited */
    FONT: small Verdana, Helvetica, san-serif;
    COLOR: #666;
    TEXT-DECORATION: none;
	}
A:hover
	{	/*  Sets style for links located in the title - as user hovers over/selects link */
    FONT: small Verdana, Helvetica, san-serif;
    COLOR: #003577;
    TEXT-DECORATION: none;
    BORDER-BOTTOM: 1px dashed;
	}
		
/* ------------------------------- Navigation/Menu Links ------------------------------- */	
ul#navlist
	{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	}
	
#navlist li
	{
	display: inline;
	list-style-type: none;
	width: 258px;
	}
	
#navlist a 
	{ 
	padding: 3px 30px; 
	width: 258px; 
	text-align: center; 	
	font: bold x-small Verdana, Helvetica, san-serif;
	}
	
#navlist a:link, #navlist a:visited
	{
	color: #366894;
	background-color: #8DCEE4;
	text-decoration: none;
	border:  1px solid #366894;
	}
	
#navlist a:hover
	{
	color: #8DCEE4;
	background-color: #366894;
	text-decoration: none;
	border:  1px solid #8DCEE4;
	}

/* ------------------------------- Side Column Links ------------------------------- */



A.smsidelink:link
	{       /* Sidebar quick links */
	FONT: normal xx-small Verdana, Arial, sans-serif;
	PADDING: 2px;
	TEXT-ALIGN: left;
    LINE-HEIGHT: 120%;
    COLOR: #366894;
    TEXT-DECORATION: none;
	}
A.smsidelink:visited
	{           /* Sidebar quick links */
	FONT: normal xx-small Verdana, Arial, sans-serif;
	PADDING: 2px;
	TEXT-ALIGN: left;
    LINE-HEIGHT: 120%;
    COLOR: #366894;
    TEXT-DECORATION: none;
	}
A.smsidelink:hover
	{        /* Sidebar quick links */
	FONT: normal xx-small Verdana, Arial, sans-serif;
	PADDING: 2px;
	TEXT-ALIGN: left;
    LINE-HEIGHT: 120%;
    COLOR: #003577;
    TEXT-DECORATION: none;
    BORDER-BOTTOM: 1px dashed;
	}	
/* ------------------------------- Footer Links ------------------------------- */
A.foot:link
	{
	FONT: normal xx-small Verdana, Arial, sans-serif;
	TEXT-ALIGN: center;
	COLOR: #fff;
	TEXT-DECORATION: none
	}
A.foot:visited
	{
	FONT: normal xx-small Verdana, Arial, sans-serif;
	TEXT-ALIGN: center;
	COLOR: #fff;
	TEXT-DECORATION: none
	}
A.foot:hover
	{
	FONT: normal xx-small Verdana, Arial, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: 1px dashed;
	COLOR: #8dcee4;
	}