/* ---( = begin  main nav elements )------------------------------- */

#nav {
  position: absolute;
  top: 124px;
  left: 0;
  background: url(/images/bg-main-navigation-200110.gif) no-repeat right bottom;
  width: 997px;
  padding-left: 3px;
  height: 45px;
}

#nav li {float:left;}

#nav a {
  float: left;
  height: 45px;
  text-indent: -20000px;
  overflow: hidden;
  background: url(/images/bg-main-navigation-200110.gif) no-repeat;
}

#nav a:focus, #nav a:active {outline:none;}

#nav li#home a {width:60px;background-position:-3px -105px;}
#nav li#home a:hover {background-position:-3px -52px;}
#nav li#home.active a {background-position:-3px 0 !important;}

#nav li#news-tournaments a {width:162px;background-position:-63px -105px;}
#nav li#news-tournaments a:hover {background-position:-63px -52px;}
#nav li#news-tournaments.active a {background-position:-63px 0 !important;}

#nav li#golf-school a {width:92px;background-position:-225px -105px;}
#nav li#golf-school a:hover {background-position:-225px -52px;}
#nav li#golf-school.active a {background-position:-225px 0 !important;}

#nav li#product-reviews a {width:127px;background-position:-317px -105px;}
#nav li#product-reviews a:hover {background-position:-317px -52px;}
#nav li#product-reviews.active a {background-position:-317px 0 !important;}

#nav li#tee-times a {width:75px;background-position:-444px -105px;}
#nav li#tee-times a:hover {background-position:-444px -52px;}
#nav li#tee-times.active a {background-position:-444px 0 !important;}

#nav li#discount-fees a {width:110px;background-position:-519px -105px;}
#nav li#discount-fees a:hover {background-position:-519px -52px;}
#nav li#discount-fees.active a {background-position:-519px 0 !important;}

#nav li#course-directory a {width:127px;background-position:-519px -105px;}
#nav li#course-directory a:hover {background-position:-519px -52px;}
#nav li#course-directory.active a {background-position:-519px 0 !important;}

#nav li#win a {width:44px;background-position:-646px -105px;}
#nav li#win a:hover {background-position:-646px -52px;}
#nav li#win.active a {background-position:-646px 0 !important;}

#nav li#forums a {width:78px;background-position:-690px -105px;}
#nav li#forums a:hover {background-position:-690px -52px;}
#nav li#forums.active a {background-position:-690px 0 !important;}

/* ---( = begin sub-nav elements )------------------------------- */

/* sub nav */
.sub-nav {float:left;padding:10px 0 0 0;margin-left:-5px;display:inline;font-size:11px;width:650px;}
.sub-nav li {float:left;padding:0 10px 0 0;margin:0 8px 0 0;background:url(/images/delimiter2.gif) no-repeat right;}
.sub-nav li.last {background:none;}
.sub-nav li a, .sub-nav li a:visited {color:#333;}
.sub-nav li a:hover, .sub-nav li a:visited:hover {color:#a02400;}
.sub-nav li.active a, .sub-nav li.active a:visited {text-decoration:underline;font-weight:bold;}

/* ---( = begin filter-nav elements )------------------------------- */

div.news ul.tabs {
  position: absolute;
  top: 4px;
  right: 0;
  list-style:none;
  clear:both;
  font-size: 0.80em;
}

div.review ul.tabs,
div.course ul.tabs,
div#google-map ul.tabs,
div.stats ul.tabs,
div.accounts ul.tabs {
  top: 4px;
  font-size: 0.80em;
  margin: 0 0 10px 0;
  text-align:right;
  border-bottom: 1px solid #ddd;
}

div.review ul.tabs li {list-style-type:none;background:0;margin:0;padding:0;}
div.review ul.tabs li.state {display:block;padding: 3px 10px;}
div.stats ul.tabs li.tour-stats {display:block;padding: 3px 10px;margin-right: 100px;}
div.stats {margin-bottom:40px;}
div.accounts {margin: 15px 0;}
ul.tabs li {float:left;text-align:center;text-transform:uppercase;}
ul.tabs li a, ul.tabs li a:visited  {display:block;padding: 3px 10px;color:#aaa;}
ul.tabs li a:hover, ul.tabs li a:visited:hover {color:#000;background:#eee;padding-bottom:2px;}
ul.tabs li a.active, ul.tabs li a:visited.active {margin-bottom:-4px;padding-bottom: 7px;color: #fff;background:#a02400 url(/images/bg-arrow.gif) no-repeat center bottom;}
* html ul.tabs li a.active, ul.tabs li a:visited.active {margin-bottom:-4px;}
*+html ul.tabs li a.active, ul.tabs li a:visited.active {margin-bottom:-4px;}

.hidden {display:none;}
.visible {display:block;}
.b {}
.c {}
.d {}
.f {}

/* ---( = begin paginate elements )------------------------------- */

.paginate {
  clear: both;
  float:left;
  overflow:hidden;
  width:100%;
  margin: 0 auto;
  text-align:center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.paginate ul {
  clear: both;
  margin: 0 0 0 130px;
  text-align:center;
  list-style-type: none;
}
.paginate ul li {
  float: left;
  border-bottom: none;
  padding: 5px 0 5px 0;
}

.paginate ul li span {margin:0;}

.paginate ul li a, .paginate ul span.disabledlink {
  display:block;
  padding: 0 0;
  margin-right: 10px;
}
.paginate ul li.current a {
  display:block;
  font-weight: bold;
  border: 1px solid;
  padding: 1px 5px;
  text-decoration: none;
}
.paginate ul li.prev {
  margin: 0 35px 0 0;
}
.paginate ul li.next {
  margin: 0 10px 0 35px;
}

/* ---( = begin sub-nav elements )------------------------------- */

ul.sidenav {
  line-height:1.4em;
  margin: 1em 0 3em 0;
  border-top: 1px solid #eee;
}

ul.sidenav li {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  border-bottom: 1px solid #eee;
}

ul.sidenav li a, ul.sidenav li a:visited {
  color: #484d55;
  margin: 0;
  padding: 3px 0 3px 5px;
  display:block;
  text-decoration:none;
}

ul.sidenav li a:hover, ul.sidenav li a:visited:hover {
  color:#fff;
  background:#929EB1;
  text-decoration: none;
}

ul.sidenav li a.current, ul.sidenav li a:visited.current {
  color:#fff;
  background:#5caaf2;
  text-decoration: none;
}


/* Fix IE. Hide from IE Mac \*/
* html ul.sidenav li { float: left; }
* html ul.sidenav li a { height: 1%; }
/* End */

/* ---( = begin tabbed elements )------------------------------- */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs-nav a, .tabs-nav a:visited {
    display: block;
    padding: 4px 10px 4px 10px;
    color: #888;
   background: #ddd;
    text-align: center;
    text-decoration: none;
}
.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected a:visited {
    color: #fff;
  background: #929EB1;
}
.tabs-nav .tabs-selected a:hover, .tabs-nav .tabs-selected a:visited:hover {
    color: #fff;
  background: #929EB1;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    color: #5caaf2;
  background: #fff;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-nav a:hover, .tabs-nav a:visited:hover {
    color: #5caaf2;
  background: #fafafa;
}

.tabs-container, .fragment {
  clear:both;
    background: #929EB1;
    margin:0;
  padding: 12px 5px 5px 5px;
}