/* ECOCEAN STYLE SHEET */

body{
	margin:0px;
	padding:0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	height: auto;
}

/* LEGACY JOOMLA TEMPLATE STUFF */
h1
{
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 1px solid #09F;
}

p.caption,
.caption{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 0.8em;
	}

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 
/* Layout */
#wrapper{
	margin:0px;
	padding:0px;
	height: auto;
	width: auto;
	background-color: #fff;
}

#page
{
	width: 811px;
	text-align: left;
	padding: 0px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	min-height: 800px;
}
#pathway {
	float: left;
	margin:0;
	padding:0;
	height: 15px;
	width: 810px;
	background: #F30;
	clear: both;
}
#header {
	float: left;
	margin:0;
	padding:0;
	height:  150px; 
	width:  810px; 
	background-color: #03f;
	clear: both;
 }
 
 #top-menu {
	width: 810px;
	height: 25px;
	background-color: #03F;
	float: left;
	overflow: hidden;
	clear: both;
	font-size: 80%;

}

#main{
	float: left;
	padding-top: 16px;
	clear: both;
	width: 810px;
	min-height: 500px;
}

#leftcol
{
	width: 200px;
	float: left;
	 background: #fff;
 overflow: hidden;
} 
 
#maincol{
	float: left;
	width: 400px;
	overflow: hidden;

	}
#maincol-wide{
float: left;
width: 605px;
overflow: hidden;


}
#rightcol{
 width: 200px;
 float: right;
 background: #fff;
 overflow: hidden;
	}

#footer{
clear: both;
padding-top: 1em;
padding-bottom:  1em;
}
	
#sponsors {
	float: right;
	width: 200px;
	height: 82px;
}

#sponsors p
{
	padding: 25px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	vertical-align: bottom;
}

.search
{
	margin: 0px;
	padding: 0px;
	height: 28px;
	float: right;
	padding-left: 10px;
	padding-top: 2px;
	vertical-align: top;
}

.search.inputbox
{
	height: 18px;
	font-size: 1em;
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

.search.button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 1em;
background: transparent;
border: none;
line-height: 10px;
}

.search form
{
	margin: 0px;
	padding: 0px;
}

 
img {
	padding: 0px;
	margin: 0px;
}


 #banner {
 width: auto;
 float: left;
 padding-left: 6px;
 padding-top: 0px;
 background-color: #fff;
 }
 
 #banner li {
 	list-style: none;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content {
padding: 0px 0px 0px 0px;
font-size: 1em;
line-height: 18px;
}

/* Modules */

#leftcol div.module, 
#rightcol div.module
{
	width: 184px;
	margin-bottom: 8px;
	height: auto;
	background-color: #FFF;
	clear: both;
}

#rightcol div.module
{
	width: 192px;
	margin-bottom: 8px;
	height: auto;
	background-color: #FFF;
	clear: both;
	float: right;
}

#leftcol div.module div, 
#rightcol div.module div {
width: 190px;
margin-bottom: 8px;
clear: both;
}

#leftcol div.module div div, 
#rightcol div.module div div {
width: 190px;
margin-bottom: 8px;
clear: both;
overflow: hidden;
}

#leftcol div.module div div div,
#rightcol div.module div div div{
	width: 190px;
	margin-bottom: 8px;
	clear: both;
}

#leftcol div.module div div div div, 
#rightcol div.module div div div div{
	width: 190px;
	margin-bottom: 8px;
	clear: both;
}



.mod_login{ font-size: 12px;}

div.module h3
{
	font-size: 0.9em;
	width: 184px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 3px;
	background: #09F;
	color: #fff;
	clear: both;
}

#leftcol div.module h3
{
	font-size: 0.9em;
	width: 184px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 3px;
	background: #09F;
	color: #fff;
	clear: both;
}

#rightcol div.module h3
{
	font-size: 0.9em;
	float:  right;
	width: 190px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 3px;
	background: #09F;
	color: #fff;
	text-indent: 4px;
	clear: both;
}


/* Topmenu */
 ul#mainlevel-nav
{    list-style: none;
	padding-left: 0px;
	padding-top: 0px;
	margin: 0;
	float: left;
}

ul#mainlevel-nav li
{
	width: auto !important;
	float: left;
	margin: 0;
	font-size: 1em;
	padding: 6px 2px 0 2px;
	height: 13px;
	line-height: 12px;
	margin-right: 1px;
	font-weight: bold;
}

