@import '/cms/styles/common.css';
@import '/styles.css';
@import '/styles/forms.css';
@import '/styles/listings.css';
@import '/styles/members.css';

/* COMMON ---------------------------------------------------------------------- */

body {
  background:#000000 url('/images/body.jpg') top left repeat-x;
  text-align: center;
}
#bg-y {
  background: url('/images/bg-y.gif') top center repeat-y;
}

#wrap {
  background:url('/images/wrap.jpg') top center no-repeat;
  text-align: inherit;
}

#page {
  width:910px;
  margin:0 auto;
  text-align: left;
}

/* HEADER ---------------------------------------------------------------------- */
#header { height: 185px; }

#logo {position: absolute;top: 114px;left: 12px;}
#logo a {outline:none;}
#logo img {height:60px;width:280px;}

#header ul, #header li {
  margin:0;
  padding:0;
  background:none;
}

#header li { margin-right:10px;  border-right:1px solid #888888; }
#header .hlist li a {
  color:#cccccc;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  font-size: 11px;
  line-height: 11px;
  margin-right:10px;  
}
#header li.last { border:none; margin-right:0px;  }
#header li.last a { margin-right:0px; }
#header li a:hover {
  color:#ffffff;
  text-decoration:underline;
}

#header-links { 
  position: absolute;
  top: 147px;
  right: 255px;
  text-align:right;
}


#header-search {
  position: absolute;
  top: 145px;
  right: 0px;
}
#header-search .search { width: 120px; }
#header-search .button { width: 90px; }

#bannerad,
#toprightad {
  height:90px;
  padding:9px 0 0 5px;
  overflow:hidden;
}

#header2 {
  background:url('/images/header2.jpg') top left no-repeat;
  height:136px;
  overflow:hidden;
}
#header.website {
  background:url('/images/header3.jpg') top left no-repeat;
  height:138px;
  overflow:hidden;
}

/* MENU ------------------------------------------------------------------------ */

#menu {
  margin-top:1px;
  background: transparent url('/images/menu.png') top left no-repeat;
}

#menu-links li {
  padding: 0px;
  margin: 0px;
  background: none;
  list-style: none;
  border-right:#383E45 1px solid;
}

#menu-links li a {
  display: block;
  height: 35px;
  border-right:#000000 1px solid;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  padding: 0px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
#menu-links li a:hover { text-decoration: none; background:#990000; }

#menu-buttons {
  position: absolute;
  right: 0px;
  top:9px;
  text-align: right;
}
#menu-buttons a {
  color: #CCCCCC;
  margin-right: 15px;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
}
#menu-buttons span { line-height: 12px; vertical-align: top; color: #FFFFFF; }
#menu-buttons a:hover { text-decoration: underline; color: #FFFFFF; }

/* BUCKET ------------------------------------------------------------------------- */

#buckets {
  background: transparent url('/images/buckets.png') top left no-repeat;
  height: 121px;
}
#buckets .bucket {
  display: block;
  width: 295px;
  height: 146px;
  position: absolute;
  top: 15px;
  left: 5px;
}
#bucket-website { left: 5px !important; }
#bucket-tournament { width: 300px !important; left: 305px !important; }
#bucket-camp { left: 610px !important; }

#buckets .bucket .top {
  height: 95px; /*105px*/
  display:block;
  padding: 15px 10px 0px 150px;
  margin-top:1px;
  color:#cccccc;
  font-size:11px;
  text-decoration: none;
  cursor:pointer;
  background: url('/images/buckets-hil.jpg') -9999px -9999px no-repeat;
}
#bucket-tournament .top { padding-left: 160px !important; }
#buckets .bucket .top:hover { background-position: top left; text-decoration: none; }

#bucket-tournament .top:hover { background-position: -295px 0px !important; }
#bucket-camp .top:hover { background-position: -595px 0px !important; }

#buckets .bucket .bottom {
  text-align:right;
  position: absolute;
  top: 118px;
  right: 5px;
  cursor:pointer;
  text-decoration: none;
}

#buckets .title {
  display: block;
  color:#FFFFFF;
  font-size:15px;
  text-transform:uppercase;
  font-weight:bold;
  padding-bottom:15px;
}

/* SUBNAV ---------------------------------------------------------------------- */

#rootname {
  text-decoration:none;
  font-size: 12px;
  margin-bottom: 0px;
}
a#rootname { text-decoration:underline; }
a#rootname:hover {
  text-decoration:none;
  color: #FFFFFF;
}

#nav {
  
  padding-bottom:10px;
}

#nav ul, #nav li {
  padding:0;
  margin:0;
  background:none;
}
#nav ul {
  margin:0;
}
#nav li {
  padding-bottom:1px; /* IE6 is dumb */
  margin-bottom:-1px; /* IE6 is dumb */
}

