﻿        body
        {
            padding-top: 0px;
            color: #333333;
            background-color: #f2f2f3;
            background-image: url(/images/default/main-body-background.png) !important;
            background-repeat: repeat-y !important;
            background-position: center top;
        }
        .container
        {
            width: 980px;
        }
        #top-div
        {
            background-color: #2c2a25;
            padding-bottom: 20px;
        }
        #top-menu
        {
            background-color: #000;
            padding-top: 4px;
            min-height: 24px;
        }
        #top-menu a.button
        {
            float: right;
            margin:3px;
        }
        #top-menu a.tab
        {
            padding: 4px 8px 6px;
            background-color: rgb(44, 42, 37);
            float: right;
            margin-right: 5px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            -webkit-border-top-left-radius: 2px;
            color: rgb(255, 255, 255);
            text-decoration: none;
            font-size: 15px;
        }
        #top-menu a.tab:hover
        {
            color: #ACDB6B;
        }
        #top-menu a.tab.active
        {
            background-color: rgb(255, 255, 255);
            color: rgb(0, 0, 0);
        }
        #right-banners
        {
            float: right;
            width: 250px;
            padding-top: 10px;
        }
        .button
        {
            -moz-background-clip: border;
            -moz-background-inline-policy: continuous;
            -moz-background-origin: padding;
            -moz-border-radius-bottomleft: 2px;
            -moz-border-radius-bottomright: 2px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-topright: 2px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-box-orient: vertical;
            background: #464440 none repeat scroll 0 0;
            border: 0 none;
            color: #FFFFFF;
            cursor: pointer;
            display: inline-block;
            font-family: arial,sans-serif;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.2;
            margin: 0;
            outline-color: -moz-use-text-color;
            outline-style: none;
            outline-width: medium;
            padding: 0.44em 0.55em 0.38em;
            text-align: center;
            text-decoration: none;
            text-shadow: 1px 1px 0 #46443f;
            vertical-align: middle;
            white-space: nowrap;
        }
        .button.positive,
        .button.small.positive
        {
            background-color: #ACDB6B;
            text-shadow: 1px 1px 0 #6EA120;
        }
        .button.positive:hover,
        .button.small.positive:hover
        {
            background-color: #dcf3bb;
        }
        .button:hover,
        .button.small:hover
        {
            color: #fff;
            background-color: #716e67;
        }
        .button.small
        {
            -moz-background-clip:border;
            -moz-background-inline-policy:continuous;
            -moz-background-origin:padding;
            background:#464440 none repeat scroll 0 0;
            font-size:15px;
            padding:0.2em 0.55em;
            text-shadow:none;
            font-weight: normal;
            margin: 0 2px;
        }
        .introduction
        {
            padding-top: 25px;
            min-height: 314px;
            background-image: url(/images/default/logo-large.png);
            background-repeat: no-repeat;
            background-position: -556px -20px;
        }
        .introduction h1
        {
            font-size:24px;
            line-height:120%;
            margin-bottom:10px;
        }
        .introduction p,
        .introduction p label
        {
            border:0 none;
            color:#666666;
            font-family:arial,sans-serif;
            font-size:16px;
            line-height:140%;
            margin-bottom:10px;
            font-weight: normal;
        }
        .introduction input
        {
            width: 210px;
            margin-bottom: 15px;
        }
        .introduction .button
        {
            margin-bottom: 6px
        }
        .big-logo
        {
            height: 339px;
            position: relative;
            margin: -20px 0px 0px -10px !important;
            padding-right: 10px;
            background-image: url(/images/default/logo-large.png);
            background-position: -160px 0;
        }
        .big-logo-spill
        {
            position: absolute;
            margin-left: -160px;
            margin-top: -20px;
            width: 150px;
            overflow: hidden;
            height: 339px;
            background-image: url(/images/default/logo-large.png);
            float: left;
        }
        #content
        {
            margin-top: -30px;
        }
        #clubguide-puff
        {
            width: 710px;
            margin-left: -10px;
            padding: 10px;
            background-color: #d1e6a5;
            color: #7e7e5a;
        }
        .logo-farm
        {
            width: 710px;
            margin-left: -10px;
            padding: 10px;
            background-color: #c7b29a;
            color: #a5927f;
            background-image: url(/images/default/logo-farm.png);
            height: 155px;
        }
        #foot
        {
            padding:40px 0;
            background-color: #2c2a25;
        }
        #foot h4
        {
            text-transform: uppercase;
            color: #acd372;
        }
        #foot a.link
        {
            display: block;
            color: #fff;
            text-decoration: none;
        }
        #foot a.link:hover
        {
            color: #acd372;
        }
        #foot .small.error
        {
            color: #fff;
        }
        .banner-right
        {
            width: 250px;
            float: right;
        }
        .highlighed-page
        {
            background-repeat: no-repeat;
            -moz-border-radius-bottomleft: 2px;
            -moz-border-radius-bottomright: 2px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-topright: 2px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            height: 150px;
            width: 150px;
            float:left;
            margin: 0 20px 20px 0;
            text-decoration: none;
            background-color: #f2f2f3;
        }
        .highlighed-page span
        {
            background-color: #fff;
            padding: 2px 4px;
            margin-top: 132px;
            float: left;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            color: #000;
        }
        .updated-page
        {
            background-repeat: no-repeat;
            -moz-border-radius-bottomleft: 2px;
            -moz-border-radius-bottomright: 2px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-topright: 2px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            height: 110px;
            width: 110px;
            float:left;
            margin: 0 10px 10px 0;
            text-decoration: none;
            background-color: #f2f2f3;
            overflow:hidden;
        }
        .updated-page span
        {
            background-color: #fff;
            padding: 2px 4px;
            margin-top: 90px;
            float: left;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            color: #000;
        }
        .updated-page.last
        {
            margin-right: 0px;
        }
        /*
        .loginform
        {
            position:absolute;
            padding: 10px;
            background-color: #000;
            color: #fff;
            margin-top: -25px;
            width: 310px;
        }
        */
        .loginform input
        {
            width: 300px;
        }

        /* Clubguide */
        .clubguide_header
        {
            background-color:#C7B29A;
            color:#A5927F;
            margin-left:-10px;
            margin-bottom: 20px;
            padding:10px 10px 0 10px;
            width:710px;
        }
        .clubguide_header h1
        {
            font-size:24px;
            line-height:120%;
            margin-bottom:10px;
            color: #846f59;
        }
        .clubguide_guide
        {
            padding: 10px 0;
        }
        ul#city_tabs
        {
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            padding:0.2em 0.2em 0;
            float: left;
            margin: 24px 0 0px 0px;
        }
        ul#city_tabs li
        {
            float:left;
            margin:0 .1em 0 0.2em;
        }
        
        ul#city_tabs li a
        {
            float:left;
            padding:0.5em 1em;
            text-decoration:none;
            background-color: #A5927F;
            -moz-border-radius-topleft:2px;
            -moz-border-radius-topright:2px;
            -webkit-border-top-left-radius: 2px;
            -webkit-border-top-right-radius: 2px;
            color: #C7B29A;
            font-size: 16px;
            cursor: pointer;
        }
        ul#city_tabs li a:hover
        {
            color: #FFFFFF;
            background-color: #A5927F;
        }
        ul#city_tabs li a.active,
        ul#city_tabs li a.active:hover,
        ul#city_tabs li a.active.feature:hover,
        ul#city_tabs li a.active.feature
        {
            background-color: #ffffff;
            color: #000000;
        }
        ul#city_tabs li a.feature,
        ul#city_tabs li a.feature:hover
        {
            color: #ffffff;
        }
        .clubguide_date
        {
            font-size: 2em;
        }
        /* Dropdown */
        .dropdown
        {
            text-decoration: none;
            display: inline-block;
            background-color: #f2f2f3;
            padding: 0 30px 0 5px;
            color: #000000;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            background-image: url(/images/default/clubguide_datepicker.png);
            background-position: right top;
            background-repeat: no-repeat;
            font-size: 24px;
            z-index: 1000;
        }
        .dropdown:hover
        {
            background-position: right bottom;
            cursor:default;
        }
        .dropdown div
        {
            background-color: #f2f2f3;
            display: block;
            position: absolute;
            margin-left: -5px;
            padding: 0 10px 10px 10px;
            font-size: .8em;
            display: none;
            min-width: 100px;
        }
        .dropdown div a.selected
        {
            color: #CCCCCC;
        }
        .dropdown div a.selected img
        {
            margin: 5px 10px 5px 5px;
        }
        .dropdown div a
        {
            color: #000000;
            text-decoration: none;
            display: block;
        }
        .dropdown div a:hover
        {
            color: #ffffff;
            text-shadow:1px 1px 0 #DDDDDD;
        }
        .dropdown img,
        .dropdown div a img
        {
            margin: 5px 10px 5px 0pt;
            vertical-align: middle;
            -moz-border-radius:2px;
            -webkit-border-radius: 2px;
            width: 70px;
            height: 70px;
        }
        /* EOF: Dropdown */
        
        .photo
        {
            cursor: pointer;
        }
        
        #photodiv
        {
            width: 720px;
        }
        
        #photodiv .photo
        {
            margin: 0 7px 7px 0;
        }
        .photobyline
        {
            display: block;
            margin-bottom: 20px;
            margin-top: -20px;
        }
        
        /* Visitor slideout-menu */
        .slideout-menu
        {
            position: fixed;
            bottom: 5px;
            left: -2000px;
            height: 32px;
            display: block;
            background-image: url(/images/slide-background.png);
            -moz-border-radius-bottomright: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            -webkit-border-bottom-right-radius: 2px;
            overflow: hidden;
        }
        .slideout-menu ul
        {
            display:block;
            list-style-type: none;
            margin: 0px;
        }
        .slideout-menu ul li
        {
            float: left;
            position: relative;
            top: 1px;
        }
        .slideout-menu ul li a
        {
            display: block;
            padding: 0.5em 1em;
            text-decoration: none;
            color: #fff;
            cursor: pointer;
            height: 31px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 12px;
        }
        .slideout-menu ul li a:hover
        {
            color: #fff;
        }
        .slideout-menu ul li img.updated-page
        {
            width: 20px;
            display: inline-block;
            height:20px;
        }
        .slideout-menu ul li a.slidein div,
        .slideout-menu ul li a.slideout div,
        .slideout-menu ul li a.shuffle div,
        .slideout-menu ul li a.home div
        {
            background-image: url(/images/slide-left.png);
            width: 21px;
            background-repeat: no-repeat;
            background-position: center center;
            height: 19px;
        }
        .slideout-menu ul li a.slideout div
        {
            background-image: url(/images/slide-right.png);
            background-position: top center;
        }
        .slideout-menu ul li a.slideout.expanded div
        {
            background-position: bottom center;
        }
        .slideout-menu ul li a.shuffle div
        {
            background-image: url(/images/slide-shuffle.png);
        }

        .slideout-menu ul li a.home div
        {
            background-image: url(/images/slide-home.png);
        }

        .slideout-menu ul li a:hover
        {
            background-image: url(/images/slide-background.png);
            background-position: left -45px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }
        .slideout-menu ul li b
        {
            color: #ffffff;
            padding: .5em .5em;
            display: block;
            text-shadow:1px 1px 0 #48494b;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 12px;
        }
        .updated-page {
            vertical-align: middle;
            margin-right: 8px;
        }
        div.vr
        {
            height: 22px;
            border-left: 1px solid #a8aeb6;
            margin: .3em .4em;
        }
        div#slideout-tooltip
        {
            position: fixed;
            display: block;
            bottom: 50px; left: 10px;
            display: none;
            background-image: url(/images/tooltip-tip.png);
            background-repeat: no-repeat;
            background-position: 15px bottom;
            cursor: pointer;
        }
        div#slideout-tooltip span
        {
            display: block;
            padding: 8px;
            background-color: #2c2a25;
            width: 184px;
            font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
            color: #fff;
            font-size: 12px;
            margin-bottom: 17px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }
        /* EOF: Visitor slideout-menu */
                
        
        #clubguideDiv,
        #photodiv,
        #clubcompetitionDiv
        {
            min-height: 500px;
        }
        
        
        