body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #333333;
	background-color: #406176;

	background-image: url("../Images/Layouts/Nov2007/BackgroundColour.png");
	background-repeat: repeat-y;
	background-position: 50%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 16px 0;
	padding: 0;
	font-weight: bold;
	line-height: 110%;
}

ul, ol {
	margin: 8px 0 8px 8px;
	padding: 0;
}

ul li, ol li {
	margin: 0 0 0 24px;
	padding: 0 0 0 0;
	line-height: 150%;
}

img {
	border: 0;
}

p {
	margin: 8px 0 24px 0;
	line-height: 160%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

pre {
	overflow: auto;
	padding: 8px;
	
}

.smallText {
	font-size: 80%;
}

.underline {
	text-decoration: underline;
}

.textEmItalic {
	font-style: italic;
	font-weight: bold;
}

.BackToTop {
	float: right; 
	margin-top: 3px;
}

#PageContainer {
	width: 786px;
	margin: 0 auto 0 auto;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

#IEContainer #PageContainer {
	margin: 0 0 0 -1px;
	border: 5px solid red;
}

#Header {
	position: relative;
	height: 105px;
	
	background-image:   url("../Images/Layouts/Nov2007/Header.png");
	background-repeat: no-repeat;
	
	border-bottom: 2px solid #FFFFFF;
}

#Header h1{
	display: none;
}

#Header #HomeLink{
	display: block;
	width: 410px;
	height: 64px;
	
	position: absolute;
	left: 50%;
	
	margin: 18px 0 0 -205px;
}

#SearchBox {
	position: absolute;
	top: 75px;
	left: 14px;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	width: 175px;
	
	display: none;
}

#SearchBox input{
	font-size: 0.75em;
	border: 1px solid #FFFFFF;
	vertical-align: bottom;
}

#SearchBox label{
	font-size: 1.0em;
	vertical-align: bottom;
	padding: 0;
}

#SearchBox #Search{
	width: 70px;
}

#SearchBox #Go{
	width: 26px;
	height: 17px;
}

#HomeLoginLinks {
	position: absolute;
	top: 80px;
	right: 16px;
	
	color: #FFFFFF;
	font-size: 0.70em;
	letter-spacing: 1px;
}

#HomeLoginLinks a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#HomeLoginLinks a:hover{
	color: #F0AD0F;
}

#TopMenu {
	height: 143px;
	
	border-bottom: 2px solid #FFFFFF;
	
	background-image:   url("../Images/Layouts/Nov2007/Rollovers_Background.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#TopMenu a {
	display: block;
	float: left;
	height: 143px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#TopMenu a span{
	display: none;
}

#TopMenu #SubscribeLink {
	width: 195px;
	background-image:   url("../Images/Layouts/Nov2007/Beaker_w_rollover.png");
	background-position: 0 0;
}

#TopMenu #AdvertiseLink {
	width: 198px;
	background-image:   url("../Images/Layouts/Nov2007/Ship_w_rollover.png");
	background-position: 0 0;
}

#TopMenu #ResearchLink {
	width: 200px;
	background-image:   url("../Images/Layouts/Nov2007/Fish_w_rollover.png");
	background-position: 0 0;
}

#TopMenu #PublishLink {
	width: 192px;
	background-image:   url("../Images/Layouts/Nov2007/FlumeTank_w_rollover.png");
	background-position: 0 0;
}

/*
#TopMenu #SubscribeLink:hover,
#TopMenu #AdvertiseLink:hover,
#TopMenu #ResearchLink:hover,
#TopMenu #PublishLink:hover {
	visibility: hidden;
}
*/

#TopMenu #SubscribeLink:hover {
	background-position: 0 -143px;
}

#TopMenu #AdvertiseLink:hover {
	background-position: 0 -143px;
}

#TopMenu #ResearchLink:hover {
	background-position: 0 -143px;
}

#TopMenu #PublishLink:hover {
	background-position: 0 -143px;
}


#MenuBottom {
	height: 26px;
	
	background-image: url("../Images/Layouts/Nov2007/JournalHeaderBar.png");
	background-repeat: no-repeat;
}

#BodyContainer {
	/*
	background-color: #78909E;
	background-image: url("../Images/Layouts/Nov2007/BackgroundColour.png");
	background-repeat: repeat-y;
	*/
}

#LeftMenu {
	padding: 36px 0 0 12px;
	width: 177px;
	float: left;
}

#LeftMenu h2{
	margin-right: 16px;
	margin-bottom: 8px;
	color: #FFFFFF;
	font-size: 0.95em;
	border-bottom: 1px solid #355B74;
	letter-spacing: 1px;
}

