/*************************************************************\
Marlin Stylesheet by Ian Luckraft
\*************************************************************/

/*

Main colours

Bacs - 
Education -
Recording marine life -
Marine Data -

*/

html {
	overflow-y:scroll;
}

body {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;
	text-align:center;
	background-image:url('../images/backgrounds/body_background.jpg');
	/*background-image:url('../images/backgrounds/dec_surf.jpg');*/
	background-repeat:repeat-x;
	/*Harvey color:#000000;*/ 
	/*color:navy;*/
	color:#000044;
}

/***************************************************************\
Layout divs
\***************************************************************/

#wrapper {
	/*border:1px solid black;*/
	width:1000px;
	margin:auto;
	text-align:left;
	background-color:#ffffff;
}

/* Header section */

#header {
	/*border:1px solid red;*/
	width:100%;
	height:85px;
	/*padding-top:5px;*/
	background-image:url('../images/backgrounds/header_background.jpg');
	background-repeat:no-repeat;
}

#headerLogo {
	/*border:1px solid green;*/
	float:left;
	width:250px;
	height:65px;
}

#headerSearch {
	/*border:1px solid yellow;*/
	color:#ffffff;
	font-weight:bold;
	float:right;
	width:215px;
	/*height:65px;*/
	text-align:center;
	margin:0px;
	padding:0px;
}

#headerStrapline {
	/*border:1px solid aqua;*/
	width:590px;
	height:60px;
	margin-left:175px;
	text-align:center;
}

#mainMenu {
	/*border:1px solid red;*/
	width:100%;
	height:20px;
	font-size:90%;
	text-align:center;
	margin:0px;
	padding:0px;
	clear:both;
	/*Harvey*/
	color:#ffffff;
}

#breadCrumb {
	margin:0px;
}

/* Left column */

#leftColumn {
	/*background-color:yellow;*/
	width:120px;
	float:left;
	padding-left:5px;
	font-size:90%;
	text-align:center;
	/*margin-top:20px;*/
	margin-bottom:40px;
}

#leftContent {
	/*background-color:red;*/
	width:110px;
	text-align:left;
	padding-top:20px;
}

/* Right column */

#rightColumn {
	/*border:1px solid aqua;*/
	width:120px;
	float:right;
	text-align:center;
	padding-top:15px;
	margin-bottom:40px;
}

/* Main section */

#mainContent {
	/*border:1px solid green;*/
	width:745px;
	margin-left:125px;
	margin-bottom:40px;
}

#secondLevelMainContent {
	/*background-color:green;*/
	width:860px;
	margin-left:125px;
	margin-bottom:40px;
}

#otherMainContent {
	/*border:1px solid green;*/
	width:745px;
	margin-left:125px;
	margin-bottom:40px;
}

#loggedInOptions {
	/*background-color:lime;*/
	height:20px;
}

#strapline {
	/*border:1px solid red;*/
	text-align:center;
	font-size:128%;
	font-weight:bold;
	color:#004d6b;
}

#latestSightings {
	float:right;
	width:280px;
	padding-left:10px;
}

#searchPool {
	border:1px solid #ccc;
	margin-top:120px;
	/*height:20px;*/
	width:100%;
	/*display:none;*/
}

.expandBoxLink {
	border:1px solid #adaaad;
	padding:0px;
	margin:0px;
	width:16px;
	height:16px;
	text-align:center;
	background-image:url('../images/backgrounds/expandable_box_background.jpg');
	background-repeat:no-repeat;
	float:right;
}

/* Footer */

#footer {
	clear:both;
	background-image:url('../images/backgrounds/footer_background.jpg');
	/*Harvey*/
	/*background-image:url('../images/backgrounds/grey_footer_background.jpg');*/
	background-repeat:no-repeat;
	width:100%;
	/*height:150px;*/
	height:90px;
	text-align:center;
	/*Harvey*/
	color:#ffffff;
}

#footerContact {
	font-size:90%;
	margin-top:4px;
}

/***************************************************************\
Links
\***************************************************************/

/*Header and menu*/

#headerSearchList a {
	color:#ffffff;
	text-decoration:none;
}

