body{ /*grey b-ground & image*/
	font: 80% verdana, arial, sans-serif;
font-family: verdana, arial, sans-serif;
color:#333;
background-color:#f8f8ff;
}

table tr td{
font-family: verdana, arial, sans-serif;
}

h2{ /*page title below Marinet*/
font-size:2em;
font-weight:500;
margin-left:25px;
text-decoration:none;
letter-spacing:0.2em;
word-spacing:0.2em;
background-repeat: repeat;
background-attachment:fixed;
color:midnightblue;
margin-top:0.6em;
margin-bottom:0.2em;
}

.h2small{
font-size:0.8em;
}

h3{
font-size:1.2em;
margin-left:30px;
}

h4{
font-size:1.0em;
margin-left:30px;
}

h5{
font-size:0.8em;
margin-left:30px;
}

p{
margin-left:15px;
margin-right:8px;
}

p.comicsmall{ /*pdf download text*/
font-family: "Comic Sans MS", tahoma, arial, sans-serif;
font-size:x-small;
margin-left:0px;
margin-right:0px;
width:190px;
table-layout: fixed;
}

p.comic{
font-family: "Comic Sans MS", tahoma, arial, sans-serif;
}

p.boldcenter{
font-weight:700;
text-align:center;
}

p.underline{
text-decoration:underline;
margin-left:15px;
margin-right:8px;
}

.author{
font-size:0.8em;
font-style:italic;
text-align:right;
}

.comment {
margin-left:50px;
font-style: italic;
font-size:0.9em;
line-height: 1.35em;
}

p.italicsmall{
font-size:0.8em;
font-style: italic;
margin-left:15px;
}

p.menu{ /*sewage and beach-guide*/
font-family: "Comic Sans MS", tahoma, arial, sans-serif;
font-size:0.8em;
font-weight:700;
text-align:center;
}

ol.lower-latin{
list-style-type: lower-latin;
}

ol.lower-roman{
list-style-type: lower-roman;
}

ol.inset50{
margin-left:50px;
}

ol.inset60{
margin-left:60px;
}

ol.inset50italicsmall{
margin-left:60px;
font-style: italic;
font-size:0.8em;
}

ul.blankinset{
list-style-type:none;
}

ul.blankinset40{
margin-left:40px;
list-style-type:none;
}

ul.blankinset50{
margin-left:50px;
list-style-type:none;
}

ul.blankinset60{
margin-left:60px;
list-style-type:none;
}

ul.blankinset60{
margin-left:60px;
}

li{
font-family: verdana, arial, sans-serif;
}

table {
border-collapse:collapse;
empty-cells:hide;
}

table.center{ /*GBG tables centered*/
margin-right:auto;
margin-left:auto;
width:90%;
padding:1px;
border-spacing:0px;
border:1px solid black;
border-collapse:collapse;
empty-cells:hide;
}

table.picture{/*center picture & floated text*/
margin-right:10%;
margin-left:10%;
clear:both;
}

td{ /*border shows*/
border:1px solid black;
border-spacing:0px;
}

td.s{ /* small text, border shows, UWWD*/
border:1px solid black;
border-spacing:0px;
font-size:0.8em;
}

td.xs{ /* x-small text, border shows, gbg latestnews*/
border:1px solid black;
border-spacing:0px;
font-size:x-small;
}

td.xxs{ /* x-small text, arial narrow, latest news*/
border:1px solid black;
font-family: "arial narrow";
border-spacing:0px;
font-size:x-small;
}

td.noborder{ /*border hidden*/
border:none;
}

td.logoindex{ /*title index page */
border:none;
width:60%;
}

td.logo{ /*title */
border:none;
width:100%;
}

td.titlescanned{ /*no border, centered, Scanned Pages*/
border:none;
text-align:center;
width:90%;
}

td.bold{ /*border shows*/
font-weight:700;
border:1px solid black;
border-spacing:0px;
}

td.bolds{ /*small text, border shows, UWWD*/
font-weight:700;
border:1px solid black;
border-spacing:0px;
font-size:0.8em;
}

td.boldxs{ /*x-small text, border shows, gbg*/
font-weight:700;
border:1px solid black;
border-spacing:0px;
font-size:x-small;
}

