/* **************************************************************************
 * ON DECK STYLES
 * *********************************************************************** */
body {
  background: #005792;
  font-size: 87.5%; }

.wrapper {
  background: transparent url(/images/bg.png) repeat-y top left;
  width: 962px;
  margin: auto; }

#header-prologue, #footer-epilogue {
  width: 962px;
  height: 7px;
  margin: auto; }

#footer-epilogue {
  background: transparent url(/images/bg_footer.png) no-repeat;
  margin-bottom: 3em; }

#header-prologue {
  background: transparent url(/images/bg_header.png) no-repeat;
  margin-top: 1.5em; }

#header {
  float: left;
  width: 870px;
  padding: 0 0 0 40px;
  margin: 1.5em 0 10px 0;
  position: relative;
  text-align: center; }
  #header h1, #header a {
    width: 400px;
    height: 113px;
    padding: 0; }
  #header h1 {
    background: url(/images/logo.png) no-repeat top left;
    text-indent: -99999px;
    margin: 0 auto; }
    #header h1 a {
      display: block; }
    #header h1 a:active {
      outline: none; }
    #header h1 a:focus {
      -moz-outline-style: none; }

div#navigation, #navigation ul, #navigation ul li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0; }

div#navigation {
  width: 950px;
  height: 42px;
  background: transparent url(/images/nav_menu.png) no-repeat top left;
  overflow: hidden; }

#navigation ul, #navigation ul li {
  list-style: none; }

#navigation ul {
  clear: left;
  text-align: center;
  left: 50%; }

#navigation ul li {
  display: block;
  right: 50%; }

#navigation ul li.last {
  margin-right: 0; }

#navigation li a {
  float: left;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  height: 31px;
  padding: 0 20px;
  padding-top: 10px;
  font-weight: bold; }

#navigation ul li a:active {
  outline: none; }

#navigation ul li a:focus {
  -moz-outline-style: none; }

#navigation ul li a:hover {
  background: url(/images/nav_menu_button.png) no-repeat 0 -43px; }

body#classes #navigation ul li.classes a,
body#classes #navigation ul li.classes a:hover,
body#camp #navigation ul li.camp a,
body#camp #navigation ul li.camp a:hover,
body#travel #navigation ul li.travel a,
body#travel #navigation ul li.travel a:hover,
body#private-lessons #navigation ul li.private-lessons a,
body#private-lessons #navigation ul li.private-lessons a:hover,
body#birthdays #navigation ul li.birthdays a,
body#birthdays #navigation ul li.birthdays a:hover,
body#about #navigation ul li.about a,
body#about #navigation ul li.about a:hover,
body#contact #navigation ul li.contact a,
body#contact #navigation ul li.contact a:hover {
  background: url(/images/nav_menu_button.png) no-repeat 0 -86px;
  color: black; }

#footer {
  text-align: center;
  font-size: 11px;
  color: #005792;
  margin-top: 63px;
  font-weight: bold; }
  #footer p {
    margin-bottom: 21px; }
    #footer p a {
      text-decoration: none;
      font-weight: bold;
      color: #005792; }

.course {
  margin-bottom: 4.5em; }

.schedule-and-pricing table {
  border: 1px solid #666; }
  .schedule-and-pricing table th, .schedule-and-pricing table td {
    padding: 4px 8px;
    border: 1px solid #666;
    text-align: center; }

#slideshow {
  float: left;
  width: 950px;
  background: transparent url(/images/long_shadow.png) no-repeat bottom left;
  margin: 1.5em 0;
  padding: 0;
  padding-bottom: 3em; }

