html{font-size:100.1%;}
* {  margin: 0; padding: 0; line-height: 1.4em;}
body {font: 0.80em "trebuchet", "arial", "Lucida Sans Unicode", "Trebuchet MS"; color:#4e4e4e;background: #ffc004 url(../images/background.jpg) repeat-x;}

p, pre, blockquote, form, fieldset, table, ul {  margin: 0 0 1em 0;}
.clear { clear:both;}
img { border: 0;}
blockquote{ font-style:italic;}
keywords{ display:none;}
select{ border:none;}
#left-colhide{ display:none;}
.topmenu {font-size:0.90em}


h1, h2, h3, h4, h5, h6{  margin: 0 0 .5em 0;}
h1{ font-size:1.5em;margin:0 0 .2em 0;padding:0;color:#000 }
h2{ font-size:1.2em;margin:0 0 .5em 0;padding:0; }
h3{ font-size:1.1em;margin:0 0 .5em 0;padding:0; }

h2.one{float:left;line-height:35px;margin-left:0;width:175px;height:40px;padding:0px 0 0 12px;background:url(../images/h1bgnd-1.jpg) no-repeat;color:#000;font-size:1.3em;text-transform:lowercase;font-family: "century gothic", "arial", "Helvetica"}
h2.one a{color:#fff}
h2.two{float:left;line-height:35px;margin-left:0;width:175px;height:40px;padding:0px 0 0 12px;background:url(../images/h1bgnd-1.jpg) no-repeat;color:#000;font-size:1.3em;text-transform:lowercase;font-family: "century gothic", "arial", "Helvetica"}
h2.two a{color:#fff}


a{ text-decoration:none; color:#4E4E4E; cursor:pointer;}
a:hover{color:#4E4E4E;}
a.more{ color:#4E4E4E; white-space:nowrap; font-weight:bold;}
dd a{ color:#4E4E4E; font-weight:bold;text-decoration:none !important;}
.dir-listings .other {text-align:right;color:#9F9F9F; font-weight:700}
.dir-listings a:link.other , .dir-listings a:visited.other {color:#9F9F9F !important;text-decoration:none !important;}
.dir-listings a:hover.other {color:#000;text-decoration:none}

.dir-listings a:link.more-det , .dir-listings a:visited.more-det {color:blue !important;text-decoration:none !important;}
.dir-listings a:hover.more-det {color:#000;text-decoration:none}

#wrapper{ width:959px; margin:0 auto;background:#fff !important}
#header{}
#masthead{  position:relative; height:106px; width:959px;  background:#FFB900 url(../images/header01.gif) top left no-repeat; }

#divbanner{height:168px;background:white}
#breadcrumb {color:#FC7203;padding-left:20px;margin-top:0px;clear:both}
#breadcrumb a{ color:#334EFD; font-weight:bold;}

#nav {height: 2.30em}

#banner01{ margin-top:20px; width:173px; position: absolute; right:0px;}
.fright {float:right;padding-left:9px;text-align:right}

#container01{ background:#fff;}
#container02{ width:158px; float:left; padding-right:20px; margin-left:15px; padding-top:7px; display:inline;}
#maincontainer01{ float:left; width:565px; background:#fff;}
#far-right{ float:right; width:185px;}

#content{ padding-top:9px; }
#content ul{ margin-left:2em; list-style:outside;}
#maincontainer01 #content{  }
#maincontainer01 #modules{ width:158px; float:left; margin-left:12px;}
#maincontainer01 #content p{margin-left:10px;margin-right:10px;text-align:justify; }

#maincontainer01 #modules{ width:244px; float:left; margin-left:12px;}
#modules div, #modules div.promoBox.last{ margin-bottom:18px;}
#modules div.promoBox{ margin-bottom:10px;}
#guiderow{ float:left; width:959px;}
#footer{ clear:both; position:relative; height:106px; width:959px; background: #FFB900 url(../images/footer01.gif) top right no-repeat }

.bottomrow {margin:0 auto;clear:both; position:relative; display:block;float:none;margin-top:10px;background-color:transparent; width:95%;text-align:center}
.bottomrow h3 {border-top:1px solid #d7d7d7;margin-right:10px;display:block;font-size:18px;font-weight:normal;line-height:40px;padding:0px 10px;color:#FF5B01;background-color:transparent;}

.botrowcell {margin-right:10px;margin-bottom:10px;width:290px;float:left;display:inline;height:274px;background-color:#f3f3f3;margin-bottom:30px;}
.botrowcell h3 {color:#FF5B01;padding:3px 8px 0px 10px;line-height:28px;}
.botrowcell p {padding:0px 20px 0px 8px;line-height:13px;text-align:justify;}
.botrowcell img {margin:0 auto;width:270px;text-align:center;height:175px;padding:10px}
.botrowcell a, .botrowcell a:visited {color:red}
.botrowcell a:hover {color:#000}

.botrowinner {width:100%;}

#fr-inner {width:175px}
#fr-inner .blurb { margin: 0; padding: 5px;font-size:90%;width:175px;text-align:center}
#fr-inner .blurb ul{ list-style:none; float:left; margin:0 5px; padding:5px 0;}
#fr-inner .blurb ul li{ float:left;margin-left:0px; padding-left:0px;text-align:left;margin-bottom:5px}
#fr-inner .blurb ul li span{ position:absolute; top:3px; height:7px; width:7px;}
#fr-inner .blurb ul li span.green{list-style-type:circle;list-style-image: url("../images/green_icon.gif")}
#fr-inner .blurb ul li span.blue{list-style-type:circle;list-style-image: url("../images/blue_icon.gif")}


ul#secondary-menu{ margin:0 0 20px 0; padding:0;}
ul#secondary-menu li{ list-style:none; border-bottom:1px solid #b2b2b2; line-height:1em;    }
ul#secondary-menu li a{ display:block; padding:4px 0px 4px 9px; background:#fff url(../images/arrow-grey.gif) 0 .7em no-repeat; color:#777777; font-weight:bold; font-size:1em;}
ul#secondary-menu li a.slc{ background:#fff url(../images/arrow-red.gif) 0 .7em no-repeat; color:#FFB900;}

#leftcol-box{ float:left; width:100%; margin:0; padding:0; height:192px; background:#fff url(../images/bg-toolbox.gif) top left no-repeat;}
#leftcol-box ul{ margin:10px 0 0 0;}
#leftcol-box ul li{ list-style:none; border-bottom:1px solid #5d5d5d; border-left:1px solid #dbdbdb; border-right:1px solid #7a7a7a; border-top:1px solid #e2e2e2; margin:auto 10px 3px 10px;}
#leftcol-box ul li a{ padding-left:20px; display:block; color:#939393;}
#leftcol-box ul li.email a{ background:#fff url(../images/ico-email.gif) 0.5em 0.1em no-repeat;}
#leftcol-box ul li.print a{ background:#fff url(../images/ico-print.gif) 0.5em 0.1em no-repeat;}
#leftcol-box ul li.planner a{ background:#fff url(../images/ico-add.gif) 0.5em 0.1em no-repeat;}

ul#userNav{ position:absolute; top:10px; float:left; width:959px; padding:0; margin:0; list-style:none; left:-1px;}
ul#userNav li{ float:left; border-left:1px solid #fff;}
ul#userNav li.first{ border-left:none;}
ul#userNav a{ display:block; float:left; padding:0 15px; line-height:1em; text-decoration:none; color:#fff; font-size:1em; font-weight:normal;}
ul#userNav a:hover, ul#userNav li:hover{ text-decoration:underline;}

ul#siteNav{ position:absolute; bottom:10px; float:left; width:959px; padding:0; margin:0 0 0 -1px; list-style:none;}
ul#siteNav li{ float:left; border-left:1px solid #fff;}
ul#siteNav li.first{ border-left:none;}
ul#siteNav a{ display:block; float:left; padding:0 15px; line-height:1em; text-decoration:none; color:#fff; font-size:1em; font-weight:normal;}
ul#siteNav a:hover, ul#siteNav li:hover{ text-decoration:underline;}

fieldset {border: 1px solid transparent;}
form#search { position:absolute; top:30px; left:15px;}


input.formbutton, a.button{ cursor:pointer; border:none; background:#666666; padding: 0px 2px 1px 2px; font-family:arial; font-size:1em;     font-weight:bold; color:#fff; text-decoration:none;}
a.button:hover{ color:#fff; text-decoration:none;}

#left-col{ width:100%; float:left; display:inline; margin:0 0 16px 0; padding:0 0 14px;}
#left-col h2{ color:#fff; margin:10px; font-size:1.5em;}


table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
#markup table{ border-collapse:collapse; width:755px; border-bottom:2px solid #FCDDA6;}
#markup th, #markup td{ padding: 1em 1em; text-align:center; vertical-align:top;}
#markup thead{ border-top:2px solid #fcdda6; border-bottom:2px solid #fcdda6;    }
#markup th{ font-weight:bold; text-align:center;}
#markup td{ padding-top: 2em;}
#markup th#TitleHead{ text-align:left;}
#markup td.TitleContent, #markup td.Thumbnail{ text-align:left; padding-top:1em;}
#markup th a{ text-decoration:underline;}

#far-right{ width:195px;float: right;}
#container01 #fr-inner { padding: 0 0 50px 0; background:#fff url(../images/bg-travelplanner.jpg) left bottom no-repeat;}
#travelPlanner { width: auto; height: auto;}


#tip { position:absolute; top:95px; left:625px; width:105px; line-height:1.2em;}


#top-starters{ float:left; padding:10px 0; left:10px;}
#top-starters dl{ float:left; width:237px; margin:10px 0; padding:0 10px 0 10px; display:inline; border-right:1px solid #bdbdbd;  line-height:1em; color:#666969;}
#top-starters dl.first{ padding:0 10px 0 0;}
#top-starters dt { float:right; width:145px; margin:0 0 10px 0; padding:0;  font-size:1em; font-weight:bold; text-transform:uppercase;}
#top-starters dd{ margin:0 0 0 95px; padding:0; line-height:1.4em;}
#top-starters dl dd.img{ float:left; margin:0;}
#top-starters dd.img img{ float:left; margin:0; padding:0; border:1px solid #bdbdbd;}

#planning-ideas{ float:left; padding:0;margin-left:5px}
#eventsContainer #planning-ideas{ margin:0 0 20px 0;}
#planning-ideas dl{ float:left; width:239px; margin:0; padding:0 10px 0 0; display:inline; line-height:1em; color:#666969;}
#planning-ideas dl.first{ padding:0 15px 0 0;}
#planning-ideas dl dt.img{ float:left; margin:0 0 11px 0;}
#planning-ideas dt.img img{ float:left; margin:0; padding:0;}
#planning-ideas dl dd.btn{ float:left; margin:0 0 11px 0;}
#planning-ideas dt.btn img{ float:left; margin:0; padding:0;}
#planning-ideas dt { width:145px; margin:0; padding:0; line-height:1.4em; font-size:1.1em; font-weight:bold;}
#planning-ideas dd{ margin:0; padding:0; line-height:1.4em;}

#highlights img{ margin:0 0 6px 0;}

#whatson h2 { padding:10px; margin:0; border:1px solid #bdbdbd; text-transform:uppercase;}
#whatson img { margin:0; padding:0;}
#whatson a.more { border:1px solid #bdbdbd; border-top:0px solid #fff; display:block; line-height:3em; text-align:right; text-transform:uppercase; font-size:1.2em;     font-weight:bold; color:#777777;}
#whatson a:hover.more { text-decoration:underline;}
#whatson a.more span { padding:0 10px 0 10px; background:#fff url(../images/arrow-grey-lrg.gif) 0 0.3em no-repeat;}
#whatson dl { border:1px solid #bdbdbd; padding:0px; margin:0;}
#whatson dl dt a { padding-left:9px; background:#fff url(../images/arrow-grey.gif) 0.1em 0.4em no-repeat; display:block; text-decoration:none; text-align:left; font-size:1.1em; font-weight:bold; color:#777777;    }
#whatson dl dd { margin:0; padding:0;}

#whatsonViewport {height:244px;overflow:auto;position:absolute;z-index:1;width:100%;margin-bottom:10px;}

#regionmap{ width:295px; float:left; margin-left:20px; border:1px solid #bdbdbd; color:#777777;}
#regionmap h2{ padding:10px; margin:0; border-bottom:1px solid #bdbdbd; text-transform:uppercase;}
#regionmap ul{ list-style:none; width:275px; float:left; margin:0 10px; padding:10px 0; display:inline;}
#regionmap ul li{ position:relative; width:115px; float:left; margin-left:10px; padding-left:9px; display:inline;}
#regionmap ul li span{ position:absolute; left:-5px; top:3px; height:10px; width:10px;}
#regionmap ul li span.snow{background-color:#f00;}
#regionmap ul li span.goldfields{background-color:#008751;}
#regionmap ul li span.outback{background-color:#c41130;}
#regionmap ul li span.nullabor{background-color:#fdb813;}
#regionmap ul li span.gab{background-color:#0068b3;}
#regionmap ul li span.wine{background-color:#a41984;}
#regionmap ul li span.ningaloo{background-color:#f5821f;}
#regionmap ul li span.kakadu{background-color:#00a88e;}
#regionmap ul li span.coastlines{background-color:#0397d6;}
#regionmap ul li span.gbr{background-color:#22b14c;}
#regionmap ul li span.rainforest{background-color:#0083a9;}
#regionmap ul li span.yorke{background-color:#00b5cd;}
#regionmap ul li span.athertons{background-color:#00b5cd;}


#content a{ text-decoration:underline;}


#weather{ float:left; width:164px; color:#fff; padding:0; maring:0;}

.contacttable select {background:#eee}

.clear{ clear:both;}
.backAndTop { position: relative; width: 520px; margin-bottom:2px;}
.backtotop{ float:right; padding-left:20px; background:#fff url(../images/arrow-up.gif) 0 0.1em no-repeat; color:#4d4d4d;margin-right:30px}

.center {text-align:center}
.right{ float:right; margin-left:5px;}
.left{ float:left; margin-right:5px;    }
#tips{ padding:0 0 40px 0; background:#FFB900 url(../images/btm-module.gif) bottom left no-repeat; color:#fff;}
#tips h2{ margin:10px; text-transform:uppercase;}
#tips .details{ margin:10px 10px 10px 10px;}
#tips a{ padding-left:9px; font-weight:bold; color:#fff; background:#FFB900 url(../images/arrow-white.gif) 0 0.4em no-repeat;}
/*        Navigation core     */
.navig { line-height: 1; position: relative;}
.navig, .navig ul { margin: 0; padding: 0; border: 0; list-style-type: none;}
.navig li { margin: 0; padding: 0; border: 0; display: block; float: left;}
/* initialy hide all sub menus */
.navig ul { width: 100%; min-width: 100%; display: block; visibility: hidden; position: absolute; clear: both; left: 0;}
/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* -- float.clear.END --  */
.navig li.slc ul, .navig li:hover ul { visibility: visible;}
.navig li.slc ul { z-index: 10;}
.navig li:hover ul { z-index: 100;}
/*        Navigation make-up     */
/* Fix for IE5/Mac + IE7     1. if there are two columns in the main content and the styling used is left:0 + margin:0 auto, the NAV starts at the right edge of the content, not in the middle.         this keeps it in the middle, for all cases         Amazingly, Win IE7 has the same problem. A browser from the end of 2006.
*/
.navig { float:left; width:959px; padding:0; margin:0; list-style:none; background:#000;}
#nav .subnote { display: none;}

.navig li li {/* each sub-option has white right edge */}
.navig li.slc li {/* each sub-option has white right edge */}
.navig li li:last-child {/* except the last one */}
.navig a {/* basic link style, just making the box */ color: #fff; padding: .6em 1.5em; display: block; text-decoration:none; font-weight:bold;}
.navig a:link, .navig a:visited { color: #fff;}
.navig ul li a:link, .navig ul li a:visited { color: #000;}
.navig ul {/* default submenu styling */ background: #fff;/* this is .slc state */ padding: .5em 0em; width: 959px; top: 2.15em;/* fsz + ul.padding + a.padding + navig.bottomborder == 1em + 2x0.6em + 2x0.1em + .1em  */}
.navig li li a {/* basic submenu styles */ font-weight: normal; padding: .1em 1em; color:#000;}
.navig li li a:hover {/* with yellow as hover colour */ color: #f00;}
.navig .slc { background:#000 url(../images/navOn.gif) bottom center no-repeat;}
.navig li:hover{ visibility:visible;}
.navig li:hover ul {/* hovered item, its submenu */ background: #fff;}
.navig li.slc li:hover, .navig .slc:hover ul {/* selected hovered item, its submenu */ background: #fff; color:#000;}
.navig li li.slc a:link, .navig li li.slc a:visited, .navig li li.slc a:hover { color:#000;}
.btn-travelplanner{ margin-bottom:8px; display:block;}
#whatson, #gigGuideContainer{ float:left; width:239px; margin:0 0 0 15px; color:#777777;}

.green {color:#64BF00}
.redDot{ color:red;}
.blue {color:#00B1CF}
.red {color:#FC3401}
 
#highlights{ float:left;width:244px;}

label,legend{ font-weight:bold;}
#searchPanel fieldset{ margin: 0 0 0 0; padding: 2em 0;  border:0px solid #fff; position:relative;}
legend{ color:#4E4E4E;}
select,input{ font-size:1em;}
select{ width:163px; margin-right:16px;}
label.disability{ font-weight:normal;}
#searchPanel{ float:left; width:729px; height:190px; background:#fff url(../images/bg-search-panel-large.gif) top left no-repeat; padding:0 14px;}
fieldset{ margin: 0 0 0 0; padding: 1em 0;  border:0px solid #fff; position:relative;}
fieldset span{ color:#4E4E4E; display:block; font-weight:bold;}
#leftcol-box .planner, #leftcol-box .email{ display:none;}

#dir-listings dd a {color: #9F9F9F;}
#dir-listings dd a.more-det {color: #00ADEF;}
#dir-listings {float: none;}


.weatherzone {margin:0 auto; font-family: Arial, Sans-Serif; font-size: small; font-weight: normal; color: #666666; background-color: #FFF;text-align:center }
.weatherzone_head { font-family: Arial, Sans-Serif; font-size: 1.1em; font-weight: bold; text-align: center; color: #0065BF; background-color: #fff;margin-bottom:20px }
.weatherzone img {margin:0 auto;text-align:center;padding-left:20px}

.quick-find {margin:0 auto;padding: 0px;background-color: #fff; width: 183px;}
.quick-find form {padding: 0px;}
.quick-find label {font-size: 1.2em;color:#000;font-weight:normal}
.quick-find select {margin: 0px;background-color: #AEF400; color: #000; font-family: arial; font-size: 12px; width: 155px;border:1px solid #AFCF9B}
.button-type {background-color: #fff; color: #000;}

.quick-find2 {margin:0 auto;padding: 0px;background-color: #fff; width: 183px;}
.quick-find2 form {padding: 0px;}
.quick-find2 label {font-size: 1.2em;color:#000;font-weight:normal}
.quick-find2 select {margin: 0px;background-color: #00F1B6; color: #000; font-family: arial; font-size: 12px; width: 155px;border:1px solid #AFCF9B}

.quick-find3 {margin:0 auto;padding: 0px;background-color: #fff; width: 183px;}
.quick-find3 form {padding: 0px;}
.quick-find3 label {font-size: 1.2em;color:#000;font-weight:normal}
.quick-find3 select {margin: 0px;background-color: #FFF800; color: #000; font-family: arial; font-size: 12px; width: 155px;border:1px solid #AFCF9B}

.quick-find4 {margin:0 auto;padding: 0px;background-color: #fff; width: 183px;}
.quick-find4 form {padding: 0px;}
.quick-find4 label {font-size: 1.2em;color:#000;font-weight:normal}
.quick-find4 select {margin: 0px;background-color: #FFA304; color: #000; font-family: arial; font-size: 12px; width: 155px;border:1px solid #AFCF9B}

/* Submit button */
.button-type, .button-type-hover {cursor: pointer;width: 100%;text-align: right;padding: 0 15px;font-size: 11px;font-family: verdana, arial, helvetica, sans-serif;border: 0;display: block;background: url(../images/gr_arrows.gif) no-repeat 100% -599px;color:#000}
.button-type-hover {color: #333;text-decoration: underline;font-weight: normal;}

.googlebox {width:160px;border:none;background:#fff;color:#FC3401;font-size:0.8em}

.googleboxdiv{ width:100%; float:left; display:inline; margin:0 0 16px 0; padding:0 0 14px;border-bottom:30px solid #FC3401}
.googleboxdiv h2{ color:#000; margin:5px; font-size:1.2em;font-weight:normal}



.dropdown-title {font-size:1.3em;font-weight:normal;padding:0px;margin:0px}