ul#mainlevel-nav li a
{
	height: 13px;
	/*	display: block; */
	text-decoration: none;
	color: #fff;
	margin-left: 2px;
}
ul#mainlevel-nav li a:hover
{
	height: 13px;
	/*  display: block; */
	text-decoration: none;
	color: #f60;
	margin-left: 2px;
}


ul.left-nav,
ul.left-nav1
 {
 	list-style: none;
 	padding: 0px;
 	margin: 0px 0px 1em 0px;
 	background-color: #fff;
 	height: auto;
 }
ul.left-nav li,
ul.left-nav1 li
{
	font-size: 0.75em;
	width: auto !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	text-transform: capitalize;
	line-height: 13px;
/* 	background-color: #909; */
}
ul.left-nav li a,
ul.left-nav1 li a
{
	font-weight: bold;
	text-decoration: none;
	color: #006;
/*	background-color: #006; */
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;

	width: 190px;
	}

ul.left-nav li a:hover,
ul.left-nav1 li a:hover
{
	color: #F30;
}

ul.left-nav li a.ecocean,
ul.left-nav1 li a.ecocean
{ 
	font-weight: bold;
	text-decoration: none;
	color: #fff; 
	background-color: #006; 
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;

	display:  block; 
	width: 184px; }

ul.left-nav li a.ecocean:hover,
ul.left-nav1 li a.ecocean:hover
{ color: #F30; }

.separator
{
	border-color: fuchsia;
	border-width: 3px 0px 0px 0px;
	border-style: solid;
	padding: 2px 0 0 0;
	margin: 1em 0 0 0;
	display: block;
}

/* Main Menu(s) */

a.mainlevel {
font-size: 1em;
padding-left: 4px;
width: 142px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-left: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
}



html>body a.mainlevel {width:142px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
background: #F1F1F1;
text-decoration: none;
}



/* Module specific */

#leftcol div.module div div div div.syndicate {
background: transparent;
width: 190px;
margin: 0px;
padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 190px;
margin: 0px;
padding: 0px;
}


/* Other Mambo Stuff */

#title {
}
.pathway {
color: #BBBBBB;
font-size: 1em;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 1em;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 0.7em;
color: #ABABAB;
line-height: 0.7em;
}
.smallish {
font-size: 0.8em;
color: #09f;
line-height: 0.9em;
}
.smalldark {
font-size: 0.7em;
color: #000;
height: 0.7em;
line-height: 10.7em;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 1em;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 1em;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 1em;
color: #ABABAB;
height: 10px;
}
.modifydate {
font-size: 1em;
color: #ABABAB;
height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 1em;
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}

.blog_more {
font-size: 1em;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;
}

.contentheading {
width: 98%;
font-weight: bold;
font-size: 1.3em;
border-bottom: 1px solid #002;
font-family: 'Trebuchet MS', verdana, sans-serif;
color: #036;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 1em;
voice-family: "\"}\""; 
voice-family:inherit;
width:549px;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 1.3em;
height: 1.3em;
line-height: 1.3em;
font-family: 'Trebuchet MS', verdana, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 1em;
}
.sectiontableheader {
font-weight: bold;
font-size: 1em;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans-serif;
}
.componentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
font-family: "Trebuchet MS", Verdana, sans-serif;
border-bottom: 1px solid #002E61;
color: #002E61;
margin-bottom: 5px;
}
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  100%; 
font-size: 80%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 1em;
text-align: left;
}


.back_button a{
font-size: 1em;
font-weight: normal;
}

.blogsection {
font-size: 1em;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 1em;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}

div.module_feed h2
{
	font-size: 12px;
	padding: 2px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	border-color: #CCC;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

div.module_feed ul,
div.module_feed li
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div.module_feed span
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#items li {
padding-left: 0px;
padding-bottom: 2px;
}

#items ul {
padding-left: 5px;
margin: 0px;
text-indent: 0px;
}

#maincol-wide-810 div.moduletable ul,
#maincol-wide-810 div.moduletable_feed  ul {
padding-left: 5px;
margin: 0px;
text-indent: 0px;
}

.moduletable,
#maincol-wide-810 div.moduletable li,
#maincol-wide-810 div.moduletable_feed  li {
padding-left: 0px;
padding-bottom: 2px;
}

#maincol-wide-810 div.moduletable h3,
#maincol-wide-810 div.moduletable_feed h3{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	height: 20px;
	line-height: 20px;
	color: #060;
	width: 100%;
	border-bottom: 1px solid #eee;
	text-align: left;
	text-indent: 5px;
	font-size: 12px;
}

