body {
  font-size: 62.5%;
  margin:0;
  padding:0;
  *padding-left:1px; /* Fix background jog issue in IE */
}
* html body {text-align:center}

td, th { vertical-align: top; }

.PDF, .WORD, .NEW-WIN {
  background: url(/images/sprites.png) transparent 100% 0 no-repeat;
  padding-right:18px;
}
.PDF { 
  background-position: 100% -129px;
}
.WORD {
  background-position: 100% -3px;
}
.NEW-WIN {
  background-position: 100% -256px;
}
#outerBox {
  margin:2px auto 4px;
  background:#fff;
  overflow:hidden;
  position:relative;
  width: 840px;
  text-align: left;
  border: 2px solid #7777ff;
}

.awakens {
  display:none;
}

#bannerBox { margin-top: -3px; }
#banner {
  height: 2.3em;
  font-size: 3em;
  font-style: italic;
  font-weight: bold;
  font-family: sans-serif;
  background: #f8f8ff url(../images/water-banner.png);
  color: #2bf;
  text-align: center;
  vertical-align: middle;
  margin: 3px auto -6px;
}
#navigation { margin: 2px auto 0; background-color: #d0e0e0;}
div.navbtns {margin:4px auto 0; text-align: center; }
#topNav     { margin: 0 auto; padding: 8px 0; color: #00abab;}
#topNav a   { margin:0 8px; }

.navBtn, a.navBtn {
  width: 7em;
  min-width: 7em;
  color: #00abab;
  color: #2bf;
  margin: 0;
  padding: 2px 4px;
  vertical-align: middle;
  text-align: center;
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
a.navBtn.active {
  color: black;
}
#subNav {
  color: #00abab;
  height: 2em !important;
  margin: 0 auto 4px;
  background-color: #e0f0f0;
  overflow: hidden;
  padding: 0 0 4px;
}
#subNav .navBtn {
  font-size:1em;
}
#navigation a.active, #subNav a.active {
  color: black;
}
#navigation a.active:hover, #subNav a.active:hover {
  color: white;
}
#notes {
  border: 1px solid #77f;
  border-width: 1px 0;
  font-family: sans-serif;
  font-size: 1em;
  height: 2em;
  margin-top: -4px;
  padding:4px 0 0 8px;
  padding-left: 8px;
}
#today {
  float: right;
  margin-right:1em;
  text-align:right;
  width: 40%;
}
#breadCrumbs span a {
  font-weight: bold;
}
.submenu {
  margin-left: 90px;
  text-align: left;
  line-height: 1em;
  display:none;
  font-size: 1em;
}
.submenu b {
  font-size: 0.8em;
  font-weight: bold;
}
#clubNav { margin-left: -260px; }
#socialNav { margin-left: -100px; }
#teamNav { margin-left: 60px; }
#programNav { margin-left: 240px; }
#facilitiesNav {margin-right: 150px; text-align:right; }

.navbtns a:hover { 
  color: white;
  background-color: #00abab;
  text-decoration: none;
  /* border-bottom: 2px solid #00abab; */
}

#footer {
  font-size: 1em;
  font-family: sans-serif;
  border-top: 1px solid #77f;
  margin-top: 8px;
  text-align: center;
}
#footer table {
  margin: 0 auto;
  font-size: 1em;
  text-align: center;
}
#footer table td {
  text-align: left;
  vertical-align: top;
}
#footer .logo {
  height: 50px;
  margin: 8px;
}

.tabNav {
  margin: 0;
  padding: 0;
}
.tabNav li {
  border: 1px solid #aaa;
  border-width: 1px 1px 0;
  display: inline;
  font-size: 1em;
  list-style-type: none;
  margin: 0 -2px -1px 0;
  padding: 0 3px;
  /* width: 135px; */
}
.tabNav li {border-top-right-radius:8px;border-top-left-radius:8px;}
.tabNav li {-moz-border-radius-topright:8px;-moz-border-radius-topleft:8px;}
.tabNav li {-webkit-border-radius-topright:8px;-webkit-border-radius-topleft:8px;}
.tabNav li a {
  text-decoration: none;
}
.tabbedInfo {
  border: 1px solid #888;
  padding: 0 6px 6px;
  height: auto !important;
  height: 320px;
  min-height: 320px;
}

#mainContent {
  background: url(../images/logo-bg.jpg) no-repeat;
  font-family: sans-serif;
  font-size: 1.2em;
  margin:8px 20px 0;
  height: auto !important;  /* allow browsers to expand it */
  height: 440px;            /* tell IE */
  min-height: 440px;        /* tell all other browsers */
}
div.clr { clear: both }
div.hr {
  border-top: 4px dotted #ddd;
  margin: 12px 2px;
}