body{ background-color: #B2B2A8; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; color: #636360; } h1{ font-size: 21px; font-family: "Times New Roman", Times, serif; color: #636360; margin:10px 0px; font-weight: normal; } h2{ font-size: 14px; font-family: "Times New Roman", Times, serif; color: #636360; margin:10px 0 0px 0; } p { padding:5px 0px 5px 0px; margin:0px 0px 5px 0px; } form{ padding: 0px; margin: 0px; } td{ vertical-align: top; } a:link{color:#A81900;} a:visited{color:#A81900;} a:hover{color:#565650;} a:active{color:#A81900;} hr { border: 0; width: 100%; color: #E5E5E0; background-color: #E5E5E0; height: 1px; margin: 0px; padding: 0px; } .clr { clear: both; height: 0px; } .clr span{ height: 0px; } /* #container block wraps the entire page, centers it, and applies the background drop-shadow */ #container{ width: 756px; position: relative; left: 50%; margin-left: -378px; background: transparent url(../images/bg_shdw.gif) repeat-y; } /* #container-inside block is narrower than it's parent, allowing drop shadow to appear behind */ #container-inside{ width: 750px; background-color: #fff; margin-left: 3px; position:relative; } /* Begin Header Styles */ #header{ } #header-top{ height: 19px; background: transparent url(../images/hdr_top_bg.gif) repeat-x; } #header-middle{ margin: 0px; padding:0px; } #header-middle a span{ display: none; } #header-middle a.logo{ margin: 0 0 0 15px; padding: 0px; display: block; height: 61px; width: 124px; background: transparent url(../images/abgc_logo.gif) no-repeat; } #header-middle a.callout{ margin: 10px 20px 0 15px; padding: 0px; display: block; height: 26px; width: 200px; background: transparent url(../images/reservations.gif) no-repeat; } #header-bottom{ height: 29px; background: transparent url(../images/nav_bg.gif) repeat-x; margin: 0px; padding:0 0 0 15px; } /* End Header Styles */ /* Begin Navblock Styles */ #navblock{ } #nav{ width: 735px; height: 29px; background: url(../images/nav_buttons.gif); margin: 0; padding: 0; position: relative; } #nav span{ display: none; } #nav li{ margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0; } #nav li, #nav a { height: 29px; display:block; } #home{left: 0px; width: 66px;} #course{left: 66px; width: 74px;} #lodge{left: 140px; width: 80px;} #restaurant{left: 220px; width: 98px;} #golf{left: 318px; width: 123px;} #news{ left: 441px; width: 58px; } #about{ left: 502px; width: 55px; } #contact{ left: 557px; width: 70px; } #events{left: 627px; width: 110px;} #home a:hover{background: transparent url(../images/nav_buttons.gif) 0 -29px no-repeat;} #course a:hover{background: transparent url(../images/nav_buttons.gif) -66px -29px no-repeat;} #lodge a:hover{background: transparent url(../images/nav_buttons.gif) -140px -29px no-repeat;} #restaurant a:hover{background: transparent url(../images/nav_buttons.gif) -220px -29px no-repeat;} #golf a:hover{background: transparent url(../images/nav_buttons.gif) -318px -29px no-repeat;} #news a:hover{background: transparent url(../images/nav_buttons.gif) -441px -29px no-repeat;} #about a:hover{background: transparent url(../images/nav_buttons.gif) -502px -29px no-repeat;} #contact a:hover{background: transparent url(../images/nav_buttons.gif) -557px -29px no-repeat;} #events a:hover{background: transparent url(../images/nav_buttons.gif) -627px -29px no-repeat;} body.body-home #home, body.body-course #course a:hover{background: transparent url(../images/nav_buttons.gif) 0 -58px no-repeat;} body.body-course #course, body.body-course #course a:hover{background: transparent url(../images/nav_buttons.gif) -66px -58px no-repeat;} body.body-lodge #lodge, body.body-lodge #lodge a:hover{background: transparent url(../images/nav_buttons.gif) -140px -58px no-repeat;} body.body-restaurant #restaurant, body.body-restaurant #restaurant a:hover{background: transparent url(../images/nav_buttons.gif) -220px -58px no-repeat;} body.body-golf #golf, body.body-golf #golf a:hover{background: transparent url(../images/nav_buttons.gif) -318px -58px no-repeat;} body.body-news #news, body.body-news #news a:hover{background: transparent url(../images/nav_buttons.gif) -441px -58px no-repeat;} body.body-about #about, body.body-about #about a:hover{background: transparent url(../images/nav_buttons.gif) -502px -58px no-repeat;} body.body-contact #contact, body.body-contact #contact a:hover{background: transparent url(../images/nav_buttons.gif) -557px -58px no-repeat;} body.body-events #events, body.body-events #events a:hover{background: transparent url(../images/nav_buttons.gif) -627px -58px no-repeat;} /* Begin Navblock Styles */ .newsblock{ float:right; } #yrdg-guide { float: right; padding-right: 10px; } #yrdg-guide a { display: block; height: 17px; width: 158px; background: transparent url(../images/btn_yardage_guide.gif) 0px 0 no-repeat; } #yrdg-guide a:hover { background: transparent url(../images/btn_yardage_guide.gif) 0px -18px no-repeat; } #yrdg-guide span { display: none; } #footer{ background: #B2B2A8 url(../images/shdw_footer.gif) 0px 0px no-repeat; margin:0px; padding: 5px 0 0 0; text-align:center; color: #7E7E68; } #nav-footer{ list-style: none; margin: 0px; padding: 0px; } #nav-footer li{ display: inline; margin: 0 10px 10px 0; } #nav-footer a:link, #nav-footer a:visited, #nav-footer a:active{color:#565650;} #nav-footer a:hover{color:#A81900;} #home-content { margin: 0px; padding:0px; } label{ padding-left: 8px; } .error { color: red; } .required{ padding-left: 8px; background-image: url(../images/required.gif); background-repeat:no-repeat; } .content{ float: left; width: 710px; padding: 0px 20px 10px 35px; margin-top: 20px; } .with-sidebar{ width: 470px; } #sidebar{ background: #EEEEE9 url(../images/sidebar_bg.gif) 0px 0px repeat-y; float: left; width: 197px; /* border:1px solid #DBDBDA; */ background-color: #EEEEE9; margin: 40px 0px 0px 0px; } #sidebar-top{ width: 197px; height: 15px; background: #EEEEE9 url(../images/sidebar_top.gif) 0px 0px no-repeat; } #sidebar-bottom{ width: 197px; height: 15px; background: #fff url(../images/sidebar_bottom.gif) 0px 0px no-repeat; padding-bottom: 50px; } #sidebar-content{ margin: 0 0 10px 15px; } #sidebar p{ margin: 0 0 0 25px; } #sidebar h2{ margin: 10px 0 0 0; } /* Begin page header classes*/ .h1-news, .h1-course, .h1-teetimes, .h1-contact, .h1-mission, .h1-menus, .h1-restaurant, .h1-course, .h1-about, .h1-staff, .h1-lodge, .h1-lodging, .h1-golf, .h1-policies, .h1-clubhouse, .h1-events, .h1-location{height: 22px; margin-left: -6px; margin-bottom: 1px;} .h1-news{background: transparent url(../images/hdr_news.gif) no-repeat;} .h1-course{background: transparent url(../images/hdr_the_course.gif) no-repeat;} .h1-teetimes{background: transparent url(../images/hdr_teetimes.gif) no-repeat;} .h1-lodging{background: transparent url(../images/hdr_lodging.gif) no-repeat;} .h1-golf{background: transparent url(../images/hdr_golflodging.gif) no-repeat;} .h1-contact{background: transparent url(../images/hdr_contact.gif) no-repeat;} .h1-mission{background: transparent url(../images/hdr_mission.gif) no-repeat;} .h1-about{background: transparent url(../images/hdr_about.gif) no-repeat;} .h1-course{background: transparent url(../images/hdr_course.gif) no-repeat;} .h1-lodge{background: transparent url(../images/hdr_lodge.gif) no-repeat;} .h1-restaurant{background: transparent url(../images/hdr_restaurant.gif) no-repeat;} .h1-menus{background: transparent url(../images/hdr_menus.gif) no-repeat;} .h1-staff{background: transparent url(../images/hdr_staff.gif) no-repeat;} .h1-policies{background: transparent url(../images/hdr_policies.gif) no-repeat;} .h1-clubhouse{background: transparent url(../images/hdr_clubhouse.gif) no-repeat;} .h1-location{background: transparent url(../images/hdr_location.gif) no-repeat;} .h1-events{background: transparent url(../images/hdr_events.gif) no-repeat;} .h1-news span, .h1-location span, .h1-clubhouse span, .h1-policies span, .h1-mission span, .h1-staff span, .h1-lodge span, .h1-menus span, .h1-restaurant span, .h1-about span, .h1-course span, .h1-teetimes span, .h1-lodging span, .h1-golf span, .h1-events span, .h1-contact span{ display: none; } /* Begin page header classes*/ .lodgingtable{ font:"Times New Roman", Times, serif; border:0; font-weight:600; font-size:22px; } #scorecard{ margin-left: 0px; margin-top: 10px; } #scorecard table, table{ background-color: #CBCBC1; border: 1px solid #CBCBC1; font-weight: bold; width: 450px; } .left{ text-align: left; } #scorecard tr, tr{ background-color:#fff; } td{ padding: 4px 2px 4px 5px; text-align:center; font-size: 10px; } #scorecard td{ padding: 4px 2px 4px 2px; font-size: 9px; } th{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EEEEE9; padding: 2px; padding-left: 5px; text-align: center; } #scorecard th{ padding: 2px; text-align: center; } #scorecard-marker{ float: left; margin: 40px 0 0 0px; padding: 0px; list-style:none; } #scorecard-marker li{ margin: 4px 0; padding: 0px; list-style: none; } form table { border: none; } form td { text-align: left; } .note{ font-size:9px; color: #787765; } #coursemap{ background: transparent url(../images/course_map.jpg) 0px 0px no-repeat; height: 283px; width: 444px; margin: 0px; padding: 0px; position:relative; } #coursemap li{ margin: 0px; padding: 0px; list-style:none; position: absolute; } #coursemap li, #coursemap a{ height: 16px; width: 16px; display:block; } #coursemap a:hover{ background: transparent url(../images/course_map.jpg) 0px 0px no-repeat; } #coursemap span{ display: none; } #coursemap #hole1{top: 49px; left: 401px;} #coursemap #hole2{top: 22px; left: 426px;} #coursemap #hole3{top: 38px; left: 326px;} #coursemap #hole4{top: 25px; left: 249px;} #coursemap #hole5{top: 24px; left: 108px;} #coursemap #hole6{top: 57px; left: 101px;} #coursemap #hole7{top: 47px; left: 253px;} #coursemap #hole8{top: 177px; left: 292px;} #coursemap #hole9{top: 177px; left: 241px;} #coursemap #hole10{top: 164px; left: 159px;} #coursemap #hole11{top: 215px; left: 92px;} #coursemap #hole12{top: 142px; left: 32px;} #coursemap #hole13{top: 70px; left: 49px;} #coursemap #hole14{top: 85px; left: 107px;} #coursemap #hole15{top: 75px; left: 227px;} #coursemap #hole16{top: 91px; left: 170px;} #coursemap #hole17{top: 164px; left: 96px;} #coursemap #hole18{top: 125px; left: 208px;} #coursemap #hole1 a:hover{background-position: -401px -332px;} #coursemap #hole2 a:hover{background-position: -426px -305px;} #coursemap #hole3 a:hover{background-position: -326px -321px;} #coursemap #hole4 a:hover{background-position: -249px -308px;} #coursemap #hole5 a:hover{background-position: -108px -307px;} #coursemap #hole6 a:hover{background-position: -101px -340px;} #coursemap #hole7 a:hover{background-position: -253px -330px;} #coursemap #hole8 a:hover{background-position: -292px -460px;} #coursemap #hole9 a:hover{background-position: -241px -460px;} #coursemap #hole10 a:hover{background-position: -159px -447px;} #coursemap #hole11 a:hover{background-position: -92px -498px;} #coursemap #hole12 a:hover{background-position: -32px -425px;} #coursemap #hole13 a:hover{background-position: -49px -353px;} #coursemap #hole14 a:hover{background-position: -107px -368px;} #coursemap #hole15 a:hover{background-position: -227px -358px;} #coursemap #hole16 a:hover{background-position: -170px -374px;} #coursemap #hole17 a:hover{background-position: -96px -447px;} #coursemap #hole18 a:hover{background-position: -208px -408px;} .for-hole{ /*this class styles the content div for the course hole pages*/ background: transparent url(../images/hole_bg.gif) 0px 0px repeat-y; padding: 0px 0px 0px 0px; margin-top: 0px; width: 750px; } #hole-flash{ /*Container for interactive yardage guide flash peice*/ width: 326px; height: 436px; float:left; padding-bottom: 40px; position:relative; } #hole-nav{ background: #D1D1C5; height: 20px; width: 424px; margin: 0px; padding: 0px; position:relative; } #hole-nav a:link, #hole-nav a:visited, #hole-nav a:hover, #hole-nav a:active{color:#A81900;} #hole-nav li{ margin: 0px; padding: 0px; list-style:none; float:left; text-align:center; border-left: 1px solid white; border-top: 1px solid #d1d1c5; } #hole-nav li{ margin: 0px; padding: 0px; list-style:none; float:left; text-align:center; border-left: 1px solid white; border-top: 1px solid #d1d1c5; } #hole-nav li, #hole-nav a{ height: 19px; width: 22px; display:block; text-decoration: none; } #hole-nav a:hover{ background: #EFEFEA; } body.hole1 #hole-nav .holenav1, body.hole2 #hole-nav .holenav2, body.hole3 #hole-nav .holenav3, body.hole4 #hole-nav .holenav4, body.hole5 #hole-nav .holenav5, body.hole6 #hole-nav .holenav6, body.hole7 #hole-nav .holenav7, body.hole8 #hole-nav .holenav8, body.hole9 #hole-nav .holenav9, body.hole10 #hole-nav .holenav10, body.hole11 #hole-nav .holenav11, body.hole12 #hole-nav .holenav12, body.hole13 #hole-nav .holenav13, body.hole14 #hole-nav .holenav14, body.hole15 #hole-nav .holenav15, body.hole16 #hole-nav .holenav16, body.hole17 #hole-nav .holenav17, body.hole18 #hole-nav .holenav18 { background: #EFEFEA; } body.hole1 #hole-nav .holenav1 span, body.hole2 #hole-nav .holenav2 span, body.hole3 #hole-nav .holenav3 span, body.hole4 #hole-nav .holenav4 span, body.hole5 #hole-nav .holenav5 span, body.hole6 #hole-nav .holenav6 span, body.hole7 #hole-nav .holenav7 span, body.hole8 #hole-nav .holenav8 span, body.hole9 #hole-nav .holenav9 span, body.hole10 #hole-nav .holenav10 span, body.hole11 #hole-nav .holenav11 span, body.hole12 #hole-nav .holenav12 span, body.hole13 #hole-nav .holenav13 span, body.hole14 #hole-nav .holenav14 span, body.hole15 #hole-nav .holenav15 span, body.hole16 #hole-nav .holenav16 span, body.hole17 #hole-nav .holenav17 span, body.hole18 #hole-nav .holenav18 span { color: #4B4B3E; } #hole-nav span{ display: block; padding-top: 2px; font-weight:bold; } #hole-content{ margin: 40px 20px 0 5px; } #hole-content table{ background-color: #fff; border:0; } #hole-content .yardage-table{ width: 300px; background-color: #fff; border: 1px solid #CBCBC1; } #hole-content .course-map{ border: 1px solid #CBCBC1; } /* *************************************************** STYLES FOR SMALL COURSE MAP *************************************************** */ #coursemap_sm{ background: transparent url(../images/course_map_sm.gif) 0px 0px no-repeat; height: 211px; width: 399px; margin: 0px; padding: 0px; position:relative; border: 1px solid #CBCBC1; } #coursemap_sm li{ margin: 0px; padding: 0px; list-style:none; position: absolute; } #coursemap_sm li, #coursemap_sm a{ /*height: 16px; width: 16px; */ display:block; } #coursemap_sm a:hover{ background: transparent url(../images/course_map_sm.gif) 0px 0px no-repeat; } #coursemap_sm span{ display: none; } #coursemap_sm #hole1, #coursemap_sm #hole1 a{width:97px; height:40px;} #coursemap_sm #hole2, #coursemap_sm #hole2 a{width:48px; height:52px;} #coursemap_sm #hole3, #coursemap_sm #hole3 a{width:92px; height:46px;} #coursemap_sm #hole4, #coursemap_sm #hole4 a{width:73px; height:25px;} #coursemap_sm #hole5, #coursemap_sm #hole5 a{width:110px; height:33px;} #coursemap_sm #hole6, #coursemap_sm #hole6 a{width:56px; height:26px;} #coursemap_sm #hole7, #coursemap_sm #hole7 a{width:78px; height:36px;} #coursemap_sm #hole8, #coursemap_sm #hole8 a{width:47px; height:86px;} #coursemap_sm #hole9, #coursemap_sm #hole9 a{width:57px; height:35px;} #coursemap_sm #hole10, #coursemap_sm #hole10 a{width:88px; height:27px;} #coursemap_sm #hole11, #coursemap_sm #hole11 a{width:86px; height:60px;} #coursemap_sm #hole12, #coursemap_sm #hole12 a{width:40px; height:94px;} #coursemap_sm #hole13, #coursemap_sm #hole13 a{width:46px; height:51px;} #coursemap_sm #hole14, #coursemap_sm #hole14 a{width:85px; height:32px;} #coursemap_sm #hole15, #coursemap_sm #hole15 a{width:92px; height:43px;} #coursemap_sm #hole16, #coursemap_sm #hole16 a{width:101px; height:34px;} #coursemap_sm #hole17, #coursemap_sm #hole17 a{width:33px; height:51px;} #coursemap_sm #hole18, #coursemap_sm #hole18 a{width:66px; height:26px;} #coursemap_sm #hole1{top: 39px; left: 253px;} #coursemap_sm #hole2{top: 9px; left: 317px;} #coursemap_sm #hole3{top: 1px; left: 209px;} #coursemap_sm #hole4{top: 0px; left: 144px;} #coursemap_sm #hole5{top: 1px; left: 32px;} #coursemap_sm #hole6{top: 28px; left: 48px;} #coursemap_sm #hole7{top: 29px; left: 149px;} #coursemap_sm #hole8{top: 96px; left: 185px;} #coursemap_sm #hole9{top: 128px; left: 149px;} #coursemap_sm #hole10{top: 123px; left: 89px;} #coursemap_sm #hole11{top: 151px; left: 28px;} #coursemap_sm #hole12{top: 82px; left: 17px;} #coursemap_sm #hole13{top: 54px; left: 25px;} #coursemap_sm #hole14{top: 41px; left: 46px;} #coursemap_sm #hole15{top: 49px; left: 134px;} #coursemap_sm #hole16{top: 64px; left: 84px;} #coursemap_sm #hole17{top: 88px; left: 57px;} #coursemap_sm #hole18{top: 93px; left: 105px;} #coursemap_sm #hole1 a:hover{background-position: -253px -250px;} #coursemap_sm #hole2 a:hover{background-position: -317px -431px;} #coursemap_sm #hole3 a:hover{background-position: -209px -423px;} #coursemap_sm #hole4 a:hover{background-position: -144px -211px;} #coursemap_sm #hole5 a:hover{background-position: -32px -423px;} #coursemap_sm #hole6 a:hover{background-position: -48px -239px;} #coursemap_sm #hole7 a:hover{background-position: -149px -240px;} #coursemap_sm #hole8 a:hover{background-position: -185px -518px;} #coursemap_sm #hole9 a:hover{background-position: -149px -339px;} #coursemap_sm #hole10 a:hover{background-position: -89px -545px;} #coursemap_sm #hole11 a:hover{background-position: -28px -362px;} #coursemap_sm #hole12 a:hover{background-position: -17px -504px;} #coursemap_sm #hole13 a:hover{background-position: -25px -265px;} #coursemap_sm #hole14 a:hover{background-position: -46px -463px;} #coursemap_sm #hole15 a:hover{background-position: -134px -471px;} #coursemap_sm #hole16 a:hover{background-position: -84px -275px;} #coursemap_sm #hole17 a:hover{background-position: -57px -510px;} #coursemap_sm #hole18 a:hover{background-position: -105px -515px;} body.hole1 #coursemap_sm #hole1 {background: transparent url(../images/course_map_sm.gif) -253px -250px no-repeat;} body.hole2 #coursemap_sm #hole2 {background: transparent url(../images/course_map_sm.gif) -317px -431px no-repeat;} body.hole3 #coursemap_sm #hole3 {background: transparent url(../images/course_map_sm.gif) -209px -423px no-repeat;} body.hole4 #coursemap_sm #hole4 {background: transparent url(../images/course_map_sm.gif) -144px -211px no-repeat;} body.hole5 #coursemap_sm #hole5 {background: transparent url(../images/course_map_sm.gif) -32px -423px no-repeat;} body.hole6 #coursemap_sm #hole6 {background: transparent url(../images/course_map_sm.gif) -48px -239px no-repeat;} body.hole7 #coursemap_sm #hole7 {background: transparent url(../images/course_map_sm.gif) -149px -240px no-repeat;} body.hole8 #coursemap_sm #hole8 {background: transparent url(../images/course_map_sm.gif) -185px -518px no-repeat;} body.hole9 #coursemap_sm #hole9 {background: transparent url(../images/course_map_sm.gif) -149px -339px no-repeat;} body.hole10 #coursemap_sm #hole10 {background: transparent url(../images/course_map_sm.gif) -89px -545px no-repeat;} body.hole11 #coursemap_sm #hole11 {background: transparent url(../images/course_map_sm.gif) -28px -362px no-repeat;} body.hole12 #coursemap_sm #hole12 {background: transparent url(../images/course_map_sm.gif) -17px -504px no-repeat;} body.hole13 #coursemap_sm #hole13 {background: transparent url(../images/course_map_sm.gif) -25px -265px no-repeat;} body.hole14 #coursemap_sm #hole14 {background: transparent url(../images/course_map_sm.gif) -46px -463px no-repeat;} body.hole15 #coursemap_sm #hole15 {background: transparent url(../images/course_map_sm.gif) -134px -471px no-repeat;} body.hole16 #coursemap_sm #hole16 {background: transparent url(../images/course_map_sm.gif) -84px -275px no-repeat;} body.hole17 #coursemap_sm #hole17 {background: transparent url(../images/course_map_sm.gif) -57px -510px no-repeat;} body.hole18 #coursemap_sm #hole18 {background: transparent url(../images/course_map_sm.gif) -105px -515px no-repeat;}