.newsfeed{
font-size: 12px;
padding: 0px;
margin: 0px;
width:150px;
voice-family: "\"}\""; 
voice-family:inherit;
width:150px;
}

#topmenu a.mainlevel-nav{
color: #f60;
font-size:0.8em;
text-decoration: none;
}

#topmenu a.mainlevel-nav:hover {
color: #fff;
background-color: #F60;
}


#bestviewed{
	float: right;
	padding-right: 6px;
	padding-top: 6px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	
}

#bestviewed a {color: #999;}

.featured {
	font-size: 1.0em;
	color: #fff;
	background-color: #060;
	padding-left: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
}

.moduletable_feed,
#rsscontent,
#user2.moduletable{
font-size: 10px;
}

#adsense{
	width: 810px;
	height: 90px;
	float: right;
	background-color: #EEE;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 0.9em;
padding-left: 6px;
width: 142px;
color: #f60;
line-height: 16px;
margin-bottom: 0px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 142px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
background-color: #f60;
color: #fff;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}

/* OTHER STYLES */
#credits{ 
	float: left;
	width: 600px; 
	padding-top: 0px;
	margin:  0px;}

.credit,
.credit a
{
	color: #aaa;
	font-size: 9px;
	text-align: justify;

}

.lead
{
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px 0px 1em 0px;
}
.para {
	font-size: 0.9em;
	padding: 0px;
	margin: 0px 0px 1em 0px;
	}
	
/*    * rss-box defines the bounding div for the entire display- use to define borders, fill, etc.
    * rss-title the title of the feed and link style if displayed. Use with variants of rss-title a:link, rss-title a:hover, etc for rollowver styles
    * rss-items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items.
    * rss-item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed.
    * rss-item a: variant for the item title and link style
    * rss-date defines the display of item posting dates
*/

.rss-box{ width: 190px;}
.rss-title{font-size: 0.9em;}
.rss-title a:link, rss-title a:hover{}
.rss-item{
	padding-left:  0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left:  -3em;
	list-style: none;
	font-size: 0.9em;
}
.rss-item a{
	padding:  0px;
	margin:  0px;
	list-style: none;
	
}
.rss-date{}

#reportit
{
	background-color: #F30;
	margin: 0px;
	padding: 0px;
}
#reportit h3{	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-indent:  4px;
	padding: 2px 0px 2px 0px;
}

#reportit h3:hover{
	text-decoration: none;
	color: #003;
}

#reportit img{
	padding-bottom: 1em;
	background-color:  #fff;
}

#reportit a{
	color: #fff;
}

#reportit a:hover
{
	color: #003;
	text-decoration: none;
}

th.caption
{
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

tr.paging
{
	color: #00C;
	font-size: 0.7em;
	font-weight: bold;
}

.lineitem
{
	font-size: 10px;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	vertical-align: top;
}

.lineitems
{
	font-size: 11px;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	vertical-align: top;
	background-color: #fff;
}

#encounter_report, #encounter_contact
{
	font-size: 13px;
	width: 100%;
}
.form_row td
{
	padding: 0 0 4px 0;
	border-bottom: #6CF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	vertical-align: top;
}
.form_label
{
	text-align: left;
	vertical-align: top;
	width: 230px;
}

.form_label1
{
	text-align: left;
	vertical-align: top;
	width: 135px;
}

td.you, td.photo
{
	width: 50%;
	vertical-align: top;
}

.leftimg
{
	margin: 0 4px 0 0;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}

div module#awards_right
{
	padding: 0 0 0 0px;
	width: 190px;
}


#awards_left
{
	position: relative;
	bottom: 0px;
	padding: 0 0 0 0px;
	width: 190px;
}


#menu
{
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#dukes
{
	text-align: right;
	padding: 185px 0 0 0;
}

.ecocean_home
{
	padding: 6px 4px 6px 5px;
	background-color: #006;
	margin: 0;
}

img.rotor
{
	border-color: #999;
	border-width: 1px 1px 4px 1px;
	border-style: solid;
	width: 93px;
	height: 123px;

}

#top-menu ul#mainlevel-nav li
{
	width: auto !important;
	float: left;
	margin: 0;
	font-size: 11px;
	padding: 6px 2px 0 2px;
	height: 13px;
	line-height: 12px;
	margin-right: 1px;
	font-weight: bold;
}