#LeftMenu ul{
	font-size: 0.72em;
	font-weight: bold;
	margin: 0 0 24px 0;
	padding: 0;
}

#LeftMenu ul li{
	list-style: none;
	line-height: 170%;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
}

#LeftMenu ul li a{
	display: block;
	width: 90%;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	color: #355B74;
}

#IERoot #LeftMenu ul li {
	display: inline;
}

#LeftMenu ul li a:hover{
	color: #F0AD0F;
	background-color: #406176;
}

#PageContent {
	padding: 43px 63px 0px 62px;
	
	font-size: 12pt;
	
	color: #406176;
	font-size: 0.85em;
	
	/* 
	CSS Config to keep clear from 
	bumping page content below the side menu
	in CSS compliant browsers
	*/
	float: right;
	width: 471px;
}

#IERoot #PageContent {
	padding: 50px 64px 50px 64px;

	/*
	IE Fix for same clearing problem as mentioned
	above.
	*/
	float: none;
	margin: 0 0 0 195px;
	width: auto;
}

#IERoot #PageContent {
	height: 1%;
}

#PageContent h2 {
	font-size: 1.5em;
}

#PageContent h3 {
	font-size: 1.3em;
}

#PageContent h4 {
	font-size: 1.2em;
}

#PageContent h5 {
	font-size: 1.1em;
}

#PageContent h6 {
	font-size: 1.0em;
}

#PageContent a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dashed #333333;
}

#PageContent a:hover {
	color: #406176;
	border-bottom: 1px solid #406176;
}

#PhotoCredits {
	width: 170px;
	float: left;
	font-size: 70%;
	color: white;
	padding: 8px;
	margin: 0 68px 0 0;
}

#PageFooter {
	clear: both;
	margin: 43px 0 0 0;
	height: 55px;
}


/* **********************************
                     Home Page
*********************************** */

#FreeEJOTPromo {
	background-color: #A5B6C0;
	border: 2px solid #406176;
	width: 200px;
	text-align: center;
	padding: 2px;
	font-size: 120%;
}

#FreeEJOTPromo p{
	margin: 4px 0 4px 0;
	padding: 0;
}

#FreeEJOTPromo a{
	color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.ShowT {
	background-image:   url("../Images/Layouts/Nov2007/T.png");
	background-position: 16px 16px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#HomePageContainer {
}

#CurrentIssue {
	float: right;
	margin: -24px 0 8px 16px;
}

#CurrentIssue h3{
	margin: 0;
	font-size: 125%;
	width: 130px;
	text-align: center;
}

#PageContent .CoverPicture a, 
#PageContent .CoverPicture a:hover {
	border: 0;
}

.CoverPicture img{
	margin: 3px 0 0 0;
}

.CoverPicture{
	margin: 8px 0;
	background-image:   url("../Images/Layouts/Nov2007/Cover_DropShadow.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 127px;
	height: 181px;
}

#SpecialIssue {
	float: right;
	width: 150px;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	margin-left: 24px;
}

#SpecialIssue sup{
	position: relative;
	top: 4px;
	left: 1px;
	margin: 0;
	padding: 0;
}

#SpecialIssue .CoverPicture{
	margin: 0 auto 0 auto;
}

#SpecialIssue .CoverPicture img{
	margin: 3px 0 0 -4px;
}

#JOT_Calendar {
	margin: 16px 0 16px;
}

#JOT_Calendar img{
	float: left;
	margin-right: 16px;
	border: 2px solid #406176;
}

#JOT_Calendar p{
	font-size: 14pt;
	margin: 8px 0px 8px 0px;
}


#JOT_Calendar p a{
	font-size: 12pt;
}

/* **********************************
                     Contact Us
*********************************** */


#ContactUsTable {
	font-size: 90%;
	margin: 0 0 24px 0;
}

#ContactUsTable tr td{
	padding: 2px;
}

#ContactUsTable #FaxHeader, 
#ContactUsTable thead tr td{
	font-weight: bold;
	font-size: 120%;
}


/* **********************************
          Instructions to Authors
*********************************** */

#TableOfContents {
	margin: 0 0 32px 0;
}

#Deadlines {
	margin: 16px 0 0 0;
}

#Deadlines h5{
	font-size: 100%;
	border-bottom: 3px solid #3A6E8F;
}

#Deadlines table.Issue {
	width: 100%;
	margin: 0 0 32px 0;
}

#Deadlines table.Issue tr td {
	font-size: 95%;
	padding: 2px 2px 2px 0px;
	vertical-align: top;
	/*
	border: 1px solid red;
	*/
}

#Deadlines table.Issue tr td.HeaderCol {
	font-weight: bold;
	text-align: left;
	width: 80px;
}