.slider {
  width: 610px;
  height: 336px;
  margin-left: 0;
  border-right: 2px solid;
  border-right-color: #eb2a2e;
  position: relative;
  padding-right: 38px;
  overflow: hidden;
  margin-top: 1.5em; }
  .slider .scroll {
    margin: 0;
    height: 357px;
    overflow: auto;
    position: relative; }
  .slider .scroll-button {
    position: absolute;
    top: 147px;
    font-weight: bold;
    cursor: pointer;
    text-indent: -99999px; }
  .slider .scroll-button.next {
    right: 0;
    width: 18px;
    background: transparent url(/images/arrows.png) no-repeat top right;
    height: 19px; }
  .slider .scroll-button.previous {
    left: 0;
    width: 18px;
    background: transparent url(/images/arrows.png) no-repeat top left;
    height: 19px; }

#homepage-splash {
  text-align: center;
  margin-bottom: 3em; }
  #homepage-splash h3 {
    text-transform: uppercase;
    color: #eb2a2e;
    font-weight: bold;
    font-size: 26px;
    margin: 0 auto 13px auto; }
  #homepage-splash ul {
    list-style-type: none;
    font-size: 20px;
    color: #005792;
    font-weight: bold;
    margin: 0;
    padding: 0; }
    #homepage-splash ul li {
      line-height: 2em; }

.slider .slide {
  height: 315px;
  width: 610px;
  margin-right: 40px;
  position: relative; }
  .slider .slide .picture {
    background: transparent url(/images/picture_frame.png) no-repeat;
    width: 210px;
    height: 310px;
    padding-right: 0;
    margin-left: 40px;
    float: left; }
    .slider .slide .picture img {
      margin: 10px; }
  .slider .slide .description {
    border: none;
    float: left; }
    .slider .slide .description p {
      font-size: 15px; }
    .slider .slide .description h2 {
      font-size: 22px;
      font-weight: bold;
      color: #005792; }

#page-title-bar {
  background: transparent url(/images/long_shadow.png) no-repeat bottom left; }

h2.title {
  width: 100%;
  color: #005792;
  margin-bottom: 21px;
  padding-bottom: 5px;
  line-height: 1em;
  font-weight: bold; }

a.learn-more {
  display: block;
  background: transparent url(/images/learn_more_button.png) no-repeat top left;
  width: 180px;
  height: 40px;
  text-indent: -9999px; }

a.learn-more:hover {
  background: transparent url(/images/learn_more_button.png) no-repeat bottom right; }

.division-heading, .page-heading {
  color: #eb2a2e;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 4px solid; }

.course-heading {
  font-weight: bold;
  margin-bottom: 10px;
  color: #477e05; }

a.schedule-and-pricing {
  color: #005792;
  font-weight: bold; }

.division {
  margin-bottom: 4.5em; }

.float-left {
  float: left; }

ul.baseballs {
  list-style: none;
  padding: 0; }

ul.baseballs li {
  background: transparent url(/images/baseball.gif) no-repeat 0 4px;
  padding-left: 20px; }

ul.baseball-bats {
  list-style: none;
  padding: 0; }

ul.baseball-bats li {
  background: transparent url(/images/baseball_bat.gif) no-repeat 0 -5px;
  height: 1.5em;
  padding-left: 70px; }

span.vcard, span.fn.org, span.adr, span.street-address, span.locality, span.region, span.postal-code {
  display: block; }

span.locality, span.region, span.postal-code {
  display: inline; }

span.locality:after {
  content: ", "; }

span.fn {
  font-weight: bold; }

.date-group-container ul {
  list-style-type: none; }

.date-group-container ul {
  margin: 0;
  padding: 0;
  margin-bottom: 21px; }

.date-group-container h5 {
  padding-bottom: 4px;
  border-bottom: 1px solid;
  margin-bottom: 4px; }

#primary-content {
  border-right: 2px solid;
  padding-right: 58px;
  margin-top: 1.5em;
  border-right-color: #eb2a2e; }

#secondary-content {
  margin-top: 1.5em;
  padding-left: 20px; }
  #secondary-content h3 {
    text-align: center;
    color: #eb2a2e;
    font-weight: bold;
    background: url(/images/baseball_bat.png) no-repeat bottom left;
    height: 50px;
    margin-top: 0; }
  #secondary-content ul.quick-links {
    font-size: 12px;
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0; }
    #secondary-content ul.quick-links a {
      color: #005792; }
    #secondary-content ul.quick-links li {
      padding: 0;
      margin: 0;
      margin: 1.5em 0;
      padding: 2px;
      border: 1px solid #ccc;
      color: #005792;
      font-weight: bold; }
      #secondary-content ul.quick-links li p {
        margin: 6px 0; }
      #secondary-content ul.quick-links li ul {
        text-align: center;
        padding: 0;
        margin: 0;
        list-style-type: none; }
        #secondary-content ul.quick-links li ul li {
          margin: 0;
          padding: 0;
          border: none; }
    #secondary-content ul.quick-links li.odd {
      background-color: #005792; }
      #secondary-content ul.quick-links li.odd p, #secondary-content ul.quick-links li.odd a {
        color: white; }

