h1, h2, h3, h4, h5, h6 { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

/*** end CSS RESET ***/



body {
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
}

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #007278; line-height: 2em; font-weight:bold; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; line-height: 2em; font-weight:bold;}
h2 a:link { text-decoration: none; line-height: 1.5em; color: #FF6600;}
h2 a:active { text-decoration: none; line-height: 1.5em; color: #FF6600; }
h2 a:visited { text-decoration: none; line-height: 1.5em; color: #FF6600; }
h2 a:hover { text-decoration: none; line-height: 1.5em; color: #FF6600;}

.tablecontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.tablecontent12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.tablecontent9 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: bold;
}
maptable {
border-width: thin;
	border-style: solid;
	border-color: #CCCC99;
}

.bgcolor {
	background-color: #F2F2F2;
}

.underliner {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
	font-size: 10px;
}

.piccontainer {
background-color: #cccccc;
font-size: 11px;
margin: 1% 1% 1% 1%;
padding: 1px 1px 1px 1px;
}

.topcontainer {
background-color: #007379;
color: white;
font-size: 11px;
margin: 0em 4%;
top: 0;
}

.topcontainer09 {
background-color: #007379;
color: white;
font-size: 11px;
top: 0;
}

.maincontainer {
background-color: #FFFFFF;
font-size: 12px;
margin: 0em 4%;
top: 0;
}

.maincontainer09 {
background-color: #FFFFFF;
font-size: 12px;
top: 0;
}

.bularchive {
	list-style:none;
	padding-left:0px;
}

.bularchive ul {
	list-style:none;
	margin-left:0px;
	padding:0px;
}

.bularchive ul li {
	list-style:none;
	display:inline;
	color: #00A2FF;
	margin-left:0px;
	padding:0px;
}

.bularchive ul li a {
	list-style:none;
	display:inline;
	color: #00A2FF;
	line-height:18px;
}


#floatcenter { 
	margin:0 auto; 
	position:relative; 
	text-align:left; 
	width: 960px;
	}


.quickinfotext {
color: white;
font-size: 11px;
}

.TextInput
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-STYLE: normal;
	COLOR: #3684A9;
	FONT-WEIGHT: normal
}

/* Navigation and sections */

A.navioff, A.navioff:visited, .sektionhead, .sektionheadtopborder, .sektionsubhead {
	background-color: #FAFAFA;
	color: #58595B;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #FFF;
	BORDER-top: 1px solid #FFF;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;
}

A.navimob, A.navioff:visited, .sektionhead, .sektionheadtopborder, .sektionsubhead {
	background-color: #FAFAFA;
	color: #58595B;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #FFF;
	BORDER-top: 1px solid #FFF;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;
}

A.naviwarning {
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #FFF;
	BORDER-top: 1px solid #FF0000;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;
}

A.navioff2, A.navioff2:visited, .sektionhead2, .sektionheadtopborder2, .sektionsubhead2 {
	background-color: #FAFAFA;
	color: #FF6600;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #FFF;
	BORDER-top: 1px solid #FFF;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;
}

#portfolio A.navimob, #portfolio A.navimob:visited {
	BACKGROUND: url(../images/navimob.gif) no-repeat 165px 50%;
	background-color: #FAFAFA;
}

#portfolio A.naviwarning, #portfolio A.naviwarning:visited {
	BACKGROUND: url(../images/naviwarn.gif) no-repeat 161px 50%;
	background-color: #FF0000;
}

#portfolio A.navioff, #portfolio A.navioff:visited {
	BACKGROUND: url(../images/open.gif) no-repeat 165px 50%;
	background-color: #FAFAFA;
}

.sektionhead, .sektionheadtopborder {
	BORDER-left: none;
	BORDER-top: none;
	padding-left: 11px;
}

.sektionheadtopborder {
	BORDER-top: 1px solid #DFDEDE;
}

.sektionsubhead {
	BORDER-top: 1px solid #DFDEDE;
	BORDER-left: none;
	padding-left: 11px;
}