td.boldright{ /*border shows - bold - right aligned*/
font-weight:700;
border:1px solid black;
border-spacing:0px;
text-align:right
}

td.right{ /*border shows - right aligned*/
border:1px solid black;
border-spacing:0px;
text-align:right
}

td.center{ /*border shows*/
text-align:center;
border:1px solid black;
border-spacing:0px;
}

td.centerxs{ /*x-small text, border shows, gbg*/
text-align:center;
border:1px solid black;
border-spacing:0px;
font-size:x-small;
}

td.boldcenter{ /*border shows*/
font-weight:700;
text-align:center;
border:1px solid black;
border-spacing:0px;
}

td.boldcenterxs{ /*x-small text, border shows, gbg*/
font-weight:700;
text-align:center;
border:1px solid black;
border-spacing:0px;
font-size:x-small;
}

img{ /*hide image borders*/
border: none;
}

img.arrowuponly{
position:absolute;
left:40%;
width:35px;
height:70px;
border:0;
margin-left:30px;
margin-right:30px;
margin-top:5px;
}

img.arrowup{
position:absolute;
left:55%;
width:35px;
height:70px;
border:0;
margin-left:30px;
margin-right:30px;
margin-top:5px;
}

img.arrowleft{
position:absolute;
left:45%;
width:70px;
height:35px;
border:0;
margin-right:30px;
margin-top:5px;
}

.leftfloat{
float:left;
margin:15px;
}

img.leftfloat0{ /* no margin */
float:left;
margin:0px;
}

.rightfloat{
float:right;
margin:15px;
clear:right;
}

img.center{
display:block; /*allows the element to take auto margins*/
margin:0 auto; /*centers in compliant browsers*/
text-align:center; /*centers in old versions of IE*/
}

img.both{
clear:both;
}