img.left, img.right {
  padding: 4px;
  border: 1px solid #d9e0e6;
  border-bottom-color: #c8cdd2;
  border-right-color: #c8cdd2;
  margin-top: 0; }

img.left {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

img.right {
  float: right;
  margin-left: 1.5em; }

.home-locations {
  text-align: center; }

.home-locations h3 {
  text-transform: uppercase;
  color: #eb2a2e;
  font-weight: bold;
  font-size: 26px;
  margin: 0 auto 21px auto;
  padding-bottom: 8px;
  border-bottom: 4px solid;
  border-bottom-color: #eb2a2e; }

.home-locations ul {
  overflow: auto;
  text-align: center;
  margin: auto;
  padding: 0;
  width: 600px; }

.home-locations ul li {
  list-style: none;
  width: 258px;
  padding: 10px;
  border: 1px dashed #ccc;
  border-color: #005792;
  margin: auto; }

.home-locations ul li.last {
  float: right;
  margin-right: 0; }

.news-flash {
  text-align: center;
  border: 2px solid;
  border-color: #005792;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 1.5em; }

.news-flash table tr, .news-flash table th, .news-flash table td {
  text-align: center; }
.news-flash table th.date {
  border-bottom: 1px solid #333;
  padding-top: 20px; }
.news-flash h3, .news-flash h4 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
  color: #eb2a2e; }
.news-flash h4 {
  color: #477e05; }
.news-flash .no-margin {
  margin-top: 3em; }
.news-flash .no-margin p {
  margin: 0; }

h3 {
  font-weight: bold;
  color: #eb2a2e; }

dl.questions dt {
  margin-top: 1.5em; }
dl.questions dt {
  color: #477e05; }

.section {
  margin-top: 42px; }

p.citation {
  margin-top: 0;
  float: right;
  color: #666;
  font-style: italic; }

p.citation:before {
  content: "~ "; }

blockquote:before, q:before {
  content: "\201C"; }

blockquote:after, q:after {
  content: "\201D"; }

.hug {
  margin-top: 3em;
  margin-bottom: 0;
  color: #477e05; }

h4.phone-number {
  margin-top: 21px;
  color: #005792;
  font-weight: bold;
  font-size: 1.5em; }

.homepage-news-item {
  text-align: center; }
  .homepage-news-item .news-item {
    overflow: auto;
    margin: auto;
    padding: 21px 0;
    border: 4px solid;
    border-color: #eb2a2e; }
  .homepage-news-item dl dd {
    margin-bottom: 1em; }
  .homepage-news-item dl dd {
    color: #005792;
    font-weight: bold; }
  .homepage-news-item p {
    margin-bottom: 0; }

.highlight-primary {
  color: #eb2a2e; }

.callout {
  border: 1px dotted;
  padding: 10px;
  border-color: #eb2a2e;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase; }

.photo-credit {
  font-size: 0.8em;
  color: #aaa;
  margin-top: 6em;
  margin-bottom: 0; }

tr.sold-out td, tr.sold-out td a {
  color: #eb2a2e; }