#nav a {
  display:block;
  padding:5px 15px 7px 10px;
  background:url('/images/nav-link.jpg') bottom right no-repeat;
  text-decoration:none;
  font-weight:bold;
  color:#333333;
  position:relative; /* IE6 is dumb */
  outline:none;
}
#nav li.navactive a,
#nav a:hover {
  background:url('/images/nav-link.jpg') bottom left no-repeat;
  color:#8C0000;
}

#nav ul ul {
  margin:0;
}
#nav li li a {
  color:#333333;
  padding:5px 15px 7px 20px;
}
#nav li.navactive li a {
  color:#333333;
  background:url('/images/nav-link.jpg') bottom right no-repeat;
}
#nav li li.navactive a,
#nav li li a:hover {
  color:#8C0000;
  background:url('/images/nav-link.jpg') bottom left no-repeat;
}

#subnav .button-exlrg { margin-bottom: 5px; }

/* INSURANCE ------------------------------------------------------------------- */

#insurance {
  padding: 5px 15px 5px 5px;
  position: relative;
  background:url('/images/insurance.gif') bottom left no-repeat;
  margin-bottom: 5px;
}
#main-right #insurance { background-position: bottom right; }
#insurance form {
  margin:5px 0px;
}
#insurance .row {
  margin-bottom: 5px;
}
#insurance .label {
  text-transform: uppercase;
  font-size: 10px;
}
#insurance .input {
  width:100%;
}
#insurance .input input {
  width:100%;
}


/* SHARED ---------------------------------------------------------------------- */

#profile ul, #profile li { list-style: none; padding: 0px; margin: 0px; background: none; }
#profile li a {
  display:block;
  padding:5px 10px;
  border-bottom:1px solid #cccccc;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  color:#333333;
  position:relative; /* IE6 is dumb */
  outline:none;
}
#profile li a:hover {
  text-decoration: underline;
}


a.ad {
  margin-bottom:5px;
  display:block;
}

.subnav {
  padding: 5px;
}

#sponsors {
  background:url('/images/sponsors.jpg') 4px 23px no-repeat;
  height:55px;
  padding:5px 0 0 5px;
}

#pagetitle {
  font-size:18px;
  padding:8px 0 5px 0;
  margin:0;
}

.banner {
  text-align: center;
  overflow: hidden;
  margin-bottom: 5px;
}
#main-left .banner { width: 180px; }
#main-right .banner { width: 160px; }

/* MAIN --------------------------------------------------------------------------- */
#main {
  background: #FFFFFF;
  margin: 0px 5px;
}

#main-left { width: 180px; margin-right: 5px; }
#main-center { width: 550px; }
#main-right { width: 160px; margin-left: 5px; }


/* CONTENT --------------------------------------------------------------------------- */

#pagetitle {
  font-size:18px;
  padding:8px 0 5px 0;
  margin:0;
}

#full-width #main-center {
width: 700px; 
}

.contentpage #content {
  background: #FFFFFF;
  height:auto !important;
  min-height:800px;
  height:800px;
}

.contentpage #content p { padding: 0px 10px; }


/* LINKS -------------------------------------------------------------------------- */

#links { background: transparent url('/images/links.jpg') top left no-repeat; height: 80px; margin-bottom: 5px; }
#links-left { width:480px; position: absolute; top: 14px; left: 22px; }
#links-right { position: absolute; top: 20px; left: 525px; display: none; }

#links a { display:block; color:#ffffff; text-decoration:none; outline:none; font-size:12px;}
#links a:hover { text-decoration:underline; }

#links-left a {width:120px; float:left; padding: 2px 0px;text-transform:uppercase; }
#links-right a {
  background: url('/images/links-icons.gif') top left no-repeat;
  height: 15px;
  padding-left: 22px;
  margin-bottom: 10px;
}
#links-right a.twitter { background-position: bottom left; }

/* FOOTER ------------------------------------------------------------------------- */

#footer {
  text-align: left;
  color:#666666;
  font-size:11px;
  padding-top: 5px;
  margin: 0px 10px 10px 10px;
}

#footer a { outline:none; color: #666666 !important; text-decoration:none; }
#footer a:hover { color:#ffffff !important; text-decoration:underline; }
#footer #credit { float:right; }

/* PAGING */

.paging {
  font-size:11px;
  color:#666666;
  text-align:right;
  vertical-align:middle;
  text-transform: uppercase;
  padding-top: 5px;
  position: relative;
  margin: 10px 0px;
  display:block;
  text-align:center;
  position: relative;
}
.paging a { color: #FFFFFF; text-decoration: none; position: absolute; top: 0px; left: 0px; }
.paging a:hover { text-decoration: underline; }
.paging .first { left: 95px; }
.paging .prev { left: 165px; }
.paging .next { left: 325px; }
.paging .last { left: 395px; }