A.navion, A.navion:hover, A.navioff:hover {
	background-color: #F2F2F2;
	color: #58595B;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #F7F7F7;
	BORDER-top: 1px solid #F7F7F7;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;
}

A.navion2, A.navion2:hover, A.navioff2:hover {
	background-color: #F2F2F2;
	color: #58595B;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #F7F7F7;
	BORDER-top: 1px solid #F7F7F7;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;	
}

A.navimob, A.navimob:hover, A.navimob:hover {
	background-color: #F2F2F2;
	color: #FF6600;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #F7F7F7;
	BORDER-top: 1px solid #F7F7F7;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;	
}

A.naviwarning, A.naviwarning:hover, A.naviwarning:hover {
	background-color: #FF0000;
	color: #FFF;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #F7F7F7;
	BORDER-top: 1px solid #F7F7F7;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;	
}

A.navion:visited, A.navion:active {
	color: #58595B;
}

#leftcol UL, .paddingcontent {
	PADDING: 7px 0px 7px 0px;
	MARGIN: 0px;
	border-top: 1px solid #F7F7F7;
	border-left: 1px solid #F7F7F7;
	border-bottom: 1px solid #DFDEDE;
	LIST-STYLE-TYPE: none;
	background-color: #FFF;
}

.paddingcontent {
	border-bottom: none;
	PADDING: 10px 20px 3px 23px;
}

#fontsektion {
	border-bottom: none;
}

#portfolio A.navion {
	BACKGROUND: url(../images/close.gif) no-repeat 165px 50%;
	background-color: #F2F2F2;
}

#portfolio A.navimob {
	BACKGROUND: url(../images/navimob.gif) no-repeat 165px 50%;
	background-color: #F2F2F2;
}

#portfolio A.naviwarning {
	BACKGROUND: url(../images/naviwarn.gif) no-repeat 165px 50%;
	background-color: #FF0000;
}

#leftcol LI {
	padding: 0px;
	margin: 0px;
}

#leftcol LI A {
	width: 92%;
	text-decoration: none;
	color: #00A2FF;
	border-bottom: 1px solid #DFDEDE;
	margin: 0;
	padding: 3px 0 3px 10px;
	display: block;

}

#leftcol LI A:visited {
}

#leftcol LI A:hover {
	BORDER-BOTTOM: 1px solid #DFDEDE;
}

#leftcol LI A.subon, #leftcol LI A.subon:hover, #leftcol LI A.subon:visited {
	COLOR: #007379;
	cursor: default;
	BORDER-BOTTOM: 1px solid #DFDEDE;
}

.border {
	border: 1px solid #DFDEDE;
	background-color: #FFF;
}

.padding {
	padding: 0px 5px 5px 5px;
}

.off, .oldbrowsers {
	display: none
}

.on {
	display: block
}

img, .nopadnomarg {
	padding: 0px;
	margin: 0px;
}

.sektionhead A:visited, .sektionsubhead A:visited {
	border: 1px solid #EE5A00;
	background-color: #FCDCD3;
}

.sektionhead A:active, .sektionhead A:hover, #fontsize A:active, #fontsize A:hover, .sektionsubhead A:active, .sektionsubhead A:hover {
	COLOR: #EEAE00;
	border: 1px solid #EEAE00;
	background-color: #F1E5C8;
}

#portfolio2 A.navioff { 
	BACKGROUND: #FAFAFA url(../images/open.gif) no-repeat 165px 50%;
 } 
 
#portfolio2 A.navion { 
	BACKGROUND: #F2F2F2 url(../images/close.gif) no-repeat 165px 50%;
 }  
 
 #portfolio2 A.navimob { 
	BACKGROUND: #FAFAFA url(../images/navimob.gif) no-repeat 165px 50%;
 } 
 
#portfolio2 A.navimob { 
	BACKGROUND: #FFF url(../images/navimob.gif) no-repeat 165px 50%;
 }  
 
#portfolio3 A.navioff { 
	BACKGROUND: #FAFAFA;
 } 
 