#headerSearchList a:hover {
	text-decoration:underline;
}

#mainMenu a {
	/*Harvey color:#000000;*/
	color:#ffffff;
	text-decoration:none;
}

#mainMenu a:hover {
	text-decoration:underline;
}

/*Left column*/

#leftColumn a {
	color:blue;
	text-decoration:none;
}

#leftColumn a:hover {
	text-decoration:underline;
}

#leftColumn h4 a {
	/*Harvey color:#000000;*/ 
	/*color:navy;*/
	color:#000000;
	text-decoration:none;
}

#leftColumn h4 a:hover {
	text-decoration:underline;
}

/*Main content*/

#mainContent a {
	color:blue;
	text-decoration:none;
}

#mainContent a:hover {
	text-decoration:underline;
}

#secondLevelMainContent a {
	color:blue;
	text-decoration:none;
}

#secondLevelMainContent a:hover {
	text-decoration:underline;
}

#otherMainContent a {
	color:blue;
	text-decoration:none;
}

#otherMainContent a:hover {
	text-decoration:underline;
}

#breadCrumb a {
	/*Harvey color:#000000;*/ 
	/*color:navy;*/
	color:#000000;
	text-decoration:none;
}

#breadCrumb a:hover {
	color:#606060;
	text-decoration:underline;
}

#educationBoxes h3 a {
	/*Harvey color:#000000;*/ 
	/*color:navy;*/
	color:#000000;
	text-decoration:none;
}

#bacsBoxes h2 a {
	/*Harvey color:#000000;*/ 
	/*color:navy;*/
	color:#000000;
	text-decoration:none;
}

#bacsBoxes h3 a {
	/*Harvey color:#000000;*/ 
	/*color:navy;*/
	color:#000000;
	text-decoration:none;
}

.noBulletPoints ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.noBulletPoints ul li {
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

/*Footer*/

#footer a {
	/*Harvey color:#000000;*/ 
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#cc-licence a {
	color:blue;
	text-decoration:none;
}

#cc-licence a:hover {
	text-decoration:underline;
}
	
/***************************************************************\
Lists
\***************************************************************/

/* Header lists */

#headerSearchList ul {
	/*border:1px solid white;*/
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
}

#headerSearchList ul li {
	display:inline;
	margin:0px;
	padding:0px;
}

/* Menu */

#mainMenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:2px;
}

#mainMenu ul li {
	display:inline;
	margin:0px;
	padding:0px;
	margin-right:25px;
	/*margin-right:60px;*/
}

/* Left column */

#downloads ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}

#downloads ul li {
	margin-bottom:5px;
	margin-left:5px;
}

#whatsNew ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}

#whatsNew ul li {
	margin-bottom:5px;
	margin-left:5px;
}

#calendar ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}

#calendar ul li {
	margin-bottom:5px;
	margin-left:5px;
}

#vacancies ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}

#vacancies ul li {
	margin-bottom:5px;
	margin-left:5px;
}

#secondLevelMenu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#secondLevelMenu ul li {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted gray;
}

/* Right column */

#rightColumn ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#rightColumn ul li {
	margin-bottom:5px;
}

/* Main content */

#latestSightings ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#latestSightings ul li {
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

#loggedInOptions ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-align:center;
}

#loggedInOptions ul li {
	padding:0px;
	margin:0px;
	display:inline;
}

/* Right column */

/* Footer */

#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-top:4px;
}

#footer ul li {
	display:inline;
	padding:0px;
	margin:0px;
	/*Harvey color:#000000;*/
	color:#ffffff;
}

.pdfList {
	list-style-image:url('../images/icons/pdf_bullet.jpg');
}

