html, body, div, h1, h2, h3, h4, h5, h6, p, span, img, a, form, input, button, select, textarea{margin:0px;padding:0px;}
body{font: 12px/16px bold Arial, Helvetica, sans-serif;margin: 0;padding: 0;background:#0099CC url(../images/bg.jpg) repeat-y;z-index: 1;}
p{font:12px/15px Arial, Helvetica, sans-serif;color:#000066;font-weight: bold;margin:4px 0 5px 0;}
a{color:#006;text-decoration:underline;}
a:hover{color:#fff;}
a.button{ display:block; width:160px; height:26px; text-align:center; color:#ff3; text-decoration:none; padding:9px 0 0 0;margin:0 auto; font: bold 12px/15px Arial, Helvetica, sans-serif;  background:url(../images/button-up.jpg) no-repeat;} 
a.button:hover{color:#9cf; background:url(../images/button-over.jpg) no-repeat;} 
h1 a, h2 a{color:#00c;text-decoration:none;}
h1 a:hover, h2 a:hover{color:#fff;}
h1.homeheadline{ margin:0 0 0 50px;}
#container{width:767px;margin:20px auto 0 auto;position: relative;z-index: 2;}
#manta{background:url(../images/mantaray_right.gif) no-repeat 475px 7px;z-index:3;height: 500px;position:relative;}
#turtle{background:url(../images/loggerhead-turtle_right.gif) no-repeat 0px 260px;position: relative;z-index: 4;height:600px;}
#shark{background:url(../images/grey-nurse-shark.gif) no-repeat 240px 500px;position: relative;z-index: 5;height: 710px;}
#fishrock {width:509px;padding:3px 0 0 0;height:88px;top:3px;left:17px;position:absolute;z-index:6;overflow:hidden;}
#maskmovie{position:absolute;left:413px;z-index:5;width:125px;top:-5px;}
.caption, .caption a{text-align:center;font: bold 12px/15px Arial, Helvetica, sans-serif;color:#000;display:block;text-decoration:underline;}
a span.caption:hover{color:#fff;}
#regandhose{position:absolute;left:532px;z-index: 1;top: 1px;}
#globalnav{background:#666 url(../images/hose.gif) repeat-x;width:585px;z-index:100;padding-left:20px;color:#ff3;position:absolute;left:40px;top:94px;height:19px;}
#valvediv{width:51px;z-index:1000;left:5px;position:absolute;top:70px;}
#benthose{width:132px;position:absolute;top:23px;left:620px;}
#bodycolumnleft{width:516px;z-index:10;padding:142px 0 0 20px;float:left;}
#bodycolumnright{top:135px;left:0px;width:200px;z-index:5;float:right;padding:142px 10px 0 0;}
#bodycolumn{width:717px;padding:120px 0 0 0;margin:0 25px;}
#columnin{margin:0 0 0 170px;width:544px;}
#columnin, #columnin2{margin:0 0 0 50px;width:664px;}
div.thumbdiv{width:83px;height:100px;float:left;font:bold 11px/12px Arial, Helvetica, sans-serif;color:#006;text-align:center;padding:7px 7px 0 7px;border:solid 2px #006;margin:10px 8px 0 0;}
div.videothumbdiv{width:84px;height:130px;float:left;font:normal 9px/10px Arial, Helvetica, sans-serif;color:#006;text-align:left;padding:6px 6px 0 6px;border:solid 2px #006;margin:10px 8px 0 0;}
.videothumbheading{font: bold 10px/11px Arial, Helvetica, sans-serif;display:block;text-align:center;}
hr{color:#006;background-color:#006;height:2px;margin:0;border:1px solid #006;}
#home2{border:2px #006 solid;padding:0 10px 10px 10px;}
#home2 img, #home1 img, #columnin2 img, #columnin img, .yellowborder{border:1px #ff3 solid;}
h1{font:bold 17px/19px Arial, Helvetica, sans-serif;color:#00c;margin:8px 0 0 0;}
h2{font:bold 14px/16px Arial, Helvetica, sans-serif;color: #00c;margin:15px 0 5px 0;}
.fishrock{font: normal 60px/60px Arial, Helvetica, sans-serif;color:#009;margin:0;padding:0;}
.divecenter{font:bold oblique 24px/24px Arial, Helvetica, sans-serif;color:#fff;margin-bottom:0px;position:relative;left:102px;top:-13px;padding:0;}
.pagename{font: bold 22px/28px Arial, Helvetica, sans-serif;color:#ff3;position:relative;left:113px;top:-13px;}
#home3 a{color:#006;font: bold 15px/15px Arial, Helvetica, sans-serif;text-decoration:none;margin:0;padding:0;}
#home3 a:hover{color:#fff;}
.highlights{display:inline;}
.center{text-align:center;}
.underline{ text-decoration:underline;}
.clear{clear:both;font-size:10px;}
.clearright{clear:right;font-size:10px;}
#newsimage{margin:0 auto;display:inline;border:solid #ff3 1px;}
#columnin div.floatright, #columnin2 div.floatright{margin:0 0 15px 15px;}
#columnin div.floatleft, #columnin2 div.floatleft{margin:0 15px 15px 0;}
#columnin img.noborder, #columnin2 img.noborder{border:none;}
.floatright{float:right;margin:0 0 0 10px;}
.floatleft{float:left;}
img.floatleft{ margin:0 10px 10px 0;}
.txtright{text-align:right;}
#copyright{position:relative;text-align:center;font-size:10px;font-weight:bold;color:#000;margin:0 25px;clear:both;top:50px;clip:auto;padding-bottom:6px;}
#copyright a img{text-decoration:none;}
#resizetext{position:absolute;top:5px;right:10px;color:#900;z-index:2;font-weight:bold;height:20px;text-align:right;}
#resizetext a{color:#900;}
#resizetext a:hover{color:#003;}
#smallest{font-size:12px;}
#larger{font-size:16px;}
#largest{font-size:20px;}
#columnin div.imagecenter{width:200px;margin:10px 0 10px 172px;}
#columnin2 div.imagecenter{width:200px;margin:10px 0 10px 232px;}
#logos{text-align:center;font-weight:bold;float:right;width:140px;margin-left:15px;}
#bodycolumn #columnin div.logos a, div.logos a img{margin:0 auto;}
#logos a:hover{color:#fff;}
#logos img{margin-bottom:10px;}
#columnin ul, #columnin2 ul{list-style-type:circle;font-weight:bold;color:#000;}
#columnin ul li, #columnin2 ul li{list-style-type:square;}
.sitemap1{background-color:#333;width:300px;margin:10px 0 5px 50px;padding-left:15px;font-size:16px;line-height:26px;}
p.sitemap1 a{color:#ff0;}
p.sitemap1 a:hover{color:#9cf;}
.sitemap2{background-color:#666;width:300px;margin:5px 0 5px 100px;padding-left:15px;font-size:16px;line-height:26px;}
p.sitemap2 a{color:#ff0;}
p.sitemap2 a:hover{color:#9cf;}
.sitemap3{background-color:#999;width:300px;margin:5px 0 5px 150px;padding-left:15px;font-size:16px;line-height:26px;}
p.sitemap3 a{color:#ff0;}
p.sitemap3 a:hover{color:#9cf;}
#video-gallery{position:absolute;left:50px;top:113px;width:700px;}
#spacer{height:500px;}
#container ul{list-style-type:circle;font-weight:bold;color:#000;}
#container ul li{list-style-type:square;}
#navigation ul li{list-style-type:none;}
#gallerynav ul li{list-style-type:none;}
h4{font-size:36px;color:#000;margin:25px 0 30px 0;}
#copyright img{border:0;}
.top{position:absolute;top:0;left:0;}
.inline {display:block;width:180px;height:30px;}
.Headline a{font:bold 11px/12px Arial, Helvetica, sans-serif;color:#ff0;text-decoration:underline;}
.Headline a:hover{color:#fff;}
#news{width:120px;text-align:center;margin-top:-15px;}
.bold{font-weight: bold;}
#video{height:430px;position:relative;}
.italic{font-size:12px;font-style:italic;color:#000;}
.info {font-size:10px;font-style:normal;color:#000;}
#slideshow {border: 1px #ff3 solid;width:175px;height:131px;background-color:#000;}
.blackunderline{color:#000;text-decoration:underline;}
.yellowborder{border:1px #ff3 solid; padding:10px;}
#home2 img.noborder, #columnin2 img.noborder{border:none;}
img.floatright{margin:0 0 10px 10px;}
#videoListDiv{top:550px;position:absolute;}
#gallery{border:1px #ff3 solid;margin:0;width:600px;height:450px;float:right;}
iframe{border:1px #ff3 solid;}
#goog-wm-qt{ margin-right:10px;}
#searchform{text-align:right;position:absolute;top:5px;right:135px;width:200px;height:25px;z-index:10; border:none;}
input.search, input.zoom_query, input.search-page{width:130px;height:22px;padding:4px 0 0 25px;background: url(../images/search-input.png) no-repeat;font-size:12px;color:#006; border:none;}
#searchform form div input.go, input.zoom_button{font: bold 1.2em/1.2em "Trebuchet MS", Helvetica, sans-serif; color:#006;margin:0 0 3px 0;padding:0 2px;cursor:pointer;background-color:#d7effb;height:22px;}
#searchform form div input.button:hover, #searchform form div input.button.hover,#searchform form div input.button:focus, #searchform form div input.button.focus {color:#292887;}
form select{background:#d7effb;}
/*----------------------new menu----------------*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;/*zoom:1;*/z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
#qm0{	width:585px;height:19px;padding:0px 0px 0px 20px;background:#373737 url(../images/hose.gif) repeat-x;}
#qm0 a{	padding:2px 26px 2px 12px;color:#FFFF33;font-family:Arial;font-size:12px;text-decoration:none;font-weight:bold;}
#qm0 a:hover	{color:#99CCFF;}
#qm0 li:hover>a {	color:#99CCFF;}
#qm0 .qmparent	{background:url(../images/arrow_2.gif) no-repeat right center;}
#qm0 .qmparent:hover	{background-image:url(../images/arrow_3.gif);}
body #qm0 .qmactive, body #qm0 .qmactive:hover	{background-image:url(../images/arrow_3.gif);color:#99CCFF;}
#qm0 div, #qm0 ul{	width:auto;padding:5px;margin:0px;background-color:#2D3740;border:#FFFF33 solid 1px;}
#qm0 div a, #qm0 ul a{	padding:2px 40px 2px 5px;color:#FFFF33;font-size:11px;border-width:0px 0px 1px 0px;border-style:solid;border-color:#465564;}
#qm0 div a:hover{color:#99CCFF;border-color:#666666;}
#qm0 ul li:hover>a{color:#99CCFF;border-color:#666666;}
#qm0 div .qmparent, #qm0 ul .qmparent{background:url(../images/arrow_0.gif) no-repeat 95% 35%;}
#qm0 div .qmparent:hover{	background-image:url(../images/arrow_1.gif);}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover	{	background-image:url(../images/arrow_1.gif);color:#99CCFF;text-decoration:none;border-color:#666666;}
#qm0 .qmtitle{margin:2px 5px 5px 5px;color:#112747;font-family:Arial;font-size:11px;font-weight:bold;}
#qm0 .qmdividerx{	border-top-width:2px;margin:4px 5px 4px 5px;border-color:#A2A1AD;}
ul#qm0 ul li:hover > a.qmparent{background-image:url(../images/arrow_1.gif);text-decoration:underline;}
ul#qm0 ul li .qmparent{	background:url(../images/arrow_0.gif) no-repeat 92% 50%;}
ul#qm0 li:hover > a.qmparent	{background-image:url(../images/arrow_3.gif);text-decoration:underline;}
ul#qm0 li .qmparent{	background:url(../images/arrow_2.gif) no-repeat 92% 50%;}
.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}
/*--------------------end new menu----------------*/

/*----------------------old global nav----------------------------*/
.global{color:#ff3;font-size: 13px;font-weight:bold;text-decoration:none;display:inline;}
.global:hover {color:#9cf;}
/*------------------------end old global nav-----------------------*/
/*--------------------------- old local nav-----------------------*/
#navigation{width:130px;float:left;padding-top:27px;}
#navigation ul, li{list-style:none;margin:0;padding:0;}
.localnav{color:#ff3;font-size:15px;list-style-type:none;display: block;width:125px;padding:2px 3px 1px 3px;font-weight:bold;background:#666 url(../images/hose.gif) repeat;text-decoration:none;text-align:center;margin:3px 0 0 0;}
.localnav:hover{color: #9cf;}
/*------------------------end old local nav-----------------------*/
/*------------------------weather widget---------------------------*/
#ww-widget { float:left; font-size:12px; line-height: 1.2; font-weight: normal; font-family: Arial;  overflow: hidden; }
#ww-widget a { text-decoration: none; font-size:13px; }
#ww-widget ul, #ww-widget ol { list-style-type: none; margin: 0!important; padding: 0!important; border: 0; outline: 0;}
#ww-widget ul li, #ww-widget ol li{margin: 0!important; padding: 0!important; border: 0; outline: 0; font-weight: normal; list-style-type:none;}
.ww-block { margin:2px 2px 1px; padding-top:5px!important }
#ww-current-weather { border:none; float:left; padding-bottom: 5px; margin:0; margin-top: 5px; width:100% }
#ww-title { border:none; display:inline-block; float:none; font-weight: bold }
#ww-location-link{color:#333; float:left}
#ww-weather-link{color:#333; float:left; margin-left:5px}
#ww-time { color:gray; font-size:12px; margin-bottom:2px; padding-left:5px}
#ww-graphic { padding-left: 10px; float: left; }
#ww-graphic div { background: transparent url(http://fishrock.com.au/images/forecast-icons.png); float:left; width: 65px; height: 52px; }
#ww-current-temp { float: left; font-weight:bold; padding: 5px 0px 0px 20px; }
#ww-current-temp .ww-temp, #ww-current-temp .ww-temp-mes { font-size:20px }
#ww-precis {clear:both; margin:0 auto; text-align:center; width:90%}
#ww-forecast-temp .ww-min { margin-right: 5px; text-align: right; width: 46%}
#ww-forecast-temp .ww-max { margin-left: 5px; text-align: left; width: 46%}
#ww-forecast-temp, #ww-wind, #ww-tides, #ww-swell, #ww-rain, #ww-sun, #ww-moon { float:left; width:93% }
#ww-wind ul li, #ww-swell ul li { clear: left; }
#ww-forecast-temp { font-size:12px; }
.ww-direction, .ww-windspeed, .ww-swellheight, .ww-rainchance, .ww-rainamount, .ww-moonphase, .ww-moonpercent { display:inline; float:left }
.ww-meridium, .ww-sunrise, .ww-sunset {display:inline; float:left}
.ww-meridium {margin-left: 3px}
.ww-am, .ww-pm{display:inline-block; float:none} 
.ww-direction-img { display:inline; float:left } 
.ww-min, .ww-max { display:inline-block; float: left; }
.ww-label { float:left; margin:0 3px 0 2px }
.ww-sun-label { margin-right: 5px;}
.ww-direction-img {background:transparent url(http://fishrock.com.au/images/direction-arrows.png); height:16px; vertical-align:middle; width:16px; }
.ww-tidedata, .ww-swelldata, .ww-winddata, .ww-sundata, .ww-raindata { display:inline-block; max-width:120px; vertical-align: middle; float:left; width:120px; }
.ww-tide-level, .ww-tide-time { display:inline }
.ww-raindata .chance, .ww-raindata .amount { display:inline }
#ww-locations form { float:right; height:auto; margin:0; padding:2px 5px 2px 0; }
#ww-disclaimer { clear: both; font-size:10px; padding:2px; text-align:center; }
.ww-temp-mes { text-transform: uppercase; }
#ww-widget { background-color:#09C; border:2px solid #006; color:#006; font-family:arial; width:173px; }
#ww-widget a {color:#006}
#ww-title a {color:#00C; font-size:17px}
#ww-forecast-temp, #ww-wind, #ww-tides, #ww-swell, #ww-rain, #ww-sun, #ww-moon {font-size:12px} 
.ww-block{border-top:1px solid #006 }
#ww-widget a:hover { color: #fff; text-decoration: none; }
#ww-time {color:#fff}
/*------------------------end weather widget---------------------------*/