a
a:link {color:blue;}
a:hover {color:#000; text-decoration:none; background:#ff6;}
a:active {color:#fff99d; background:#000;
}

a.archive { /* LN page, archive link */
color:midnightblue;
text-decoration:none;}
a.archive:hover {color:#fff; background:#366;text-decoration:underline; }

/*main menu buttons http://www.cssplay.co.uk/menus/tutorial.html*/
a.nav {
display:block; width:185px; height:22px;
margin-top:0px;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:0.9em; font-weight: 500;
line-height:20px; overflow:hidden;
color:#366;
border-radius: 5px;}
a.nav:hover {color:#fff; background:#366;text-decoration:none;
border-radius: 5px;
}

a.middle {
display:inline;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:1.0em; font-weight: 500;
overflow:hidden;
color:midnightblue;
padding:0.3em;
border-radius: 5px;
}
a.middle:hover {color:#fff; background:#366;text-decoration:none;
border-radius: 5px;
}

a.nav1 { /* Latest News Months */
font-family:verdana, arial, sans-serif;
font-size:0.8em;
color:#366;
text-decoration:none;
margin-left:10px;}
a.nav1:hover {color: #a04332; background: none;text-decoration:underline;
}

/*meparentnu buttons for "Return to Marine Animals"*/
a.nav2 {
display:block; width:185px; height:25px;
background:transparent; margin-top:0px;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:0.75em;  font-weight: 500;
line-height:25px; overflow:hidden;
color:#366;
}
a.nav2:hover {color:#fff; background:#366;text-decoration:underline;
}

a.nav4 { /* Double height menu */
display:block; width:185px; height:26px;
background:transparent; margin-top:0px;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:0.9em; font-weight: 500;
line-height:12px; overflow:hidden;
color:#366;
border-radius: 5px;
}
a.nav4:hover {color:#fff; background:#366;text-decoration:none;
border-radius: 5px;
}
.nav4chosen {
display:block; width:185px; height:26px;
margin-top:0px;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:0.9em;  font-weight: 500;
line-height:12px; overflow:hidden;
color:#fff;
background: #a04332;
border-radius: 5px;}
a.nav4chosen:hover {color:#fff; background:#366;text-decoration:none;
border-radius: 5px;
}

.chosen {display:block; width:185px; height:20px;
margin-top:0px;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:0.9em; font-weight: 500;
line-height:20px; overflow:hidden;
color:#fff;
background-color: #a04332;
border-radius: 5px;
}
a.chosen:hover {color:#fff; background:#366;text-decoration:none;
border-radius: 5px;
}

.header { /*menu headers*/
display:block; width:185px; height:16px;
margin-top:0px;
margin-bottom:7px;
text-decoration:none;
font-family:verdana, arial, sans-serif; font-size:1em; font-weight: 600;
line-height:20px; overflow:hidden;
text-align:center;
color:#a04332;
}

.topleft{
font-family: "Comic Sans MS", tahoma, arial, sans-serif;
font-weight:bold;
text-align:center;
width:185px;
border:none;
line-height:150%;
margin-left:0px;
margin-right:0px;
table-layout: fixed;
}

.topright{
position:absolute;
top:10px;
right:6%;
border:none;
margin-left:0px;
margin-right:0px;
table-layout: fixed;
}

.bottomleft { /* Marine Animals */
display:block; width:185px; height:65px;
background:#366; margin-top:10px;
text-align:center; text-decoration:none;
font-family:"Comic Sans MS", sans-serif;
font-size:0.75em; color:#fff	; font-weight: bold;
line-height:15px; overflow:hidden;
border-radius: 5px;
}
a.bottomleft:hover {color:#fff;background:#a04332;
border-radius: 5px;
}

.bottomleft2 { /* video */
display:block; width:185px; height:65px;
background:#a04332; margin-top:10px;
text-align:center; text-decoration:none;
font-family:"Comic Sans MS", sans-serif;
font-size:0.75em; color:#fff; font-weight: bold;
line-height:15px; overflow:hidden;border-radius: 5px;
}
a.bottomleft2:hover {color:#fff;background:#366;
border-radius: 5px;
}

.gtbma {
position: absolute;
right: 20px;
top:150px;
display:block; width:185px; height:65px;
background:#366; margin-top:10px;
text-align:center; text-decoration:none;
font-family:"Comic Sans MS", sans-serif; font-size:0.75em; color:#000; font-weight: bold;
line-height:20px; overflow:hidden;}
a.gtbma:hover {color:#fff;background:#366;
}

.animation {
float:left;
margin:6px;
}

a.glossary {cursor:help; text-decoration:none; font-size:100%; color:black; background:#dcdcdc; border-bottom:.1em dashed #444;}
a.glossary:hover {color:#fff; background:#666;}
a.glossary:active {color:#ff0;background:#666;
}

a.clear:link {background:none;text-decoration:none;}
a.clear:hover {background:none;
}

.rule {
height:0px;
width: 50%;
border: 0px;
border-top: 2px solid #a04332;
text-align: left;
margin-left: 0;
margin: 20px 0 20px 30px;
}
.rule2 { /* latest news */
height:0px;
width: 50%;
border: 0px;
border-top: 1px dotted lightgrey;
text-align: left;
margin-left: 0;
margin: 0px;
}

.month {font-family:"Comic Sans MS", sans-serif;
color: #fff;
background: #366;
margin-left:0px;
border-radius: 5px;
}

.clear{
clear:both;
height:1px;
overflow:hidden;
}

.center{
text-align:center;
display:block; /*allows the element to take auto margins*/
margin:0 auto; /*centers in compliant browsers*/
}

.google1{
text-align:right;
font-family:"Comic Sans MS", sans-serif;
font-weight: bold;
}

.bold{
font-weight: bold;
}

acronym{
background:#dcdcdc;
color:#000; /*black is for the NAV1 index items, otherwise they display as white*/
border-bottom:1px dotted #444;
cursor:help;
}

.links{
font-weight:600;
background-color:#5f9ea0;
color:white;
}

.italic{
font-style: italic;
}

.small{
font-size:0.8em;
}

.xsmall{
font-size:0.6em;
}

.xxsmall{
font-size:0.4em;
}

.italicsmall{
font-size:0.8em;
font-style: italic;
font-size:0.8em;
}

.gbgheading{ /*bground white: section headings for gbg*/
text-align:center;
font-weight:700;
background-color:#9fc;
margin-left:5%;
margin-right:10%;
}

.gbgtable{ /*tables in gbg pressrelease0407 and latest news */
background-color:#fff;
margin-left:1%;
}

.thumbnail1{ /* marineanimals */
float: left;
width: 210px; height: 240px;
border: none;/* 1px solid #999; */
margin: 0 10px 15px 10px;
padding: 5px;
}

.thumbnail2{ /* marineanimals latestnews */
float: left;
width: 210px; height: 180px;
border: none;/* 1px solid #999; */
margin: 15px 10px 10px 10px;
padding: 5px;
}

.thumbnail2r{
float: right;
width: 210px; height: 180px;
border: none;/* 1px solid #999; */
margin: 15px 10px 10px 10px;
padding: 5px;
}

.inset40{
margin-left:40px;
}

.inset50{
margin-left:50px;
}

.inset60{
margin-left:60px;
}

.inset80{
margin-left:80px;
}

.newsma{ /* Latest News markers - Marine Aggregates */
color:#f00;
background:#fff;
border:1px solid #f00;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsce{ /* Coastal Erosion */
color:#000080;
background:#0f0;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsre{ /* Renewable Energy */
color:magenta;
background:darkblue;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsml{ /* Marine Legislation */
color:darkblue;
background:#ff0;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsbw{ /* Bathing Water */
color:#00f;
background:#fff;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newspo{ /* Pollution */
color:#fff;
background:#000;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsmr{ /* Marine Reserves */
color:yellow;
background:darkblue;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsgw{ /* Global Warming */
color:magenta;
background:darkgreen;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsfi{ /* Fisheries */
color:#000;
background:#fff;
border:1px solid #000;
font-weight:500;
font-size:0.8em;
background:white;
font-family:verdana, arial, sans-serif;
}

.newsoa{ /* Ocean Acidification */
color:green;
background:#fff;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.newsmisc{ /* Misc */
color:cyan;
background:darkblue;
font-weight:500;
font-size:0.8em;
font-family:verdana, arial, sans-serif;
}

.b { /* Bathing Waters - cell colours - brown */
background-color:#630;
color:#fff;
}

.lb { /* light brown */
background-color:#c93;
}

.y { /* yellow */
background-color:#ff3;
}

.lg { /* light green */
background-color:#9f6;
}

.g { /* green */
background-color:#0c3;
color:#fff;
}

/* image gallery http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/#thumb */
.gallerycontainer { /* yesterday on Index */
	position: relative;
	line-height:1em;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img {
	border: none;
	margin: 5px 5px 0px 15px;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid #fff;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #333;
	padding: 15px;
	left: -1000px;
	border: none;
	visibility: hidden;
	color: #fff;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 1px;
	float:left; /* position text to right on large image */
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -20px;
	left: -500px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	font-size:0.8em;
	font-weight: 500;
}

.yesterday {
font-family: "Comic Sans MS", tahoma, arial, sans-serif;
text-align:center;
color:#a04332;
line-height:1em;
font-size:0.8em;
}

.yesterday2 {
text-align: center;
width: 620px;
height:520px; /* +50 */
margin: auto;
}

.comic{ /* Yesterday */
font-family: "Comic Sans MS", tahoma, arial, sans-serif;
}

.leftfloat{ /* Yesterday */
float:left;
margin:5px;
}

.mczbar {font-family:"Comic Sans MS", sans-serif;
color:#ff6;
background:#a04332;
margin-left:1%;
}

.mcz {
text-align:center;
font-size: 1.7em;
font-weight:700;
letter-spacing:0.1em;
word-spacing:0.1em;
color:#fff99d;
padding-top: 30px;
padding-bottom: 30px;
margin-left:-9px;
margin-right:-8px;
	background-color:#999;
	background-image: url(mcz/shells.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	border: 0px;
}

.blue { /* mcz */
color: #191970;
}

.red { /* ln */
  color: red;
}

.green { /* ln */
  color: green;
}

a.navmcz { /* mcz page */
display:block; width:150px; height:20px;
background:transparent; margin-top:0px;
text-decoration:none;
font-family:"Comic Sans MS", sans-serif; font-size:0.85em; color:#000; font-weight: bold;
line-height:22px; overflow:hidden; background:#fff99d;}
a.navmcz:hover {color:#fff99d; background:#999;/* #191970 */
}

a.chosenmcz { /* mcz page */
display:block; width:150px; height:20px;
background:#a04332;
margin-top:0px;
text-decoration:none;
font-family:"Comic Sans MS", sans-serif; font-size:0.85em; color:#fff99d; font-weight: bold;
line-height:22px; overflow:hidden;}
}