/*================================================================= Screen Style Sheet Author: Dinkum Web Solutions Email: info@dinkumweb.com.au Project: Hoey Moey http://www.hoeymoey.com.au Version: 2.0 */ @import url("faary.css"); /* CSS reset and overrides ===================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Typography & Links ===================================================================*/ body { background: #000 url(../images/img-bgBody.gif) repeat; font: 62.5%/1.6 Arial, Helvetica, sans-serif; color: #07274a; margin: 0; padding: 0; } body.rally { background: #131313 url(../images/img-bgRally.jpg) no-repeat fixed; font: 62.5%/1.6 Arial, Helvetica, sans-serif; color: #07274a; margin: 0; padding: 0; } body.white { background: #fff; } a.noLink:link, a.noLink:active, a.noLink:visited, a.noLink:hover { text-decoration: none; } a.noLink:hover { background: none; } #wrapperMiddle a:link, #wrapperMiddle a:active, #wrapperMiddle a:visited { color: #4D0000; text-decoration: underline; } #wrapperMiddle a:hover { color: #fff; } #navMenu a:link, #navMenu a:active { color: #fff; text-decoration: none; } #navMenu a:visited { color: #fff; text-decoration: none; } #navMenu a:hover { color: #ff8834; text-decoration: underline; } #wrapperMiddle a.linkExternal:link, #wrapperMiddle a.linkExternal:active, #wrapperMiddle a.linkExternal:visited { background: url(../images/img-linkExternal.gif) no-repeat right center; color: #4D0000; padding-right: 12px; text-decoration: underline; } #wrapperMiddle a.linkExternal:hover { background: url(../images/img-linkExternalOn.gif) no-repeat right center; color: #fff; padding-right: 12px; text-decoration: underline; } #footerMenu a:link, #footerMenu a:visited, #footerMenu a:active, #copyrightLeft a:link, #copyrightLeft a:visited, #copyrightLeft a:active { color: #ffffff; text-decoration: underline; } #footerMenu a:hover, #copyrightLeft a:hover { color: #fec60b; text-decoration: underline; } #column1Content p, #column3Content p, #middleColumnBottleContent2 p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 0 15px 0 15px; padding: 0; } #contentPrimary p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 15px 0 15px; padding: 0; } #contentPrimary p.textSmall { color: #07274a; font: 130%/1.6 Arial, Helvetica, sans-serif; margin: 15px 15px 0 15px; padding: 0; } #column2Content p, #contentSide p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 15px 0 15px; padding: 0; } div#galleryHolder p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 0 15px 0; padding: 0; } div.gigEvent p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #column1Content div.gigEventSplash p { color: #07274a; font: 130%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #footerMenu p { color: #ffffff; font: 1.1em/1.1 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 40px 10px 0 10px; text-align: right; } #footerAddress p, #footerPhone p { color: #fff; font: 1.4em/1.7 Helvetica, Ariel, sans-serif; margin: 0; padding: 0 15px 0 15px; text-align: left; } #copyrightLeft p { color: #ffffff; font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 0 20px; } div.whatsonPanel p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #registerForm p { color: #000; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; padding: 0; } div.gigEventSplash p.center strong.highlight { font-weight: bold; color: #fffc00; } div.whatsOnFront span.small { color: #07274a; font: 120%/1.6 Arial, Helvetica, sans-serif; margin: 0 15px 0 15px; padding: 0; display: block; } #contentPrimary div.whatsOnFront p, #contentPrimary div.whatsOnBack p { color: #07274a; font: 140%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #contentPrimary div.artistVideo p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 5px 15px 5px 15px; padding: 0 0 5px 0; } #column1Content div.artistVideo p { color: #07274a; font: 130%/1.6 Arial, Helvetica, sans-serif; margin: 10px 15px 0 15px; padding: 0 0 5px 0; } ul#navMenu li a, ul#navMenuFooter li a { color: #fff; font: 1.9em/1.9 Helvetica, Arial, sans-serif; margin: 0; } #contentPrimary h1, #middleColumnBottleContent1 h1, #middleColumnBottleContent2 h1, #column12ColourContent h1 { /*color: #07274a;*/ color: #fff; font: bold 280%/1.6 Arial, Helvetica, sans-serif; margin: 15px 0 0 0; padding: 0 15px 0 14px; text-align: left; } #contentSide h1 { color: #fff; font: bold 280%/1.6 Arial, Helvetica, sans-serif; margin: 15px 0 0 0; padding: 0 15px 0 14px; text-align: left; } #column1Content h1, #column2Content h1, #column3Content h1 { color: #fff; font: bold 260%/1.6 Arial, Helvetica, sans-serif; margin: 15px 15px 10px 15px; padding: 0; text-align: center; border-bottom: 1px dashed #07274a; } #contentPrimary h2 { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #contentSide h2 { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 15px 0 0 15px; padding: 15px 0 10px 0; text-align: left; } #column1Content h2, #column2Content h2, #column3Content h2 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; text-align: left; } #column1Content h2.center, #column2Content h2.center, #column3Content h2.center { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; } #column12Content h2 { color: #fff; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; } #column1Content div#slider4 ul li h2 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0 5px 0 5px; padding: 0; text-align: center; } div#giglisting h2, div#giglisting h3 { margin: 0 15px 0 14px; border-top: 1px dashed #07274a; } div#giglisting h2 img.noStyle { margin: 0; } div#giglisting h2.noBorder, div#giglisting h3.noBorder { border-top: none; } div#giglisting h3 { margin-bottom: -30px; } #column1Content h3.register { color: #07274a; font: bold 190%/1.1 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; clear: both; } #contentPrimary h3 { color: #07274a; font: bold 180%/1.3 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 20px 14px; text-align: left; } div#giglisting h3 { padding: 5px 0 20px 2px; } #contentPrimary h3 span { font-style: italic; } #contentPrimary h3.center { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: center; } #contentSide h3, #middleColumnBottleContent1 h2 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 15px 0 0 0; padding: 0 15px 0 14px; text-align: left; } #middleColumnBottleContent2 h3 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #column1Content h3, #column2Content h3, #column3Content h3, div#slider3 h3 { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 10px; text-align: center; } #column2Content h3.bistro { font: bold 240%/1.1 Arial, Helvetica, sans-serif; } #column1Content h3.weekends { color: #07274a; font: bold 220%/1.1 Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0 10px 0 10px; text-align: center; } #column1Content h4 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #column12ColourContent h4 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: left; } #contentPrimary h4 { color: #07274a; font: bold 180%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #contentPrimary h4.center { text-align: center; } #column1Content h5 { color: #07274a; font: bold 180%/1.2 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; } #contentPrimary h5 { color: #07274a; font: bold 170%/0.45 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 16px; text-align: left; } .listAccessibility li { color: #07274a; font: 1.2em/1.3 Arial, Helvetica, sans-serif; margin: 5px 50px 0 40px; padding: 0; list-style: disc; } #listNumber li { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 50px 0 40px; padding: 0; list-style: disc; } div.middleScroller div.slider5 ul li span.large { width: 964px; color: #07274a; font: bold 400%/1.5 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; display: block; } div.middleScroller div.slider5 ul li span.small { width: 964px; color: #07274a; font: bold 300%/1.9 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; display: block; } div.middleScroller div.slider5 ul li span.smallest { width: 964px; color: #07274a; font: bold 230%/1.2 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; display: block; } div.middleScroller div.slider5 ul li span em { text-decoration: underline; } strong { font-weight: bold; } em { font-style: italic; } .center { text-align: center; } /* Layout ===================================================================*/ #wrapperContainer { position: relative; width: 1308px; margin: 0 auto; padding: 0; text-align: left; } #wrapperHeader { position: relative; width: 1308px; height: 326px; margin: 0; padding: 0; text-align: left; background: url(../images/img-bgHeader.gif) top left no-repeat; } #headerHomeLink { position: absolute; width: 291px; height: 227px; margin: 52px 0 0 150px; padding: 0; text-align: left; display: block; z-index: 4; } /* enter as a hyper link */ #headerBar { position: absolute; width: 1308px; height: 326px; margin: 0; padding: 0; background: url(../images/img-headerBar.gif) center center no-repeat; z-index: 2; } #headerImages { position: absolute; width: 709px; height: 227px; margin: 50px 0 0 445px; padding: 0; z-index: 2; } #headerFlowers { position: absolute; width: 1308px; height: 326px; margin: 0 0 0 -30px; padding: 0; background: url(../images/img-headerFlowers.png) top left no-repeat; z-index: 3; } #headerSurfboat { position: absolute; width: 165px; height: 165px; margin: 50px 0 0 1050px; padding: 0; z-index: 4; } #headerRally { position: absolute; width: 222px; height: 261px; margin: 10px 0 0 1030px; padding: 0; z-index: 4; } #wrapperMiddle { position: relative; width: 1000px; margin: 0 0 0 154px; padding: 0; text-align: left; } div.middleScroller { position: relative; width: 1000px; height: 60px; margin: 0 0 20px 0; padding: 4px 0 0 0; text-align: left; background: #9bccdb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #middleColumn3Header { position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column3Top.gif) top left no-repeat; } #middleColumn3Bottom{ position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column3Bottom.gif) top left no-repeat; } #middleColumn3Content { position: relative; width: 1000px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column3Content.gif) repeat-y; } #middleColumn1Header { position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column1Top.gif) top left no-repeat; } #middleColumn1Bottom{ position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column1Bottom.gif) top left no-repeat; } #middleColumn1Content { position: relative; width: 1000px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column1Content.gif) repeat-y; } #column1Content { position: relative; width: 320px; margin: 15px 0 0 0; padding: 0 0 15px 0; text-align: left; float: left; background: #21a3ca; } #column1Content img { margin: 0 10px 10px 0; border: 3px solid #9bccdb; display: block; float: left; display: inline; } #column1Content img.unigames { margin: 0 0 10px 0; border: 3px solid #9bccdb; display: block; float: left; } #column1Content div#registerImgDiv { margin: 0 0 10px 17px; padding: 3px 3px 3px 3px; background: #9bccdb; float: left; } #column1Content img.registerImg { margin: 0; padding: 0; border: none; } #column1Content img.noStyle { margin: 0 0 10px 0; padding: 0; border: none; } #column1Content img.center { margin: 0 0 10px 42px; } #column1Content div.hr { height: 1px; margin: 10px 15px 10px 15px; background: #21a3ca; border-top: 1px dashed #14658a; clear: both; } #column1Content div.hr hr { display: none; } #column1Content div.artistVideo { width: 285px; margin: 5px 0 10px 5px; background: #9bccdb; display: none; border:solid 0px #A35E19; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #column2Content { width: 320px; margin: 15px 19px 0 20px; padding: 0 0 15px 0; text-align: left; float: left; background: #9bccdb; } #column2Content img { margin: 0 0 0 -2px; border: 3px solid #21a3ca; float: left; } #column2Content img.noStyle { margin: 0 0 10px 0; padding: 0; border: none; } #column2Content img.camel { position: absolute; margin: 0 0 10px -10px; padding: 0; border: none; vertical-align: bottom; } #column2Content div.vidSml { position: relative; width: 290px; height: 195px; margin: 0 0 15px 15px; padding: 0; background: url(../images/img-vidFrameSml.gif) top left no-repeat; } #column2Content div.vidSml iframe { position: relative; margin: 15px 0 0 19px; padding: 0; } #column3Content { position: relative; width: 320px; margin: 15px 0 0 0; padding: 0 0 15px 0; text-align: left; float: left; background: #21a3ca; } #column3Content img { margin: 0; border: 3px solid #9bccdb; display: block; } #column3Content img.noStyle { margin: 0 0 10px 0; padding: 0; border: none; } #column3Content img.imgButton { margin: 10px 0 0 53px; } #column3Content div.hr { height: 1px; margin: 10px 15px 0 15px; background: #21a3ca; border-top: 1px dashed #14658a; } #column3Content div.hr hr { display: none; } #column3Content div#fmpUsers { position: relative; margin: 0 15px 0 15px; padding: 0; text-align: left; } #column12Content { width: 660px; margin: 0 16px 0 0; padding: 0; text-align: left; float: left; } #column12Content img { margin: 0 0 0 -2px; border: 3px solid #21a3ca; } #column12Content img.noStyle { margin: 0 0 10px 0; padding: 0; border: none; } #column12ColourContent { width: 660px; margin: 15px 16px 0 0; padding: 0; text-align: left; float: left; background: #9bccdb; } #column12ColourContent iframe { margin: 0 15px 0 10px; padding: 0; } #middleColumnBottleContent1 { position: relative; width: 1000px; height: 850px; margin: 15px 0 0 0; padding: 0 0 15px 0; text-align: left; background: #21a3ca; float: left; } #middleColumnBottleContent2 { position: relative; width: 1000px; margin: 20px 0 0 0; padding: 0 0 15px 0; text-align: left; background: #9bccdb; float: left; } #middleColumnBottleContent2 img { position: relative; margin: 0 20px 0 20px; padding: 0; float: left; } #middleColumnBottleContent2 img.noFloat { position: relative; margin: 20px 0 0 100px; padding: 0; float: none; } #contentPrimary { width: 490px; margin: 20px 0 0 0; padding: 0 0 15px 0; float: left; background: #9bccdb; } #contentPrimary img { margin: 0; padding: 0; } #contentPrimary img { position: relative; margin: 10px 0 10px 0; padding: 0; border: 5px solid #21a3ca; } #contentPrimary img.noStyle { position: relative; margin: 10px 0 0 0; padding: 0; border: none; vertical-align: middle; } #contentPrimary img.first { margin-left: 10px; } #contentPrimary img.gigImage { position: relative; margin: 10px 0 10px 0; padding: 0; } #contentPrimary img.imageCentered { margin: 5px auto 5px 20px; } #contentPrimary img.noBorder { margin: 0 20px 0 0; border: none; } #contentPrimary img.imgButton { margin: 10px 5px 0 15px; } #contentPrimary img.imgButtonCentered { margin: 10px 0 0 123px; } #contentPrimary div.iframeGoogle { position: relative; margin: 0 0 0 15px; padding: 0; } #contentPrimary img.imgRight { margin: 10px 10px 0 15px; float: right; } #contentPrimary div.hr { height: 1px; margin: 10px 15px 0 15px; background: #9bccdb; border-top: 1px dashed #07274a; } #contentPrimary div.hrClear { height: 1px; margin: 10px 15px 0 15px; background: #9bccdb; border-top: 1px dashed #07274a; clear: both; } #contentPrimary div.hr hr, #contentPrimary div.hrClear hr { display: none; } #contentPrimary div.artistVideo { width: 460px; margin: 5px 15px 5px 15px; background: #21a3ca; display: none; border:solid 0px #A35E19; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #contentPrimary div.vidBig { position: relative; width: 450px; height: 303px; margin: 17px 0 0 23px; padding: 0; background: url(../images/img-vidFrameBig.gif) top left no-repeat; } #contentPrimary div.vidBig iframe { position: relative; margin: 17px 0 0 23px; padding: 0; } #contentPrimary div#giglisting div.whatsonPanel { position: relative; width: 240px; margin: 5px 0 10px 0; padding: 0; float: left; } #contentPrimary div#giglisting div.whatsonPanelBig { position: relative; width: 480px; margin: 5px 0 10px 0; padding: 0; float: left; } #galleryHolder { width: 630px; height: 820px; margin: 15px; overflow: hidden; } #column1Content div.gigEventSplash { position: relative; margin: 0 15px 0 15px; padding: 0; border-bottom: 1px dashed #14658a; } #column1Content div.gigEventSplash img { margin: 0 10px 10px 0; border: 3px solid #9bccdb; display: block; float: left; } #column1Content div.gigEventSplash img.noStyle { margin: 0; border: none; display: block; } #column1Content div.gigEventSplash img.gigFirstButton { margin: 10px 0 0 0; } #column1Content div.gigEventSplash img.marginBottom { margin: 0 10px 50px 0; } #contentSide { position: relative; width: 490px; margin: 20px 0 0 20px; padding: 0 0 15px 0; background: #21a3ca; float: left; } #contentSide img { margin: 10px 0 0 0; padding: 0; border: 5px solid #9bccdb; } #contentSide img.noStyle { border: none; } #contentSide img.center { margin: 0 auto; } #contentSide img.imgButton { margin: 10px 5px 0 15px; } #contentSide div.hr { height: 1px; margin: 10px 15px 10px 15px; background: #21a3ca; border-top: 1px dashed #07274a; } #contentSide div.hr hr { display: none; } #contentSide div.whatsonPanel { position: relative; width: 240px; margin: 40px 0 0 0; padding: 0; float: left; } #contentSide div.whatsonPanel img { margin: 0; padding: 0; border: 2px solid #9bccdb; } #leaves { position: absolute; width: 349px; height: 65px; background: url(../images/img-leaves.png) top left no-repeat; margin: 0 0 0 805px; padding: 0; z-index: 11; display: block; } div.facebook { width: 95%; margin: 20px 0 15px 10px; background: #fff; border: 1px solid #14658a; } .rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #wrapperFooter { position: relative; width: 1308px; height: 154px; margin: 10px 0 0 0; padding: 0; text-align: left; background: url(../images/img-bgFooter.gif) top left no-repeat; } #footerLogo { position: relative; width: 161px; height: 120px; margin: 22px 0 0 166px; padding: 0; background: url(../images/img-logoFooter.gif) top left no-repeat; text-align: left; float: left; display: inline; } #footerAddress { position: relative; height: 113px; margin: 41px 0 0 28px; padding: 0; border-left: 2px solid #000; text-align: left; float: left; } #footerPhone { position: relative; height: 64px; margin: 89px 0 0 28px; padding: 0; border-left: 2px solid #000; text-align: left; float: left; } #footerSocial { position: relative; height: 64px; margin: 89px 0 0 328px; padding: 0; text-align: left; float: left; } /* Hidden (Global) - note use no span in H2 etc as IE6 bug activate */ /* Main Navigation ===================================================================*/ ul#navMenu { position: absolute; height: 43px; margin: 283px 0 0 154px; padding: 0; list-style: none; z-index: 10; } ul#navMenu li { position: relative; height: 43px; top: 0; padding: 0; float: left; } ul#navMenu li, ul#navMenu a { /*\*/overflow: hidden;/**/ height: 43px; display: inline-block; } ul#navMenu li a.menuFMP { width: 77px; height: 43px; margin: -3px 0 0 0; background: url(../images/img-iconFMP.gif) top left no-repeat; } ul#navMenu li a.menuFMP:hover { background: url(../images/img-iconFMP.gif) 0px -43px no-repeat; } .menuDivider { width: 11px; background: url(../images/img-menuDivider.gif) top center no-repeat; } .menuSpacer { width: 75px; } ul#navMenuFooter { position: absolute; height: 49px; margin: 92px 0 0 368px; padding: 0 0 0 12px; list-style: none; } ul#navMenuFooter li { position: relative; height: 49px; top: 0; padding: 0; float: left; } ul#navMenuFooter li, ul#navMenuFooter a { /*\*/overflow: hidden;/**/ height: 49px; display: inline-block; } /* Form Elements ===================================================================*/ #contactForm { width: 97%; font: 1.3em/1.6 Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 20px 0 0 0; } #contactForm div { width: 88%; border: 1px solid #990000; background: #d70000; color: #fff; font-weight: bold; font-size: 110%; margin: 10px 0 0 20px; padding: 4px 10px; } #contactForm img { border: none; } #contactForm label { width: 90%; margin: 15px 20px 0 20px; font-size: 120%; font-weight: bold; text-align: left; color: #07274a; } #contactForm textarea { width: 90%; margin: 0 0 0 20px; padding: 10px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm input { width: 90%; height: 1.3em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm input.inputSmall { width: 30%; height: 1.3em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm input.button { width: 213px; height: 50px; margin: 20px 0 0 135px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm img { margin: 0 0 0 20px; } #registerForm input { width: 60%; height: 2.5em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 150%/1.1 Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; } #registerForm input.button { width: 20%; height: 2.5em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 150%/1.1 Verdana, Arial, Helvetica, sans-serif; } #myguestlist { font: 160%/1.6 Verdana, Arial, Helvetica, sans-serif; color: #07274a; margin: 0 15px; } #myguestlist div span.MGLTitle { font-size: 110%; font-weight: bold; text-align: left; color: #07274a; } #myguestlist div span { font-size: 100%; text-align: left; color: #07274a; } #myguestlist div.MGLRow div.MGLLabel { font-size: 100%; font-weight: bold; text-align: left; color: #07274a; } #myguestlist div.MGLRow div.MGLField input { width: 97%; height: 1.3em; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; } #myguestlist div.MGLRow div.MGLField select#FunctionDate_dd, #myguestlist div.MGLRow div.MGLField select#FunctionDate_mm, #myguestlist div.MGLRow div.MGLField select#DOB_dd, #myguestlist div.MGLRow div.MGLField select#DOB_mm { width: 100px; height: 1.9em; margin: 0 10px 20px 0; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; float: left; } #myguestlist div.MGLRow div.MGLField input#MGLFunctionDate, #myguestlist div.MGLRow div.MGLField input#MGLDOB { width: 100px; height: 1.3em; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; float: left; } #myguestlist div.MGLRow div.MGLField textarea { width: 97%; height: 5.0em; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; } #myguestlist div.MGLRow div#MGLSubmit input { width: 300px; height: 2.5em; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; background: #0186b1; color: #fff; } #myguestlist div.MGLRow div.MGLField input[type=radio] { width: 20px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; background: #0186b1; color: #fff; } #myguestlist2 { font: 150%/1.6 Verdana, Arial, Helvetica, sans-serif; color: #07274a; margin: 0 15px; } #myguestlist2 div span.MGLTitle { font-size: 110%; font-weight: bold; text-align: left; color: #07274a; } #myguestlist2 div span { font-size: 100%; text-align: left; color: #07274a; } #myguestlist2 div.MGLRow div.MGLLabel { width: 225px; font-size: 100%; font-weight: bold; text-align: left; color: #07274a; } #myguestlist2 div.MGLRow div.MGLField { width: 175px; text-align: left; } #myguestlist2 div.MGLRow div.MGLField input { height: 1.3em; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; } #myguestlist2 div.MGLRow div.MGLField input.hasDatepicker { width: 185px; height: 1.3em; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; float: left; } #myguestlist2 div.MGLRow div.MGLField textarea { width: 97%; height: 5.0em; padding: 5px 5px 2px 5px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #07274a; } #myguestlist2 div.MGLRow div#MGLSubmit input { width: 300px; height: 2.5em; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; background: #0186b1; color: #fff; } #myguestlist2 div.MGLRow div.MGLField input[type=radio] { width: 20px; font: 100%/1.1 Verdana, Arial, Helvetica, sans-serif; background: #0186b1; color: #fff; } /* Misc ===================================================================*/ .hide { display: none; } .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; } .center { text-align: center; } table.rates { margin: 0 0 0 10px; border-collapse: collapse; /* 'cellspacing' */ } table.rates td { color: #07274a; background: #42b1d2; font: 150%/1.6 Arial, Helvetica, sans-serif; padding: 5px; border: 2px solid #9bccdb; /* 'cellspacing' */ } table.rates td.header { font-weight: bold; background: #21a3ca; } /* Copyright ===================================================================*/ #wrapperCopyright { position: relative; width: 1308px; height: 100px; margin: 0; padding: 0; } #copyrightLeft { position: relative; width: 790px; margin: 0; padding: 20px 0 0 166px; float: left; } #copyrightRight { position: relative; width: 166px; height: 20px; margin: 0; padding: 20px 0 0 0; float: left; background: #000; } .validXHTML { width: 48px; height: 20px; background: url(../images/img-validation.png) 0 0 no-repeat; float: left; display: block; } .validXHTML:hover { background-position: 0 -20px; } .validXHTML span { display: none; } .validCSS2 { width: 41px; height: 20px; background: url(../images/img-validation.png) -48px 0 no-repeat; float: left; display: block; } .validCSS2:hover { background-position: -48px -20px; } .validCSS2 span { display: none; } .siteDWS { width: 77px; height: 20px; background: url(../images/img-validation.png) -89px 0 no-repeat; float: left; display: block; } .siteDWS:hover { background-position: -89px -20px; } .siteDWS span { display: none; } /* end of css */