.noBullets {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.noBullets li {
	margin-bottom:10px;
}

.referenceList {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.referenceList li {
	margin-bottom:8px;
}

/***************************************************************\
Images
\***************************************************************/

img {
	border:none;
}

.imageRight {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

.imageLeft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#loggedInOptions img {
	vertical-align:middle;
}

.icon {
	vertical-align:middle;
}

#mbaFooterLogo {
	margin-top:7px;
	margin-left:5px;
}

/***************************************************************\
Fonts
\***************************************************************/

.straplineQuote {
	font-size:110%;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.smallBold {
	font-weight:bold;
	font-size:80%;
}

.moreLink {
	font-size:65%;
}

.imageCredit {
	font-size:90%;	
}

.smallText {
	font-size:80%;
}

/***************************************************************\
Tags
\***************************************************************/

.thickRule {
	height:3px;
	background-color:#000044;	
}

/***************************************************************\
Title bars and breadcrumbs
\***************************************************************/

.pageHeading {
	text-align:center;
	width:860px;
	height:40px;
	margin-top:20px;
	margin-bottom:0px;
}

.smallPageHeading {
	text-align:center;
	width:745px;
	height:40px;
	margin-top:20px;
}

.pageHeading h1 {
	margin:0px;
	padding:0px;
}

.smallPageHeading h1 {
	margin:0px;
	padding:0px;
}

/* Bacs */

#bacsHeader {
	background-image:url('../images/backgrounds/bacs_header_background.jpg');
	background-repeat:no-repeat;
}

#bacsBreadCrumb a:hover {
	color:#7b2418;
}

/* Recording marine life */

#rmlHeader {
	background-image:url('../images/backgrounds/rml_header_background.jpg');
	background-repeat:no-repeat;
}

#rmlBreadCrumb a:hover {
	color:#395910;
}

/* Marine data */

#marineDataHeader {
	background-image:url('../images/backgrounds/marinedata_header_background.jpg');
	background-repeat:no-repeat;
}

#marineDataBreadCrumb a:hover {
	color:#ceb629;
}

/* Education */

#educationHeader {
	background-image:url('../images/backgrounds/education_header_background.jpg');
	background-repeat:no-repeat;
}

#educationBreadCrumb a:hover {
	color:#10598c;
}

/* Generic header */

#genericHeader {
	background-image:url('../images/backgrounds/generic_header_background.jpg');
	background-repeat:no-repeat;
}

#smallGenericHeader {
	background-image:url('../images/backgrounds/small_generic_header_background.jpg');
	background-repeat:no-repeat;
}

/***************************************************************\
Generic boxes
\***************************************************************/

/* Full box */

.fullBox {
	width:860px;
	margin-bottom:20px;
}

.fullBoxContent {
	/*border-right:1px solid #c6c3c6;*/
	border-right:1px solid #245a74;
	padding:10px 10px 0px 10px;
}

.fullBoxFooter {
	height:16px;
	background-image:url('../images/backgrounds/fullbox_footer_blue.jpg');
	background-repeat:no-repeat;
}

.fullBoxContent p {
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:10px;
}

/* Half box */

.halfBox {
	width:420px;
	margin-bottom:20px;
}

.halfBoxContent {
/*	border-right:1px solid #c6c3c6;*/
	border-right:1px solid #245a74;
	padding:10px 10px 0px 10px;
}

.halfBoxFooter {
	height:16px;
/*	background-image:url('../images/backgrounds/halfbox_footer.jpg');*/
	background-image:url('../images/backgrounds/halfbox_footer_blue.jpg');
	background-repeat:no-repeat;
}

.halfBoxContent p {
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:10px;
}

/* Third box */

.thirdBox {
	width:280px;
	margin-bottom:20px;
}

.thirdBoxContent {
	/*border-right:1px solid #c6c3c6;*/
	border-right:1px solid #245a74;
	padding:10px 10px 0px 10px;
}

.thirdBoxFooter {
	height:16px;
	background-image:url('../images/backgrounds/thirdbox_footer_blue.jpg');
	background-repeat:no-repeat;
}

.thirdBoxContent p {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
}

/* Quarter box */

.quarterBox {
	width:210px;
	margin-bottom:20px;
}

.quarterBoxContent {
	border-right:1px solid #c6c3c6;
	padding:10px 10px 0px 10px;
}

.quarterBoxFooter {
	height:16px;
	background-image:url('../images/backgrounds/quarterbox_footer.jpg');
	background-repeat:no-repeat;
}