#portfolio3 A.navion { 
	BACKGROUND: #F2F2F2;
 } 

.whitetext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
a.whitetext:link { text-decoration: none }
a.whitetext:active { text-decoration: none }
a.whitetext:visited { text-decoration: none }
a.whitetext:hover { text-decoration: none;}

.whitetext12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
a.whitetext:link { text-decoration: none }
a.whitetext:active { text-decoration: none }
a.whitetext:visited { text-decoration: none }
a.whitetext:hover { text-decoration: none;}

.blacktext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
a.blacktext:active { text-decoration: none }
a.blacktext:visited { text-decoration: none }
a.blacktext:link { text-decoration: none }
a.blacktext:hover { text-decoration: none;}

.breadcrumbtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3684A9; line-height: 1em;}
a.breadcrumbtext:link { text-decoration: none; line-height: 2em; }
a.breadcrumbtext:active { text-decoration: none; line-height: 2em; }
a.breadcrumbtext:visited { text-decoration: none; line-height: 2em; }
a.breadcrumbtext:hover { text-decoration: none; line-height: 2em;}

.divnavtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3684A9; line-height: 1.5em; text-align:left;}
a.divnavtext:link { text-decoration: none; line-height: 1.5em; }
a.divnavtext:active { text-decoration: none; line-height: 1.5em; color: #FF6600; }
a.divnavtext:visited { text-decoration: none; line-height: 1.5em; color: #FF6600; }
a.divnavtext:hover { text-decoration: none; line-height: 1.5em; color: #FF6600;}

.blacktext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}

.copyrighttext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #38B8D5;}

.warningtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600;}

.orangetext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; line-height: 1.5em;}
.orangetext a:link { text-decoration: none; line-height: 1.5em; color: #FF6600;}
.orangetext a:active { text-decoration: none; line-height: 1.5em; color: #FF6600; }
.orangetext a:visited { text-decoration: none; line-height: 1.5em; color: #FF6600; }
.orangetext a:hover { text-decoration: none; line-height: 1.5em; color: #FF6600;}

.orangetext1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; line-height: 1em;}

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; line-height: 1em; font-weight:bold}

.greentext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #007278; line-height: 2em;}

.greentext1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #007278; line-height: 1em;}

.warningbox
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-COLOR: #666666;
	padding: 5px;
    BACKGROUND-COLOR: #FFFFFF;
	
}

.mobilebox
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
    BORDER-COLOR: #666666;
    BACKGROUND-COLOR: #FFFFFF;
	
}

.radarbox
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
    BORDER-COLOR: #666666;
    BACKGROUND-COLOR: #0099CC;
	
}

.maincontent
{
	padding: 10px;
}

.daybox
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
    BORDER-COLOR: #366F97;
    BACKGROUND-COLOR: #38B8D5;
	color: #FFFFFF;
	padding: 2px;
	width: auto;
	font-size: 11px;	
}
	
.tertiarynav
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
    BORDER-COLOR: #38B8D5;
    BACKGROUND-COLOR: #FCFCFC;
	color: #007379;
	padding: 2px;
	width: 40px;
	font-size: 10px;
	text-decoration: none;
}
.sitemaptext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3684A9; line-height: 1em;}
a.sitemaptext:link { text-decoration: none; line-height: 1em; }
a.sitemaptext:active { text-decoration: none; line-height: 1em; }
a.sitemaptext:visited { text-decoration: none; line-height: 1em; }
a.sitemaptext:hover { text-decoration: none; line-height: 1em;}

/* contact form add - mark 29/03/06 */
.input {width: 300px; padding: 2px;}
.select {width: 308px; padding: 2px;}
.text { width: 300px; padding: 2px; height: 150px;}
.lightgrey {

color: #CCCCCC;
font-size: 11px;
}

.underliner2 {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}

