/* Main Layout */
html {overflow-y: scroll}
body, #outerborder, #container, .header, #topmenu {width: 940px}
body, #outerborder, #container {margin: 0 auto; padding: 0}
#globalwrap {float: left; width: 920px}

/* Main Styles */
body {background: #e7e9d4}
#outerborder, #container {background: none}
#globalwrap {background: white; padding: 10px}
#body, #container, .highslide-body, .highslide-container div {font-size: 12px; color: #444444; font-family: Arial;}
#globalwrap, .highslide-body  {line-height: 1.7}
.highslide-body {font-size: 12px !important; font-family: Arial !important}
a img {border: none}
#global {padding: 0; margin: 0}
#leftsidebody {background: #e7e9d4; margin: -10px;  width: 940px; padding-bottom: 1px}
#leftsidebody {clear: left; float: left}
#leftsidebody #body {float: none !important; margin-left: 230px; width: auto !important  }
#leftsidebody #sidebar {width: 200px !important}
#leftsidebody #sidebar, #leftsidebody #body {background: white; padding: 10px}

/* Nav */
#topmenu, #nav {position: static}
#nav ul {z-index: 3000}
#nav {float: left;}
#nav, #nav li a { background: #000000}
#nav li a {color: white;}
#nav li {display: block}
#nav li a {font-family: Arial; font-size: 11px; text-transform: none; letter-spacing: 1px;}
#nav li a:hover, #nav li.sfhover a, #nav li:hover a {color: #9fd5c8; text-decoration: none}
#nav li.sfhover ul a, #nav li:hover ul a {color: white}
#nav li a {padding: 30px 17px}

#nav li a.moredown {background: url(images/resources/leyland/submenu.png) no-repeat 0 -100px;}
#nav li.sfhover a.moredown, #nav li:hover a, #nav li a.moredown:hover {background-position: 20px 100%}
#nav li.sfhover ul, #nav li:hover ul {left: auto; margin-left: 20px}

#nav li ul, #nav li ul li a {background: #9dd5cc}
#nav li ul {padding: 10px 0 30px 0; width: 10em}
#nav li ul li a:hover {color: black}
#nav li ul li {padding: 0}
#nav li ul li a {display: block; padding: 3px 10px}
#nav li ul li, #nav li ul li a {width: auto; float: none; display: block}

/* Login */
div#top .toplogin {background: none;}
.loginBox {position: absolute; right: 0; top: 25px; padding-right: 5px}
.loginBox form input {margin-top: 0}
.loginBox #memberid {width: 6em}
.loginBox input#pin, .loginBox input#pinholder {width: 2.9em; }
.loginBox input#memberid, .loginBox input#pin, .loginBox input#pinholder {background: none; border: none; border-bottom: 1px solid #9dd5cc; padding: 0; font-size: 11px}
.loginBox input {font-size: 11px}
.loginBox span {margin-right: -11px; margin-left: 10px; }
.loginBox input#memberid, .loginBox input#pin, .loginBox input#pinholder, .loginBox span {color: #9dd5cc}
.loginBox p.toplogin {font-size: 11px; color: #777777; padding-top: 5px}
.loginBox p.toplogin a {color: #9dd5cc; margin-left: 1em;}
.loginBox input[name=cachemid], .loginBox span {display: none}

/* Header */
#nav {margin-bottom: 187px}
.header .logo {padding: 10px; background: white}
.header .logo {position: absolute; top: 85px}
.header .logo a {position: relative; z-index: 50}
.header .logo a, .header .logo img {display: block}
.header .hobin {position: absolute; right: 15px; bottom: 15px; z-index: 1000;  width: 105px}
.header .hobin a, .header .hobin span {display: block}
.header .hobin a {color: #4a635f; font-size: 10px}
.header .hobin a:hover {text-decoration: none}
.header .hobin a:hover span {text-decoration: underline}
.header .hobin {text-align: center}
.header .hobin img {display: inline}
.header .golfLogos {position: absolute; left: 20px; bottom:20px; z-index: 1000; background: none}
.header .slaters {position: absolute; text-align: center; right: 130px; bottom: 15px; font-size: 10px; z-index: 1000; background: none}
.header .slaters a {background: none !important}
.header .slaters span {display: block}
.header .offers {background: none;
  font-size: 16px;
  left: 24px;
  position: absolute;
  top: 16px;
  text-align: center; float:left; 
  z-index: 50;
}
.header .offers a {background: none !important}

/* Footer */
.footer {margin-top: 10px; margin-bottom: 30px; float: left; width: 920px; font-size: 10px}
.footer {background: white; padding: 10px}
.footer .copy, .footer ul, .footer li {float: left; display: block}
.footer .logo {float: right; position: relative; top: 0}
.footer .logo a, .footer .logo img {display: block}
.footer .golflogos {float: right; position: relative; top: -5px; height: 37px; overflow: visible; padding-right: 10px}
.footer .golflogos img {display: block}
.footer li a {float: left}
.footer .copy {padding: 13px 20px 0 0}
.footer ul a {border-left: 1px solid #c1c1c1; padding: 11px 20px}

/* Header */
h1, h2, h3, h4, strong {color: #3f3f3f}
h1, #login h3, #sidebar h2 {margin: -10px -10px 30px -10px; padding: 15px 20px}
#login h3 {margin-left: -20px; margin-right: -20px; margin-top: -20px}
h1, #login h3, #sidebar h2 {border-bottom: 2px solid #e7e9d4; font-weight: normal; font-size: 14px}
h3 {font-size: 13px; margin: 1.5em 0 1em 0}
.highslide-html-content h1 {margin: 0; padding-top: 0; margin-top: 0; margin-bottom: 1em}
#global h4 {font-size: 12px; margin-left: 0; padding-left: 0}

/* Font Page */
.frontImage {position: relative; top: -184px; left: -10px}
.frontImage img {display: block; position: relative; z-index: 0}
.frontImage {background: white; padding: 10px; width: 920px}
.frontImage {height: 422px}
.frontImage #gallery img {float: left}
.frontImage .galleryWrapper .galNav {left: 0; top: 250px; width: 100%}

#global .frontImage .galNav .previous {position: absolute; top: 0; left:-26px}
#global .frontImage .galNav .next {position: absolute; top: 0; right: -26px}
.frontImage .galleryWrapper .galNav .fakelink {height: 68px; width: 16px; text-indent: -100px; overflow: hidden}
.frontImage .galNav .previous {background: url(/images/resources/leyland/left.png) no-repeat}
.frontImage .galNav .next {background: url(/images/resources/leyland/right.png) no-repeat}
#globalwrap #global .frontImage .galleryWrapper {border: none; padding: 0; left: 0}

/* Slideshow */
#globalwrap #global .galleryWrapper {border-top: 10px solid #e7e9d4; border-bottom: 10px solid #e7e9d4; padding: 10px 10px; padding-bottom: 10px; position: relative; left: -10px; }
#global .galleryWrapper .galNav {left: 0; top: 210px; width: 100%}
#global .galNav .previous {position: absolute; top: 0; left:-16px}
#global .galNav .next {position: absolute; top: 0; right: -16px}
#global .galleryWrapper .galNav .fakelink {height: 68px; width: 16px; text-indent: -100px; overflow: hidden}
#global .galNav .previous {background: url(/images/resources/leyland/left.png) no-repeat}
#global .galNav .next {background: url(/images/resources/leyland/right.png) no-repeat} 


/* Siebar */
#sidebar img {display: block}
#global #sidebar ul {margin-left: 0; padding-left: 0; margin-top: 7px}
#sidebar li {display: block; margin-left: 0; list-style-image: none}
#sidebar a {background-position: 100% 0; display: block}

/* Text */
#global p {margin-left: 0; margin-right: 0; margin: 1.2em 0}
#global ul {margin-left: 20px}
ul li {list-style-image: url(/images/resources/leyland/menudot.gif)}
a.button {background: url(/images/resources/leyland/menudot.gif) no-repeat 0 50%; padding-left: 12px; margin-right: 10px}
li a.button {background: none; padding-left: 0}
ol li ol li {list-style-type: lower-alpha}
hr {margin: 1.5em 0; border: none; border-top: 2px solid #e7e9d4}
a, a:hover {color: #339b89}
a[href*=".pdf"], a[href*=".xls"], a[href*=".doc"] {padding-top: 1px; padding-bottom: 1px}
img[align=left] {margin-right: 15px; margin-bottom: 10px; }
img[align=right] {margin-left: 15px; margin-bottom: 10px}

/* Tabke */
#global table {margin-left: 0; margin-right: 0}
#global table {vertical-align: top; border-collapse: collapse}
#global table td {vertical-align: top}
#leftsidebody table td {padding: 5px; padding-bottom: 10px}
#leftsidebody table td:first-child {padding-left: 0}
#leftsidebody table td[rowspan] {padding-right: 10px}
#leftsidebody table td[rowspan] + td {padding-left: 0}
#leftsidebody table tbody tr:first-child td {padding-top: 0}
#leftsidebody table thead + tbody tr:first-child td {padding-top: 10px}
#leftsidebody table td:last-child {padding-bottom: 0}
#leftsidebody table td p:first-child {margin-top: 0}
#leftsidebody table td p:last-child {margin-bottom: 0}
table thead {border-bottom: 2px solid #e7e9d4;}
table thead {font-weight: bold}
table td {padding-right: 10px}
table h3 {border-top: 2px solid #e7e9d4; padding-top: 1em}

.officials table td {padding-bottom: 10px}
#global .officials table td:first-child p {margin: 0}
#global .officials table p {margin-top: 0}
.officials img {width: 200px; height: auto}
.officials img {padding-right: 10px; margin-right: 0; border-right: 2px solid #e7e9d4}
.officials table td {vertical-align: top}
#global .officials table {margin:0; margin-top: -20px; margin-bottom: -10px}

#global .committee table p {margin: 0}
#global .committee table {margin: 0; margin-left: 0; margin-top: -20px; vertical-align: top}
#global .committee table td {vertical-align: top; padding-right: 5px; padding-bottom: 10px}
.committeeTop img { width: 340px}
.committeeTop td {padding-right: 8px}
.committeeL table td:first-child {font-weight: bold; width: 120px}
.committeeL td {padding-right: 20px; padding-bottom: 3px}

.sponsors table td {padding-right: 10px}
#global .sponsors table p:first-child {margin-top: 0}
.sponsors table td:first-child {width: 150px; text-align: left}

.repair table td {padding-right: 20px; padding-bottom: 10px}
.repair img {width: 200px; height: auto; display: block}

.score table td {padding: 3px 5px}

#global .knock table tbody td {vertical-align: middle; border: 1px solid #dddddd; padding: 10px}

/* Map */
.map { padding: 10px !important; background: white !important; float: left; position: relative; top: -10px; left: -10px; margin-bottom: 0; border-bottom: 10px solid #e7e9d4}


/* Form */
fieldset {margin: 10px 0; width: auto; padding: 10px; border: 2px solid #e7e9d4}
#login input[type=text], #login input[type=password] {padding: 3px}
.contact form ul {color: red}
.contact form input[type=text], .contact form textarea {padding: 3px; background: none; float: none; margin: 0; border: 1px solid #c1c1c1;}
.contact form input[type=text] {width: 30%}
.contact form textarea {width: 658px; height: 120px}
.contact form label {display: block; width: auto; float: none; text-align: left}
.contact form .putright {margin-left: 0; margin-top: 20px}
.contact form label[for=custom_4] {margin-top: 20px}

/* News */
.news {margin-top: -10px}
#global .news h4 + p {margin-top: 0}
#global .news-date {color: #339b89; margin-top: -0.5em; font-size: 9px}
#global .news-summary {border-left: 2px solid #e7e9d4; padding-left: 10px; }
#sidebar .news-summary {border-left: none; padding-left: 0}
.news-content  {float: left}

/* Course Galleru */
.courseGal {float: left; margin-top: -20px}
#global .courseGal ul {padding-left: 0; margin-left: 0; width: 710px; float: left; margin-bottom: 10px}
#global .courseGal li {display: block; float: left; margin: 0; padding: 0}
.courseGal a {width: 48px; padding: 10px 10px; display: block; float: left; margin-right: 10px; background: #f0f1e5; text-align: center; color: #999999}
.courseGal a:hover {background: #e7e9d4; color: #339b89}

/* Box */
.box {padding: 1px 10px 10px 10px; background: #f0f1e5}
.box h3 {margin: 0 -10px; border-bottom: 2px solid white; padding: 10px}

.body-class-members div#ui-datepicker-div.ui-datepicker {z-index: 10002 !important;}