#Deadlines table.Issue tr td.IssueNumber {
	width: 50px;
}

#Deadlines table.Issue {
}



/* **********************************
          Advertising Rates
*********************************** */

#Credentials a, 
#Credentials a:hover {
	border: 0;
}

#Credentials  {
	position: relative;
	height: 160px;
}

#Credentials div{
	position: absolute;
}

#Credentials #MUN{
	top: 50%;
	left: 0%;
	margin: -41px 0 0 0;
}

#Credentials #JOT{
	top: 0%;
	left: 50%;
	margin: 0 0 0 -80px;
}

#Credentials #IOT{
	top: 50%;
	right: 0%;
	margin: -20px 0 0 0;
}


/* **********************************
          Advertising Rates
*********************************** */

#JOTStaff h3{
	font-size: 125%;
	margin: 24px 0 4px 0;
}



/* **********************************
          Advertising Rates
*********************************** */

#AdvertisingRatesContainer {
	position: relative;
}

#AdvertisingRates {
	width: 100%;
	font-size: 95%;
	margin: 0 0 16px 0;
}

#AdvertisingRates tr td{
	padding: 3px 0 3px 0;
}

#AdvertisingRates thead tr td{
	border-top: 1px solid black;
	border-bottom: 2px solid black;
}

#RateCard {
	width: 198px;
	margin: 16px auto 24px auto;
}

#PageLayout {
	position: absolute;
	top: 30px;
	left: 30px;
	background-color: #ffffff;
	border: 2px solid #3A6E8F;
	width: 400px;
	display: none;
}

#PageLayout table{
	margin: 0 auto 0 auto;
}

#PageLayout h3{
	background-color: #3A6E8F;
	color: #ffffff;
	padding: 0 0 0 3px;
	height: 29px;
}

#PageLayout #CloseButton {
	float: right;
	background-color: #3A6E8F;
	padding: 2px;
}

#AdClosingDates {
	margin: 16px 0 0 0;
}

#AdClosingDates h4{
	font-size: 100%;
	border-bottom: 3px solid #3A6E8F;
}

#AdClosingDates table.Issue {
	width: 100%;
	margin: 0 0 32px 0;
}

#AdClosingDates table.Issue tr td {
	font-size: 95%;
	padding: 2px 2px 2px 0px;
	vertical-align: top;
	/*
	border: 1px solid red;
	*/
}

#AdClosingDates table.Issue tr td.HeaderCol {
	font-weight: bold;
	text-align: left;
	width: 80px;
}

#AdClosingDates table.Issue tr td.IssueNumber {
	width: 50px;
}

#AdClosingDates table.Issue {
}

/* **********************************
          Publishing Schedule Styles
*********************************** */

#PublishingSchedule {
	
}

#PublishingSchedule table{
	font-size: 80%;
	width: 48%;
	margin: 15px 6px 0 0;
	float: left;
}

#PublishingSchedule table.skinnyTable, 
#PublishingSchedule table.skinnyTable td{
	border-color: #3A6E8F;
}

div.NewYear{
	clear: both;
}

#PublishingSchedule td.volume{
	font-size: 280%;
	text-align: center;
	background-color: #DEE5ED;
}

#PublishingSchedule td.issue{
	font-size: 200%;
	text-align: center;
}

#PublishingSchedule td.volumeHeader{
	width: 25px;
}

#PublishingSchedule td.issueHeader{
	width: 20px;
}

#PublishingSchedule td.yearHeader{
	text-align: right;
}

.currentIssue {
	background-color: #FFFF99;
	font-weight: bold;
}

.archivedIssue {
	background-color: #CCCCCC;
	color: #FFFFFF;
}


.publishingScheduleHeader {
	/*
	background-color: #5A757B;
	*/
	background-color: #3A6E8F;
	color: #FFFFFF; 
	font-weight: bold;
}

table.skinnyTable {
	border-top: 1px solid black;
	border-left: 1px solid black;
}

table.skinnyTable td{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 2px;
}


/* **********************************
          Subscription Rates
*********************************** */

table.SubscriptionRates {
	width: 70%;
	margin: 0 0 24px 0;
}

table.SubscriptionRates td.SubscriptionName{
	width: 40%;
	padding: 2px 0 2px 16px;
}

table.SubscriptionRates td.SubscriptionType{
	background-color: #D4DCE2;
}


/* **********************************
          View Issues/Table of Contents
*********************************** */

ul.TOC {
	line-height: 160%;

	margin-top: 5px;
	margin-left: 11px;
	padding: 0px;

	list-style-image: url("../Images/Layout/Bullet_round.gif");
}

ul.TOC li div.smallText {
	margin: 0 0 10px 20px;
}