hr { color:#CCC; height:1px; background-color:#CCC; border:0px; }

.homebox {
	text-align: left;
	padding: 10px;
	height: 165px;
	width: 150px;
	border: 1px solid #CCC;
	font-size:12px;
	font-weight:bold;

}

.homebox a {color:#000; text-decoration:none; }

.homebox2 {
	text-align: left;
	padding: 10px;
	height: 215px;
	width: 200px;
	border: 1px solid #CCC;
	font-size:12px;
	font-weight:bold;

}

.homebox2 a {color:#000; text-decoration:none; }

.point11 { font-size:11px; font-weight:bold;}

.warning3 {
	padding: 5px;
	border: 2px solid #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	vertical-align: top;
}

.warning3 a { color:#F00; text-decoration:none;}
.warning3 a:hover { color:#F00; text-decoration:underline;}
.warning3 a:link { color:#F00; text-decoration:none;}
.warning3 a:visited { color:#F00; text-decoration:none;}
.warning3 a:active { color:#F00; text-decoration:none;}

.warning3off {
	padding: 5px;
	border: 2px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	vertical-align: top;
}

.warning3off a { color:#999; text-decoration:none;}
.warning3off a:hover { color:#999; text-decoration:underline;}
.warning3off a:link { color:#999; text-decoration:none;}
.warning3off a:visited { color:#999; text-decoration:none;}
.warning3off a:active { color:#999; text-decoration:none;}

#climate-report table {
	border-collapse: collapse;	
}

#climate-report td {
	border: 1px solid #ccc;
}

.wdial {
	padding: 4px;
	border: 1px solid #CCC;
	width:350px;
	text-align:center;
	font-size:12px;
	line-height:14px;
}

/* rainfall */

#rainfall11 {
	position: relative;	
	height: 370px;
	width:720px;
	border:1px solid #CCC;
	padding:10px;
}

#rainfall11 .map {
	float:left;
	width:465px;
}

#forecast .legend {
	float:left;
	width: 20px;
}

/* 5 day forecasts */

#forecast .panel {
	position: relative;	
	height: 410px;
}

#forecast .maps {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 456px;
	height: 364px;
	background: url(/images/5dayloading.png) no-repeat left top;
	overflow: hidden;
}

#forecast .maps img {
	position: absolute;
	top: 0;
	left: 0;
}

#forecast .time {
	display: none;
	position: absolute;
	font-weight: bold;
	top: 10px;
	right: 10px;
	color: #fff;
	z-index: 1;
	margin: 0;
	padding: 5px 10px;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#forecast .timeline {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: url(/images/5dayforecast.png) no-repeat left bottom;
	height: 50px;
	width: 456px;
}

#forecast .timeline span {
	float: left;
	width: 76px;
	padding: 10px 0 20px;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

#forecast .timeline span.disabled {
	text-decoration: none;
	color: #999;
	cursor: default;
}

#forecast .slider {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 454px;
}

#forecast .legend {
	position: absolute;
	top: 10px;
	left: 476px;
	width: 20px;
}

#forecast .description {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	height: 300px;
	font-family: arial, helvetica, sans-serif;
}

#forecast .description.wide {
	width: 240px;
}

#cloud, #pressure, #rainfall, #temp, #wind, #wave {
	display: none;
}

#tabs ul {
	display: none;
}

#forecast {
	height: 480px;
}


#forecast-link {
	float: right;
	padding: 6px 0;
	font-weight:bold;
}

#forecast-link a {
	color: #fff;
	padding:5px 5px 5px 5px;
	background-color:#066;
	border:1px solid #CCC;
	text-decoration:none;
	
	
}

#marinemenu11 {
	font-size:11px;
	
}

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

#marinemenu11 ul li {
	list-style:none;
	display:inline;
	float:left;
	padding:5px 10px 5px 0;
	
}

#marinemenu11 ul li a {
	display:block;
	background-color:#09C;
	padding:4px;
	color:#FFF;
	text-decoration:none;
	
}

#marinemenu11 ul li a:link {
	color:#FFF;
	text-decoration:none;
	
}

#marinemenu11 ul li a:visted {
	color:#FFF;
	text-decoration:none;
	
}

#marinemenu11 ul li a:hover {
	color:#FFF;
	text-decoration:underline;
	
}