body {font-family:Verdana,Arial,Helvetica,sans-serif;margin:0; } /*Body -------------------------------------------*/ html {overflow: auto;} hr {height: 1px;border: 0;color: #e1e1e1;;width: 100%;} /* LINKS -------------------------------------------*/ .footer {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a;} a.footer:link {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration: none;} a.footer:visited {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration: none;} a.footer:active {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration: none;} a.footer:hover {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration:underline;} a.bodycopylink:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:underline;} a.url:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:none;} a.url:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:none;} a.url:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:none;} a.url:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:underline;} .thingstodo {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-decoration:none;} a.thingstodo:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-decoration:none;} a.thingstodo:visited{font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-decoration:none;} a.thingstodo:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-decoration:none;} a.thingstodo:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-decoration:underline;} .smlink {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:underline;} .oproducts {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:link {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:visited {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:active {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:hover {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:underline;} .iconslink {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:link {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:visited {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:active {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:hover {width:86px; font-size:13px; font-weight:bold; color:#599a26; font-family:Arial; padding-top:18px; float:left; text-decoration:underline;} /* Fonts -------------------------------------------*/ p {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} a:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; text-decoration:none;} a:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; text-decoration:none;} a:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; text-decoration:underline;} a:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; text-decoration:none;} tr {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} h1, h2, h3, h4, h5, h6{font-family:Verdana, Arial, Helvetica, sans-serif;} h1 {font:16px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-align:left;} h2 {font:22px/18px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-align:left;} h3 {font:14px/18px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-align:center;} h4 {font:12px/14px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba;} ul, li {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} .weather {font:13px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} .bodycopy {color:#062a2a;} .bc {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} .operatedby {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-decoration: none; word-spacing: normal;} .infotitle {font:14px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration: none; word-spacing: normal; font-weight:bolder;} .conditions {font:8px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-decoration: none; word-spacing: normal; } /* Colours -------------------------------------------*/ .blackish {color: #807f7f;} .blueish {color: #0098ba;} .lightblue {color: #7fd6e1;} .greyish {color: #707070;} .greenish {color: #599a26;} /* RESULTS -------------------------------------------*/ .resultshead {font:17px/20px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bolder; color: #0098ba; letter-spacing: .1px;} .resultsoperated {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} .results {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} .similar {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f;text-decoration: none;word-spacing: normal; letter-spacing: .25px;} .similarhead {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; word-spacing: normal;letter-spacing: .1px;} a.similarhead:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} a.similarhead:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} a.similarhead:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} a.similarhead:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} /* CAIRNS NEWS -------------------------------------------*/ .cnews {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color:#008ab0; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} .cnewstxt {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} .cnewsdate {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f;} .breadcrumb {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} /* BUGBITTEN -------------------------------------------*/ .bughead {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bolder; color: #0098ba; word-spacing: normal;letter-spacing: .1px;} .bugcopy {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color:#070707; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} /* Accordion -------------------------------------------*/ .exhead {padding: 5px 5px 5px 10px; border-top: 2px solid #ccc; background: #eee; line-height: 100%;} .content {padding:0px;} #header-title {padding-left:0px; color:#000; } #header-name-subtitle {color:#000; } #header-logo {display:none; } .toggler {background: #f0ecd3; cursor:pointer;color:#000; margin: 0; padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .toggler:hover {background:#eee; } .element {padding:0 5px; } /* mooTABS ------------------------------------------- .mootabs_title {list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; height: 24px;} .mootabs_title li {float: right; background-color: transparent; padding: 2px 8px 2px 8px; font-family: Arial, Helvetica, sans-serif; margin-right: 2px; cursor: pointer; font-weight: bolder; color: #0099b9;text-decoration: none; word-spacing: normal; letter-spacing: .1px; line-height: 18px; font-size:14px; background:#eeeeee; border-width: 1px 1px 0; border-color: #e4e4e4; border-style: solid; } .mootabs_title li.active {background:#FFF; } .mootabs_panel {display: none; position: right; width: 660px; top: -1px; font-family:Verdana, Arial, Helvetica, sans-serif; clear: both; color: #fff; overflow: none; text-align:left; padding: 3px;border-width: 1px 0 0; border-color: #e4e4e4; border-style: solid;} .mootabs_panel.active { background-color:#ffffff; display: block;} .mootabs_title li.over {} */ /* jquery accordion */ #accordionwrapper {width: 420px; margin-left: auto; margin-right: auto;} .accordionButton {width: 420px; color:#0098ba; float: left; cursor: pointer; padding:0px;} .accordionContent {width: 420px; float: left; padding:0px; display: none;} /* TOP MENU -------------------------------------------*/ .menu {margin:0; padding:0; list-style: none; background: #fff;} .menu li {padding: 0;margin: 0;height: 44px;list-style: none;background-repeat: no-repeat;} .menu li a, .menu li a:visited {display: block;text-decoration: none;height: 44px;background-repeat: no-repeat;} .home {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-home2.jpg); width: 83px;} .home a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-home1.jpg);} .things {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-things2.jpg); width: 135px;} .things a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-things1.jpg);} .places {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-places2.jpg); width: 85px;} .places a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-places1.jpg);} .accom {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-accom2.jpg); width: 157px;} .accom a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-accom1.jpg);} .tropical {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-tropical2.jpg); width: 237px;} .tropical a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-tropical1.jpg);} ul.menu li a:hover {background: none;} .menu li {float: left;} .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* sdmenu Menu -------------------------------------------*/ div.sdmenu {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; width: 253px; padding-bottom: 10px; color: #fff;} div.sdmenu div {overflow: hidden; border-right: 1px solid #ddd; border-left: 1px solid #ddd;} /*div.sdmenu div:first-child {background: url(http://www.cairnsgreatbarrierreef.org.au/toptitle.gif') no-repeat;}*/ div.sdmenu div:first-child {} div.sdmenu div.collapsed {height: 35px;} div.sdmenu div span {display: block; padding: 5px 35px; color: #0098ba; cursor: default;} div.sdmenu div.collapsed span {} /*div.sdmenu div.collapsed span {background-image: url('http://www.cairnsgreatbarrierreef.org.au/collapsed.gif');}*/ div.sdmenu div a {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; padding: 4px 35px; background: white; display: block; color: #0098ba;} div.sdmenu div a.current {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; background : #d4d2d3;} div.sdmenu div a:hover {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; background : #ffa200; color:#ffffff; display: block;} div.sdmenu div a:active {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; padding: 4px 35px; background: white; display: block; color: #0098ba;} div.sdmenu div a:visited {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; padding: 4px 35px; background: white; display: block; color: #0098ba;} /* H1 to FLASH Headlines -------------------------------------------*/ .sIFR-flash {visibility: visible !important;margin: 0;}/* These are standard sIFR styles... do not modify */ .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} .sIFR-flash + div[adblocktab=true] {display: none !important;}/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-hasFlash h1 {visibility: hidden;}/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ /* Div Boxes and Column -------------------------------------------*/ /*border-style: solid dotted dashed;*/ #help {color: #99cc00; width:160px; padding:4px; border:1px solid #e1e1e1; text-decoration: none;word-spacing: normal;letter-spacing: .25px;line-height: 12px; font-size:11px;} #container {width:948px; padding:8px; background-color:#FFFFFF;} #topnav {width:948px; height:44px; float:left; } #flashbanner {width:948px; height:290px; padding: 0px 0px 0px 0px; float:left; } #content {width:948px; height:100%; float:left; background-color:#FFFFFF;} #leftcolumn {width:253px; float:left; padding:4px; background-color:#FFFFFF; text-align:left; } #twocolumns {width:686px; float:left; text-align:left; padding:0px 0px 0px 0px; background-color:#FFFFFF; vertical-align:top; } #plcontentL {width:430px; height:100%; float:left; padding:0px 12px 0px 8px; background-color:#FFFFFF;} #plcontentR {width:220px; height:100%; float:left; padding:0px 0px 0px 0px; background-color:#FFFFFF;} #plbug {width:230px; height:100%; float:left; padding:0px; font-size:12px;} #footer {width:932px; background-position:bottom; height:auto; padding:8px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/images/footerbkg.gif); background-repeat:repeat-x;} #noneflashbanner{width:948px; height:80px; padding: 8px 0px 0px 0px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/images/bkgxp.jpg); background-repeat:repeat-x;} #noflash {width:948px; height:60px; padding: 8px 0px 0px 0px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/images/noflash.jpg); background-repeat:repeat-x;} #breadcrumb {width:600px; float:left; padding-top:20px;} #quickfind {width:300px; float:left; padding-top:20px;} #TVbox {width:163px; height:150px; background-image:url(../../Images/TVbk.gif);margin:0px 0px 35px 0px; float:left; background-repeat:no-repeat;} #TVboxsmall {width:163px; height:150px; background-image:url(../../Images/TVbk-small.gif);margin:0px 0px 35px 0px; float:left; background-repeat:no-repeat;} #TVimage {width:136px; height:108px; margin:13px; } #TVtxt {width:138px; height:70px; margin:0px 0px 35px 0px; text-align:center; padding-top:10px; } #TVboxFront {width:163px; height:100px; background-image:url(../../Images/TVbk.gif);margin:0px 0px 35px 0px; float:left; background-repeat:no-repeat;} #TVimageFront {width:136px; height:80px; margin:13px;} #searchimg {width:75px; height:75px; background-color:White; border: 1px #e1e1e1 solid; padding:7px 7px 7px 7px; float:left; } /* admin */ #admcontainer {margin:0px; padding:0px; background:white;} #header {text-align:center; background:white; height:56px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Images/Admin/bk.jpg); } #inner {display:block; width:100%; padding:0px;} #left {float:left; width:27px; height:600px; background-repeat:no-repeat; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Images/Admin/left.jpg); } #right {float:right; width:27px; height:600px; background-repeat:no-repeat; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Images/Admin/right.jpg);} #largemenu {background:#333333; margin-left:0px; margin-right:0px;text-align:left;display: block;padding:4px;margin-top:0px;color:Black; text-align:center;} #sitename {background: #C0C0C0; margin-left:0px;margin-right:0px;text-align:center;display: block;padding: 10px 0 0 0 ;margin-top:0px; height:30px; font-family:Sans-Serif; font-size:12pt; color:Black;} #center {background:white;margin-left: 27px;margin-right: 27px;position: relative;display: block;height: 5%;padding:0px;} #menu {background:white;float:left;margin-left: 0px;margin-right: 0px;display: block;width:150px;} #edit {background:blue;float:left;margin-left: 0px;margin-right: 0px;display: block;width:650px;} /*p, tr, td {font-size:12px;} a {color: #0098ba;} /* 99CC00 green */ .green{color:#99CC00} a.green:visited{color:#99CC00} a.green:hover{color:#99CC00} a.green:active{color:#99CC00} .clear {clear:both;} .buttonmenu {list-style-type: none;margin: 0;padding: 0;width: 135px;} .buttonmenu li a {color: black;display: block;width: 100%;padding: 6px 10px;text-decoration: none;border: 1px solid;background-color:#ededed;border-color:#f4f4f4 #afafaf #afafaf #f4f4f4; text-decoration:none;} .buttonmenu li a:visited {color: black;} .buttonmenu li a:hover, .buttonmenu li a:active{color: black;background-color: #f5f5f8;} a.largemenu:link {font-size: 14px;color: #5a5959;text-decoration: none;} a.largemenu:visited {font-size: 14px;color: #5a5959;text-decoration: none;} a.largemenu:hover {font-size: 14px;color: #5a5959;text-decoration:underline;} div.btns {zoom:1;white-space:nowrap;} div.btns:after {display:block; clear:both; content:'';} div.btns a.btn {float:left; background:buttonface url(http://www.cairnsgreatbarrierreef.org.au/images/border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center; text-align:center; display:block; width:140px; min-width:140px; text-decoration:none; margin:3px 2px;} div.btns a.btn:hover span {opacity:0.6;filter:alpha(opacity:80);} div.btns a.btn span {padding:3px 8px 4px 8px;text-align:center; position:relative; left:1px;top:1px; display:block; text-decoration:none; background:url(../../images/border.gif) right bottom no-repeat; font:small/1 Verdana; color:#222;}