/* Author: Dana Communications - David Friedberg Date: May 3 2010 */ body { background: url("../img/background-page.gif") repeat-x #fffbed; margin: 0; padding: 0; font: 12px/1.5 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } .clear { clear: both; } #twitter { position: relative; top : -18px; left: 450px; flaot: right; } #wrapper { width: 1150px; margin: 0 auto;} #popup-wrapper { width: 650px; margin: 0 auto; padding: 0px; } #popup-content { padding: 30px; } #stripes { background: url("../img/background-lines.gif") repeat-y; } #stripes-right { background: url("../img/background-lines-right.gif") repeat-y; } #stripes-inside { background: url("../img/background-lines-inside.gif") repeat-y; } img { border: none; } .footnote { font-size: 10px; } #right-nav img.teetimes { position: relative; left: -4px; } #header { width: 1150px; margin: 0 auto; height: 80px; } #header #logo { width: 372px; margin: 0 auto; } #header #member { position: relative; top: 0; left: 895px; width: 150px; height: 25px; float: left; } #join { position: relative; top: -14px; left: 930px; width: 113px; height: 27px;} #nav { width: 1150px; margin: 0 auto; padding: 0 0 0 0; height: 40px; font-family: 'Vollkorn', Times New Roman, Times, serif; font-size: 12px; } #photos-home { width: 1150px; margin: 0 auto; height: 335px; } #photos-home img { width: 930px; margin: 0 auto; display: block; } #photos-inside { width: 1150px; margin: 0 auto; height: 400px; padding-bottom: 20px; } #photos-inside img { width: 930px; margin: 0 auto; display: block; } #photo-center { width: 930px; margin: 0 auto; } #photo { width: 930px; margin: 0 auto; } a, a:active, a:link, a:visited { color: #8b5904; text-decoration: none; } a:hover { color: #8b5904; text-decoration: underline; } .cenergie { padding-top: 10px; } #content { padding: 0 0 20px 0; } #content #content-area { width: 594px; padding: 0 0 0 120px; float: left; } #content #content-full { width: 930px; margin: 0 auto; padding-top: 50px; background-color: #FFFBED; min-height: 350px; } #content #golflogo { float: left; padding: 0 0 0 150px; } #content #member-infobar { float: left; padding: 0 0 0 95px; } #content #member-infobar #weather { width: 197px; position: relative; left: 0px; } /* STAFF PAGE */ #content #content-full #content-full-single { width: 900px; margin: 0 auto; } #content-full-single h1, #content-full-single h2, #content-full-single p { padding-left: 276px; } #content-full-single h1, #content-full-single h2 { color: #043B28; } #content-full-single .bio p { padding-left: 0;} #content-full-single h3 { font-weight: normal; color: #043B28; } #content-full-single .bio h3 { font-size: 13px; color: #8B5904; margin-bottom: 0; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #content-full-single .photo { float: left; padding: 18px 0 0 96px; } #content-full-single .bio { float: left; padding-left: 28px; width: 555px; } #content-full-single h1.sitemap { padding-left: 120px; } #content-full-single h1.gallery { padding-left: 50px; } #content-full-single .left { float: left; width: 300px; padding-left: 120px; } #content-full-single .left h3, #content-full-single .right h3 { margin-bottom: 0; } #content-full-single .left ul, #content-full-single .right ul { list-style: none; margin: 0; padding: 0; } #content-full-single .right { float: right; width: 300px; } #content-full-left { float: left; width: 310px; } #content-full-right { float: right; width: 560px; padding: 0 30px 0 0; margin: 0; } #content #right-nav { float: left; padding: 0 0 0 98px; margin: 0; font: 13px/1.2 'Vollkorn', Times New Roman, Times, serif; color: #D68F14; } #content #right-nav #nav-width { width: 234px; } #content #right-nav h3, #content #right-nav .link { font-weight: normal; background: url("../img/icon-arrow-large-back.gif") no-repeat; width: 248px; height: 24px; line-height: 24px; } #content #right-nav h3 { font-size: 13px; } #content #right-nav h3 a, #content #right-nav .link a { display: block; } #content #right-nav h3 a:link, #content #right-nav h3 a:visited, #content #right-nav h3 a:active, #content #right-nav .link a:link, #content #right-nav .link a:visited, #content #right-nav .link a:active { color: #D68F14; } #content #right-nav h3 a:hover, #content #right-nav .link a:hover { color: #8B5903; text-decoration: none; } #content #right-nav ul { color: #8B5903; font-size: 12px; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; list-style-type: none; padding: 10px; } #content #right-nav ul li { background: url("../img/icon-arrow-small.gif") no-repeat; width: 200px; height: 20px; line-height: 20px; padding-bottom: 5px; } #content #right-nav ul li a { padding: 0 0 0 25px; } #content #right-nav ul li a:link, #content #right-nav ul li a:visited, #content #right-nav ul li a:active { color: #8B5903; text-decoration: none; } #content #right-nav ul li a:hover { color: #D68F14; text-decoration: none; } #content #right-nav hr { background: url("../img/dots.gif") repeat-x; border: none; width: 234px; height: 2px; padding: 0; margin: 0; } #content #right-nav p, #content #right-nav h3 { padding: 0 10px; } /* TOURNAMENT TABLES */ .tournaments { border: 0; } .alt {background: #DEC57D; } .tournaments tr td { padding: 4px; } .tournaments thead tr td { background-color: #043B28; color: #FFFFFF; } .tournaments thead tr td.date { width: 250px; } .tournaments thead tr td.event { width: 250px; } .tournaments thead tr td.results { width: 75px; } /* HOURS OF OPERATION */ .hours { clear: both; } .month { float: left; width: 150px; } .day { float: left; width: 150px; } .time { float: left; width: 150px; } /* MENU BUTTONS */ #content #menus { font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #content #menus ul { list-style: none; margin: 0; padding: 0; display: inline; } #content #menus ul li { padding: 0 20px 10px 24px; font-weight: normal; background: url("../img/btn-menus.png") no-repeat; height: 14px; line-height: 20px; display: block; float: left; } #content #menus h3 { font-size: 14px; font-family: 'Vollkorn', Times New Roman, Times, serif; color: #D19025; font-weight: normal; padding-bottom: 10px;} #content #menus ul li a { display: block; color: #8B5903; } /* HEADLINES */ #content h1 { font-family: 'Tangerine', Times New Roman, Times, serif; font-weight: normal; font-size: 40px; color: #043B28; padding-bottom: 10px; margin-bottom: 0; line-height: 40px; } #content h1.subhead { line-height: 30px; padding-bottom: 0px;} #content h1.subhead-audubon, #content h1.subhead-professional, #content h1.subhead-golf, #content h1.subhead-courses, #content h1.subhead-events, #content h1.subhead-outings, #content h1.subhead-weddings, #content h1.subhead-catering, #content h1.subhead-facilities { line-height: 30px; padding-bottom: 4px;} #content .headline-bottom, #content-full-right .headline-bottom { font-family: 'Vollkorn', Times New Roman, Times, serif; color: #8b5904; font-size: 18px; padding-top: 0; margin-top: 0; padding-bottom: 10px; } #content-area h2 { color: #043B28; margin-bottom: 0; color: #8B5904; font-size: 16px; } #content #content-area h3 { font-size: 13px; margin-bottom: 0; color: #043B28; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #content #content-area p { margin-top: 0; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #content-full-right h2, #content-full-right h3 { color: #8B5904; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #content-full-right h2 { font-size: 13px; margin-bottom: 0; } #content-full-right h3 { font-size: 13px; color: #8B5904; margin-bottom: 0; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #content-full-right p { margin-top: 0; } .title { float: left; width: 250px; font-weight: bold; padding-bottom: 10px; } .name { float: left; padding-bottom: 10px;} /* ROOMS */ .room { padding-bottom: 40px; } .room-photo { float: left; width: 300px; } .room-description { float: left; } .room-description table tr { vertical-align: top; font-size: 10px; } .room-description table tr td { padding-left: 10px; } #content p.nobottom { padding-bottom: 0; margin-bottom: 0; } #content ul.notop { padding-top: 0; margin-top: 0; } /* FOOTER */ #footer { background: url("../img/background-footer.gif"); width: 950px; height: 47px; margin: 0 auto; color: #643F00; text-align: center; } #footer ul { padding-top: 17px; margin: 0 auto; list-style: none; font-size: 10px; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } #footer ul li { display: inline; padding: 0 2px; } #footer a, a:active, #footer a:link, #footer a:visited { color: #643F00; text-decoration: none; } #footer a:hover { color: #9D720F; text-decoration: none; } /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dropline-current-override.html Copyright (c) 2005-2010 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #droplineMenu {height:40px; position:relative; text-align:center; width:930px; margin:0 auto; z-index:100;} #droplineMenu ul {padding:0; margin:0; list-style:none;} #droplineMenu table {border-collapse:collapse; width:0; height:0; margin-top:-1px; margin-bottom:-1px;} #droplineMenu ul ul li {float:left;} #droplineMenu ul ul li a {display:block; float:left;} #droplineMenu ul ul div {position:absolute; left:-9999px; overflow:hidden;} #droplineMenu ul#menuOuter {display:inline-block; } #droplineMenu ul#menuOuter li.lv1-li {display:inline-block; height:40px;} #droplineMenu ul ul li a {height:40px; line-height:40px; padding:0 20px 0 0; font-size:12px; font-family: 'Vollkorn', Times New Roman, Times, serif; color:#fff; text-decoration:none; text-transform:uppercase;} #droplineMenu ul ul li a b {display:block; height:40px; float:left; padding:0 0 0 15px; font-weight:normal; cursor:pointer;} #droplineMenu ul ul li a:hover {line-height:40px;} #droplineMenu ul ul li a:hover b {color:#d5a14b; line-height:40px;} #droplineMenu ul ul li:hover > a {line-height:40px;} #droplineMenu ul ul li:hover > a b {color:#d5a14b; line-height:40px;} #droplineMenu ul ul li.current a {line-height:40px;} #droplineMenu ul ul li.current a b {color:#d5a14b; line-height:40px;} #droplineMenu ul ul li.current div {left:0; top:40px; width:930px; text-align:center;} #droplineMenu ul ul :hover div {left:0; top:40px; width:930px; text-align:center; height:40px;} #droplineMenu ul ul li.current div b {display:block; width:930px; height:40px; position:absolute; left:0; top:0; background:#39331F; z-index:-10; filter: alpha(opacity=60); opacity:0.6; padding:0; line-height:40px;} #droplineMenu ul ul li div b {display:block; width:930px; height:40px; position:absolute; left:0; top:0; background:#39331F; z-index:-1; filter: alpha(opacity=60); opacity:0.6; padding:0; line-height:40px;} #droplineMenu ul ul li div ul {display:inline-block;} #droplineMenu ul ul li div ul li {display:inline-block; display:inline;} #droplineMenu ul ul div a {background-image:none; height:40px; line-height:40px; font-size:12px; padding:0 20px;} #droplineMenu ul ul div a:hover {background-image:none; color:#d5a14b; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li a:hover {direction:ltr;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div {left:-9999px;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div {left:-9999px;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover div {left:0;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover div {left:0;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current a {background-image:none; color:#fff; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current a b {background-image:none; color:#fff; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a {background-image:none; color:#fff; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a b {background-image:none; color:#fff; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a {line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a b {color:#d5a14b; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover {line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover b {color:#d5a14b; line-height:40px;} #droplineMenu ul ul li.current div ul li a {background-image:none; color:#fff; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover ul li a {background-image:none; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover ul li a {background-image:none; line-height:40px;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div ul li.current_sub a {color:#d5a14b;} #droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div ul li a:hover {color:#d5a14b;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div ul li.current_sub a {color:#d5a14b;} #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div ul li a:hover {color:#d5a14b;} #droplineMenu ul ul li.current div ul li.current_sub a {background-image:none; color:#d5a14b; line-height:40px;} #droplineMenu ul ul li.current div ul li.current_sub a:hover {background-image:none; line-height:40px;} #droplineMenu ul ul li a:hover div b, #droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover div b {display:block; width:930px; height:40px; position:absolute; left:0; top:0; background:#39331F; z-index:-1; filter: alpha(opacity=60); opacity:0.6; padding:0; line-height:40px;} #slideshow { position:relative; height:335px; } #slideshow2 { position:relative; height:400px; } #slideshow IMG, #slideshow2 IMG{ position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow IMG.active, #slideshow2 IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active, #slideshow2 IMG.last-active { z-index:9; } /* anythingSlider v1.2 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ #slider { width: 950px; height: 145px; margin: 0 auto; } .anythingSlider { width: 950px; height: 134px; position: relative; margin: 0 auto; background: url("../img/background-slider.png") no-repeat; } .anythingSlider .slide-wrapper { width: 950px; overflow: auto; height: 134px; margin: 0; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .slide-wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 134px; width: 950px; margin: 0; } .anythingSlider .arrow { display: block; height: 134px; width: 21px; background: url(../img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -21px; } .anythingSlider .back { background-position: -21px 0; left: -21px; } .anythingSlider .forward:hover { background-position: 0 -134px; } .anythingSlider .back:hover { background-position: -21px -134px; } #thumbNav { position: relative; top: 134px; text-align: center; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04; text-align: center; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #e0a213; } #start-stop { display: none; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; } #start-stop.playing { display: none; } #start-stop:hover { display: none; background-image: none; } #slider .slide { padding: 0; margin: 0; width: 950px; height: 134px; position: relative; top: 0px; left: -40px; *left: 0; /* notice the * before the property - shows in IE7 and below */ background: url("../img/background-slider.png") no-repeat; } .slide-cell { width: 295px; padding: 0 0 0 20px; float: left; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; } .slide-cell h3 {color: #D5A14B; padding-top: 10px; margin-top: 0; font-size: 13px; font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; } .slide-cell img { float: left; padding: 8px 10px 0 0;} .slide-cell p {color: #8B5903; padding-top: 8px; margin-top: 0; font-size: 11px; width: 205px; float: left; } .slide-cell a, .slide-cell a:active, .slide-cell a:link, .slide-cell a:visited { color: #8B5903; text-decoration: none; } .slide-cell a:hover { color: #333333; text-decoration: none; } /* Prevents */ .anythingSlider .slide-wrapper ul ul { position: static; margin: 0; padding: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .slide-wrapper ul ul li { float: none; height: auto; width: auto; } /* GOOGLE MAPS */ #side-container { padding: 10px; } #side-container ul { list-style-type: none; margin: 0; padding: 0; } #side-container li input { font-size: 0.85em; width: 210px; } #side-container .dir-label { font-weight: bold; padding-right: 3px; text-align: right; width: 300px; } #side-container .dir-type { padding-left: 90px; padding-top: 10px; } /* MEMBERS AREA */ #ubbody { } .ubpage-loginform { width: 300px; margin: 0 auto; text-align: center; } #emms { font-family: 'Cantarell', Verdana, Arial, Helvetica, Sans-Serif; position: relative; top: -100px; left: 150px; display: block; z-index: 10000; background: red; width: 200px; height: 50px; font-size: 14px; line-height: 16px; border: 1px solid red; color: #ffffff; text-align: center; padding-top: 12px; } #emms a:link, #emms a:visited { color: #ffffff; }