ul.TOC li.SectionHeader {
	list-style-type: none;
	list-style-image: none;
	font-size: 120%;
	border-bottom: 3px solid #333333;
	padding: 0;
	margin: 16px 4px 4px -12px;
	overflow: hidden;
}

ul.TOC ul{
	margin-top: 0px;
	margin-left: 20px;
	padding: 0px;

	list-style-image: url("../Images/Layout/Bullet.gif");
}

.CoverPictureTOC {
	float: right;
	border: 1px solid #CCCCCC;
	padding: 4px;
	background: #EEEEEE;
	margin: 0 0 0 15px;
	text-align: center;
	font-size: 8pt;
	font-style: italic;
}

.CoverPictureTOC img{
	display: block;
	margin: 0 0 4px 0;
}


#IssueNavigation {
	height: 24px;
	margin: 0 0 16px 0;
}

.PreviousIssue {
	float: left;
}

.NextIssue {
	float: right;
}

#IERoot #VolIssueNumber {
}


/* **********************************
          Archived Issues
*********************************** */

.archivedIssueContainer {
	padding: 16px 0 16px 0;
	clear: right;
}

#IERoot .archivedIssueContainer {
	padding: 0;
	margin: 16px 0 16px 0;
}

.archivedIssueContainer p{
	font-size: 115%;
	margin: 0 0 0 16px;
}


/* **********************************
          Research
*********************************** */

.researchIssueContainer {
	padding: 16px 0 16px 0;
	clear: right;
}

.researchIssueContainer h4{
	border-bottom: 3px solid #406176;
	margin-right: 140px;
}

#PageContent .researchIssueContainer .CoverPictureTOC a,
#PageContent .researchIssueContainer .CoverPictureTOC a:hover{
	border: 0;
}

.researchIssueContainer .Article{
	margin: 8px 0 0 16px;
}

.researchIssueContainer .Article p{
	margin: 0 0 4px 0;
}

.researchIssueContainer .Authors{
	margin: 0 0 0 16px;
	font-size: 90%;
}


/* **********************************
          eJournal Styles
*********************************** */

.CountryList {
	width: 290px;
}

label {
	font-weight: normal;
	font-size: 0.95em;
	padding-left: 16px;
}

label.Required {
	text-decoration: underline;
	font-size: 1.0em;
	background-image: url("../Images/Required.png");
	background-repeat: no-repeat;
	background-position: 4px 0px;
}

div.FormDiv {
}

div.FormDiv fieldset{
	display: block;
	width: 97%;
	margin: 10px 0 30px 0;
	padding-top: 8px;
	padding-bottom: 4px;
	border-width: 4px 0 2px 0;
}

div.FormDiv legend{
	font-weight: bold;
	color: #003366;
	border: 1px solid #999999;
	padding: 4px;
}

div.FormRow{
	clear: both;
	margin-bottom: 8px;
}

div.FormRow label {
	display: block;
	float: left;
	width: 130px;
	text-align: left;
	padding-top: 1px;
	margin-right: 4px;
}

div.FormDiv .Note{
	display: block;
	font-size: 8pt;
}

div.FormRow div.Note{
	margin: 0 0 0 205px;
}

div.FormRow input, 
div.FormRow textarea, 
div.FormRow select {
	padding: 1px;
	color: #444477;
}

div.FormButtons {
	clear: both;
	margin: 10px 0 10px 0;
	height: 30px;
}

div.FormButtons a, 
div.FormButtons input{
	float: left;
	margin: 0 10px 0 0;
}

.SubscriptionDuration {
	margin: 0 0 0 150px;
}

.SubscriptionCost {
	text-align: right;
}

.BackIssues {
}

.BackIssues select{
	font-size: 0.8em;
	/*
	font-family: "Courier New", Courier, mono;
	*/
	width: 360px;
}

.Note {
	margin: 16px 0 16px 0;
	background-color: #FFFFCC;
	border: 1px solid #CC6600;
	padding: 8px;
	font-size: 1.1em;
	text-align: center;
}

.Note #Required{
	vertical-align: top;
}


.eJOTNote {
	margin: 16px 0 16px 0;
	background-color: #FFFFCC;
	border: 1px solid #CC6600;
	padding: 8px;
	font-size: 1.1em;
}

.eJOTNote div.FormRow label{
	width: 150px;
}

.eJOTNote div.FormRow div.eJOTLogin label, 
.eJOTNote div.FormRow div.eJOTIPLogin label {
	width: 105px;
}

.Help {
	padding: 8px 0 8px 28px;
	background-image:  url("../Images/Help-trans.png");
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.eJOTLoginTypes {
	margin: 16px 0 16px 0;
}

a.SecureArticle {
	margin: 0 0 0 4px;
}