.quarterBoxContent p {
	border:1px solid red;
}

/*.halfBoxContent h1, h2, h3, h4, h5 {
	margin:0px;
	margin-bottom:5px;
}*/

/***************************************************************\
Form and inputs
\***************************************************************/

.inputHolder {
	/*background-color:lime;*/
	width:100%;
	/*height:40px;*/
	margin-bottom:5px;
}

/*Two column layouts*/

.inputLeftColumn {
	/*background-color:red;*/
	/*width:180px;*/
	width:44%;
	height:30px;
	float:left;
}

.inputRightColumn {
	/*background-color:aqua;*/
	/*width:220px;*/
	width:44%;
	height:30px;
	/*margin-left:185px;*/
	margin-left:45%;
	text-align:left;
}

.inputTitle {
	/*background-color:lime;*/
}

.inputBox {
	/*background-color:olive;*/
}

/*Three column layout*/

.tripleInputLeftColumn {
	/*background-color:red;*/
	width:30%;
	height:40px;
	float:left;
}

.tripleLeftContent {
	/*background-color:yellow;*/
	height:30px;
}

.tripleInputMiddleColumn {
	/*background-color:aqua;*/
	width:30%;
	height:40px;
	float:left;
	margin-left:2%;
}

.tripleInputMiddleContent {
	/*background-color:green;*/
	height:30px;
}

.tripleInputRightColumn {
	/*background-color:blue;*/
	width:30%;
	height:40px;
	float:left;
	margin-left:2%;
}

.tripleInputRightContent {
	/*background-color:lime;*/
	height:30px;
}

.requiredField {
	color:red;
	vertical-align:top;
}

#errorMessages {
	border:1px solid #ff0000;
	background-color:#ffff99;
	margin-top:10px;
	margin-bottom:10px;	
	padding:5px;
}

.errorText {
	color:red;
}

textarea {
	width:300px;
	height:100px;
}

.tripleColumnTextArea {
	width:250px;
	height:100px;
	padding:0px;
	margin:0px;
}

.highlighted {
	background-color:#ffff99;
	/*padding-left:15px;*/
	margin-top:20px;
}

.speciesName {
	font-style:italic;
}

.italic {
	font-style:italic;
}

.scientificName {
	font-size:10px;
	font-style:italic;
}

/***************************************************************\
Tables
\***************************************************************/

#speciesInformationList table {
	text-align:center;
	/*width:95%;*/
}

#speciesInformationList tr td {
	width:20%;
	height:100px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	background-color:#f1fafe;
}

#galleryLatestImages table {
	/*border:1px solid red;*/
	text-align:center;
	padding:0px;
	margin:0px;
}

#galleryLatestImages table tr {
	/*border:1px solid green;*/
	padding:0px;
	margin:0px;
}

#galleryLatestImages table tr td {
	/*border:1px solid aqua;*/
	padding:0px;
	margin:0px;
	width:25%;
}

#fullReviewOptions table tr td {
	padding:0px;
	margin:0px;
	width:120px;
	height:50px;
	background-image:url('../images/buttons/full_review_options_off_bacs_colour.jpg');
	background-repeat:no-repeat;
	font-size:10px;
	text-align:center;
}

#fullReviewOptions table tr .currentLink {
	color:#000000;
	background-image:url('../images/buttons/full_review_options_on_bacs_colour.jpg');
	text-decoration:underline;
}

#fullReviewOptions table tr {
	/*background-color:red;*/
}

.simpleBorder tr td {
	border:1px solid gray;
	padding-left:5px;
}

.simpleBorder tr th {
	border:1px solid gray;
	padding-left:5px;
}

.noBorder {
	border:none;
}

.dayNumber {
	text-align:center;
}

.rmlEven {
	background-color:#c5d7af;
}

.rmlOdd {
	background-color:#ffffff;
}

/***************************************************************\
General id's and classes
\***************************************************************/

h2 #speciesHeader {
	/*margin-top:0px;*/
	/*background-color:red;*/
}

/*******************************\
        png fix
\*******************************/

img, div {
	behavior:url('iepngfix.htc');
}