/* site structure styles */ /* description: rainbowbeach - bass styles*/ /* site structure */ html, body {height: 100%;} body {padding:0; margin:0; width:100%; text-align:center; font:12px/1.4em arial, verdana; color:#777; background: #ebf7fa url(/site/media/layoutImages/body-bg.jpg) no-repeat top center;} #wrap {width:857px;min-height: 100%;height: auto !important;height: 100%;margin: 30px auto 170px auto; } #mastHead {width: 857px; height:285px;} #mainNav {position:relative;float:left;width: 100%;background: #91CEF2; height: 68px;padding: 0;margin: 0;text-align: left} #subNav {position:relative;float:left;width: 857px;background: #91CEF2; height: 31px;} #subNav table {float:right} #flashHolder {position:relative;float:left;width: 857px;background: transparent url(/site/media/layoutImages/flash_bg.gif) no-repeat top center; height: 187px;padding: 0; margin: 0} #contentHolder {float: left;width: 857px; margin: 0;padding: 0;background: url(/site/media/layoutImages/content_bg.jpg) repeat-x top left;} #mainContent {float: left;width:380px;text-align: justify;margin: 0 10px 0 0;padding: 10px 0 0 0;} #quickLinks {float: right;width: 180px;margin: 0;padding: 10px 0 0 0;} #featured {width: 210px;float: right;position: relative;margin: 10px 0 0 0;padding: 0;text-align:left} filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/media/layoutImages/content-bg.png', sizingMethod='scale'); /* background: url(/site/media/layoutImages/content-bg.png) repeat-x top left; _background: 0;filter:progid:DXImageTransform.Microsoft. AlphaImageLoader(src='/site/media/layoutImages/content-bg.png') repeat-x top left; */ #push {clear:both;width:100%;height: 170px;} #footer{clear: both;width: 100%;height: 170px;margin: 0;background:url(/site/media/layoutImages/footer_bg.gif) repeat-x bottom left;} #innerFooter {position:relative;margin:0 auto; width: 857px;height:84px;background: url(/site/media/layoutImages/footerBG.jpg) no-repeat top left;} #subFooter {position:relative;margin:0 auto; width: 857px;height:44px;} #footerNav {position:relative;margin:5px auto; width: 857px;border-top:1px solid #99cc66} #subFooter table {float:right;padding:0;margin:0} ul#mainleveltest {height:15px} ul#mainleveltest li {display: inline;list-style-type: none;padding-right: 20px;} ul#mainleveltest li a {color:#fff} #frontpage #subFooter {display:none} /*inner*/ #innerContent{float: right;width:590px;text-align: left;margin: 0 10px 0 0;padding: 10px 0 0 0;} #leftCol {width: 210px;float: left;margin: 20px 0;padding: 0 0 0 10px;text-align:left} /*mainNav Styles*/ #mainNav {float:right;position:relative;width:857px;height:66px;background:transparent ;margin: 0;padding: 0;list-style-type: none;} #mainNav ol{float:right;position:relative;width:857px;height:66px;background:transparent url(/site/media/layoutImages/menu1.gif) 0 0 no-repeat;margin: 0;padding: 0;list-style-type: none;} #mainNav li{text-indent:-9999px;height:66px;position:absolute;top:0;} #mainNav li a{height:66px;display:block;text-decoration:none;} #mainNav li#m1{left:0;width:113px;} #mainNav li#m1 a:hover,div#menu li#m1 a:focus {background:url(/site/media/layoutImages/menu1.gif) no-repeat 0 -66px;} #mainNav li#m2{left:113px;width:161px;} #mainNav li#m2 a:hover,div#menu li#m2 a:focus {background:url(/site/media/layoutImages/menu1.gif) no-repeat -113px -66px;} #mainNav li#m3{left:272px;width:229px;} #mainNav li#m3 a:hover,div#menu li#m3 a:focus {background:url(/site/media/layoutImages/menu1.gif) no-repeat -272px -66px;} #mainNav li#m4{left:503px;width:166px;} #mainNav li#m4 a:hover,div#menu li#m3 a:focus {background:url(/site/media/layoutImages/menu1.gif) no-repeat -503px -66px;} #mainNav li#m5{left:669px;width:181px;} #mainNav li#m5 a:hover,div#menu li#m3 a:focus {background:url(/site/media/layoutImages/menu1.gif) no-repeat -669px -66px;} ul#mainlevelmainNav {float:right;position:relative;width:857px;height:66px;background:transparent url(/site/media/layoutImages/menu1.gif) 0 0 no-repeat;margin: 0;padding: 0;list-style-type: none;} ul#mainlevelmainNav li {text-indent:-9999px;height:66px;position:absolute;top:0;} ul#mainlevelmainNav li a {height:66px;display:block;text-decoration:none;} ul#mainlevelmainNav li a.item203 {left:0;width:113px;} ul#mainlevelmainNav li a.item203:hover {background:url(/site/media/layoutImages/menu1.gif) no-repeat 0 -66px;} ul#mainlevelmainNav li a.item204 {left:113px;width:161px;} ul#mainlevelmainNav li a.item204:hover {background:url(/site/media/layoutImages/menu1.gif) no-repeat -113px -66px;} ul#mainlevelmainNav li a.item205 {left:272px;width:229px;} ul#mainlevelmainNav li a.item205:hover {background:url(/site/media/layoutImages/menu1.gif) no-repeat -272px -66px;} ul#mainlevelmainNav li a.item206 {left:503px;width:166px;} ul#mainlevelmainNav li a.item206:hover {background:url(/site/media/layoutImages/menu1.gif) no-repeat -503px -66px;} ul#mainlevelmainNav li a.item207 {left:669px;width:113px;} ul#mainlevelmainNav li a.item207:hover {background:url(/site/media/layoutImages/menu1.gif) no-repeat -669px -66px;} /*subNav Styles*/ #subNav {float:right; position:relative; width:857px; height:31px ;margin: 0;padding: 0;list-style-type: none;} #subNav ol{float:right; position:relative; width:200px; height:31px; background:transparent url(/site/media/layoutImages/menu4.gif) 0 0 no-repeat; margin:0; padding:0; list-style-type:none;} #subNav li{text-indent:-9999px;height:31px;position:absolute;top:0;} #subNav li a{height:31px;display:block;text-decoration:none;} #subNav li#m1{left:0;width:103px;} #subNav li#m1 a:hover,div#menu li#m1 a:focus {background:url(/site/media/layoutImages/menu4.gif) no-repeat 0 -32px;} #subNav li#m2{left:103px;width:89px;} #subNav li#m2 a:hover,div#menu li#m2 a:focus {background:url(/site/media/layoutImages/menu4.gif) no-repeat -103px -32px;} #subNav li#m3{left:192px;width:135px;} #subNav li#m3 a:hover,div#menu li#m3 a:focus {background:url(/site/media/layoutImages/menu4.gif) no-repeat -192px -32px;} /*Quick Links*/ #quickLinks {float:right;position:relative;width:240px;background:transparent } #quickLinks ol{float:left;position:relative;width:150px;height:403px;background:transparent url(/site/media/layoutImages/menu2.gif) 0 0 no-repeat;margin: 0;padding: 0;list-style-type: none;} #quickLinks li{text-indent:-9999px;height:131px;position:absolute;top:0;} #quickLinks li a{height:131px;display:block;text-decoration:none;} #quickLinks li#q11{top:0;width:141px;} #quickLinks li#q11 a:hover,div#menu li#q11 a:focus {background:url(/site/media/layoutImages/menu2.gif) no-repeat 0 -406px;} #quickLinks li#q12{top:142px;width:141px;} #quickLinks li#q12 a:hover,div#menu li#q12 a:focus {background:url(/site/media/layoutImages/menu2.gif) no-repeat 0 -549px;} #quickLinks li#q13{top:272px;width:141px;} #quickLinks li#q13 a:hover,div#menu li#q13 a:focus {background:url(/site/media/layoutImages/menu2.gif) no-repeat 0 -677px;} /* font styles */ h1, h2, h3, h4, h5, h6 {color:#91CEF2} h1 {font-size:16px} h2 {font-size:14px} h3 {font-size:14px} h4 {font-size:12px} h5 {font-size:12px} h6 {font-size:12px} table p, table li, tr {font-size:12px;} table {border-collapse:collapse} .contentheading, .componentheading {font-size:16px;color:#91CEF2;font-weight:bold} .moduletablefeatured {margin:20px 0;border:1px solid #91CEF2;width:220px;} .moduletablefeatured tr th, .moduletablefeaturedHome tr th {background:#91CEF2;width:220px;color:#fff;padding:5px;position:relative;text-align:left;} .moduletablefeatured p, .moduletablefeatured h3 {padding: 3px} .moduletablefeaturedHome {margin: 0 5px 0 0;} .moduletablefeaturedHome {margin:15px 0;border:1px solid #91CEF2;width:200px;} .specialOffer {margin: 10px 0 0 0;border: 1px solid #91CEF2} .specialOffer dt {font-size: 14px; color:#91CEF2;font-weight: bold;} .specialOffer dl {text-align: left;padding: 2px} .specialOffer dd {margin: 0;padding: 2px} .specialOffer dd ul {margin: 0 0 0 15px;padding: 0} .specialOffer img {padding: 2px;background: #fff} /* link styles */ .pagenav_next, .pagenav_prev {display:none} a:link, a:visited {outline:none; color: #0076a3;} a:hover {color:#000;} /*business directory styles */ .businessSectionListing {width:590px} ul.businessListing {padding:0;margin:0;width:560px;} ul.businessListing li {list-style-type:none;line-height:1.4em;margin:5px 0;padding:5px} th.dcrDetail {color:#0076a3} .detailText {border: 1px solid #c0c5c9;color: #44545f; background-color: #e6e8ea;padding: 2px 4px;margin:3px 0} .business_directory {border:1px solid #ebebeb} li.business_directory a:link, li.business_directory a:visited, .business_directory h1 {background:#0076a3;display:block;padding:5px;color:#fff;font-size:12px;font-weight:normal} .business_directory .resultText a:link, .business_directory .resultText a:visited {background:none;padding:0;margin:0;color:#0076a3;float:right;margin: 20px 0} li.business_directory .dcrDetail a {background: none} form#businessSearch {border:1px solid #BDE6F8; background-color: #F1F5FB} #businessSearch b {padding-left:20px} input#businessTypes.inputbox {background-color: #fff; } input#businessTypes.inputbox {width:300px; height:60px} input#businessName.inputbox {background-color: #fff;} #businessSearch input {margin: 0 20px} /* search styles */ .button {border: 1px solid #c0c5c9;color: #44545f;background-color: #e6e8ea;padding: 1px 4px;margin:3px 0} #fNormSearch img {margin: 0 0 4px} /* form styles */ .mosformgrouptitle {color:#91CEF2;font-weight:bold;padding: 3px 0} .inputbox {border: 1px solid #c0c5c9;color: #44545f;background-color: #e6e8ea;padding: 2px 4px;margin:3px 0} #subFooter ol{float:right; position:relative; width:248px; height:48px; background:transparent url(/site/media/layoutImages/menu2.jpg) 0 0 no-repeat; margin:0; padding:0; list-style-type:none;} #subFooter li{text-indent:-9999px;height:48px;position:absolute;top:0;} #subFooter li a{height:48px;display:block;text-decoration:none;} #subFooter li#s1{left:0;width:82px;} #subFooter li#s1 a:hover,div#menu li#s1 a:focus {background:url(/site/media/layoutImages/menu2.jpg) no-repeat 0 -48px;} #subFooter li#s2{left:82px;width:82px;} #subFooter li#s2 a:hover,div#menu li#s2 a:focus {background:url(/site/media/layoutImages/menu2.jpg) no-repeat -82px -48px;} #subFooter li#s3{left:164px;width:84px;} #subFooter li#s3 a:hover,div#menu li#s3 a:focus {background:url(/site/media/layoutImages/menu2.jpg) no-repeat -164px -49px;} table#quick-links { background:url(/site/media/layoutImages/ql-bg.jpg) no-repeat 0 0; width:232px; height:450px; border:none; } table#quick-links td { background:url(/site/media/layoutImages/dot-line.jpg) no-repeat bottom center; } .web, .business, .travel { text-indent:-2000em; padding: 0; margin: 5px 0 5px 2px; } .web { float:left; width:217px; height:16px; background:url(/site/media/layoutImages/webcam-header.jpg) no-repeat 0 0; } .business { float:left; width:217px; height:19px; background:url(/site/media/layoutImages/directory-header.jpg) no-repeat 0 0; } .travel { float:left; width:217px; height:23px; background:url(/site/media/layoutImages/qsearch-header.jpg) no-repeat 0 0; } .ql { float:left; /*clear:both;*/ width:140px; margin: 0 0 5px 5px;text-align:left; } table#quick-links img{ float:right; margin: 0;padding:0; } table#quick-links p { font-size:10px; color:#777; } table#quick-links div a { font-size:10px; text-decoration:none; background:#97CB6A; color:#fff; padding: 3px 6px 3px 3px; } table#quick-links div a:hover { background:#56828b; color:#fff; } #businessTypeList { position: absolute; z-index: 100; background-color: white; border: 1px solid #ccc; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; display: none; margin-left: 300px; } #businessTypeListContent { height: 100px; overflow: auto; padding-right: 5px; } #businessLocationMap div span {display:none} .weather-header, .beachReport-header { text-indent:-2000em; padding: 0 0 0 5px; margin: 0 0 2px 2px; } .weather-header { float:left; width:185px; height:24px; background:url(/site/media/layoutImages/wave-weather-header.gif) no-repeat 0 0; } .beachReport-header { float:left; width:185px; height:24px; background:url(/site/media/layoutImages/beach-report.jpg) no-repeat 0 0; } .weather-ql img.left {float:left} .weather-ql p {font-size:10px; color:#777;} .weather-ql a {font-size:10px;text-decoration:none;background:#97CB6A;color:#fff;padding: 3px 6px 3px 3px;margin: 10px 0} .weather-ql a:hover {background:#56828b;color:#fff;} .weather_title {color:#fff;font-weight:bold;padding: 3px 0;font-size:11px} .weather_header {color:#0076a3;font-weight:bold;padding: 3px 0;font-size:11px} .weather_body { } .weather_row1 {background:#0076a3;color:#fff;border-bottom:1px dashed #005372 } .weather_row2 { } .weather_row3 { } a img {border:none} /* webcam styles */ #rainbowBeach { width: 460px; height: 346px; background: url(/site/media/layoutImages/mapListbg.gif) no-repeat; margin: 10px auto; padding: 0; position: relative; } #rainbowBeach li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;} #rainbowBeach a {display: block; text-indent: -9999px; text-decoration: none;} #cam1 {left: 205px; top: 9px; width: 34px; height: 34px; } #cam2 {left: 223px; top: 48px; width: 34px; height: 34px;} #cam3 {left: 239px; top: 137px; width: 34px; height: 34px;} #cam4 {left: 273px; top: 158px; width: 34px; height: 34px;} #cam1 a {height: 34px;} #cam2 a {height: 34px;} #cam3 a {height: 34px;} #cam4 a {height: 34px;} #cam1 a:hover {background: url(/site/media/layoutImages/mapListbg.gif) -205px -358px no-repeat;} #cam2 a:hover {background: url(/site/media/layoutImages/mapListbg.gif) -223px -397px no-repeat;} #cam3 a:hover {background: url(/site/media/layoutImages/mapListbg.gif) -239px -486px no-repeat;} #cam4 a:hover {background: url(/site/media/layoutImages/mapListbg.gif) -273px -507px no-repeat;} #beachReport { position: relative; background: url(/site/media/beachReport/coastSatellite.jpg); width: 560px; height: 785px; } #beachReport .beach { position: absolute; color: white; font-size: 28px; } .beachConditions { margin-top: 10px; } #beachReport .beach img { width: 55px; } .beachName { margin-top: 5px;font-size:14px } /* event tabs */ .offtab {color:#91CEF3;border:1px solid #4C8AAF;font-weight:bold} .ontab {color:#4C8AAF;font-weight:bold;border-bottom: 4px solid #4C8AAF}