body {background-color: #435b79; font: 12px Arial, sans-serif; line-height: 133%; text-align: center; letter-spacing: .03em}
a {color: #435b79; outline: none;}
strong {font-weight: bold}
.float-right {float: right}
em {font-style: italic}
iframe {display: block; border: solid 1px #7d7f80}
.clear { clear: both; }
ol li{margin-left: 20px}
ol li{list-style-type: decimal; margin-bottom: 5px}

/*header*/
#header {color: #fff; text-align: left; margin: 10px auto 0; width: 906px; height: 85px}
#header #logo {float: left; margin: 0 65px 0 60px}
#header #top-right {float: right; padding-top: 10px; }

#header #top-links {color:#d1ba82;font-size: 10px; line-height: 10px; font-weight: bold;}
#header #top-links li {float: left; padding-right: .75em; margin-right: .75em; margin-bottom: 12px;border-right: solid 2px #d1ba82;}
#header #top-links li.last-child {border-right: none}
#header #top-links a {color:#fff; text-decoration: none; }
#header #top-links .first-child a.current {color:#fff}
#header #top-links a.current {color:#d1ba82}
#header #top-links a:hover  {color:#8b0b04}
#header #top-links a. current {color:#d1ba82}

#header #sign-up {font-weight: bold; padding-top: 10px; }
#header #sign-up input#email {border: solid #ccc 1px 0 0 1px; padding: 0; color: #58595b; margin: 3px 0 0 0; font-size: 11px; background: url (../img/email-box_background.jpg) no-repeat;}
#header #sign-up input.butn {color:#fff; font-weight:bold; background-color:#8b0b04; border:none; padding: 2px 7px; margin: 0; font-size: 11px}

/*main-nav*/
#main-nav {background: #d1ba82 url(../img/nav/nav-background.gif) repeat-x ; padding:0; color: #435b79; margin: 0 ; width: 100%; }
#main-nav ul.main{width: 866px; margin: auto; padding: 0 0 0 60px; text-align: left; clear: both; height: 33px; z-index: 99999999}
#main-nav ul li{float: left; font-size: 16px; font-weight: bold; margin: 0 1px 0 0; padding: 0; }
#main-nav ul li a {color: #435b79; text-decoration: none; background: #dccaa0 url(../img/nav/nav-link-background.gif) repeat-x ;padding: 9px 20px 8px 20px; margin: 0;}
#main-nav ul li a:hover, #main-nav ul li a.highlight, #main-nav ul li:hover a{background: #ece3cc url(../img/nav/nav-open-background.gif) repeat-x;}
#main-nav ul ul {float: none; background: #ece3cc url(../img/nav/nav-open-background.gif) repeat-x; padding: 6px 0 0 0px; margin: 0 1px 0 0; border: 1px solid #bfb7a5; border-top-width: 0}
#main-nav ul ul li {float: none; font-size: 10px; background-color: none; width:112px; }
#main-nav ul ul li a, #main-nav ul li:hover ul li a{color:#8b0b04; background: none; margin: 0; padding: 6px 23px 6px 18px; width:112px}

#main-nav ul ul li a:hover, #main-nav ul li:hover ul li a:hover,  #main-nav ul li:hover ul li a.highlight:hover
{color:#435b79; background:none; background: url(../img/nav/nav-drop-hover.gif) repeat-y center}

 #main-nav ul li:hover ul li a.highlight, #main-nav ul ul li a.highlight {color:#435b79; background-image: none}
 

@media screen and (-webkit-min-device-pixel-ratio:0) {main-nav ul.main{
height: 32px;}} /*for safari & webkit-based browers*/





/* droppy basic - don't modify */
 
ul.main { display: block; margin: 0; padding: 0; position: relative; }
ul.main li {margin: 0; padding: 0; float: left; position: relative; }
ul.main a { display: block; }
ul.main ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html ul.main ul { line-height: 0; } /* IE6 "fix" */
ul.main ul a { zoom: 1; } /* IE6/7 fix */
ul.main ul li { float: none; }
ul.main ul ul { top: 0; z-index: 5}

/* droppy Essentials - configure this */
ul.main ul { width: 150px; }
ul.main ul#the-club { width: 150px; }
ul.main ul#services { width: 150px; }
ul.main ul ul { left: 131px; margin-top: 33px}

/*content*/
#content-wrapper {background: #fff url(../img/body-background.gif) repeat-x; width: 100%; padding: 35px 0 10px 0; }
#content {width: 810px; margin: 0 auto; }


/*copy*/
#copy {width: 560px; float: left; text-align: left; min-height: 525px}
#copy.store { width: 810px; }
#copy h1 {color: #435b79; text-transform: uppercase ; font-size: 20px; font-weight: bold; border-bottom: 1px solid #7d7f80; padding-bottom: 12px; margin-bottom: 12px}
#copy h2 {color: #435b79; font-weight: normal; font-size: 18px; line-height: 22px; margin: 0 0 14px 0; letter-spacing: .025}
#copy h3 {color: #435b79; font-weight: bold; font-size: 12px;clear: both; }
#copy h4 {color: #435b79; font-weight: bold; font-size: 12px; margin: 8px 0 -4px 0; clear: both;width: 100%}

#copy p {line-height: 20px; padding: 8px 0 8px 0; margin-right: 15px}
#copy p.tight {line-height: 14px; padding: 8px 0;}

#copy table {width: 100%}
th {font-weight: bold; width: 33%; }



/*blog*/
#copy.blog h1 {margin-bottom: 4px}
#copy.blog h1 a{margin-bottom: 4px; text-decoration: none}
#copy.blog h1 a:hover{text-decoration: underline}
#copy.blog h2 {margin: 12px 0 6px 0;}
#copy.blog h2 a {text-decoration: none}
#copy.blog h3 {font-size: 13px;}

#copy.blog hr {border-width: 0px; border-top: 1px solid #c4d0df; padding-bottom: 15px; margin-top: 20px; }
.to-blog-archive-list {font-weight: bold}

.blog .pagination {height: 45px;}
.blog .pagination a{text-decoration: none; border: solid 1px #435b79; padding: 5px; } 
.blog .pagination a:hover {background-color: #435b79; color: #fff ; }
a.newer-posts {float: left;}
a.older-posts {float: right;}

.right-sidebar .blog-archive {padding: 6px 0 20px 0; color: #5f738d;}
.right-sidebar .blog-archive h3 {padding: 0 15px 5px 15px; margin:0}
.right-sidebar .blog-archive hr {border-bottom: solid 1px #435b79; margin: 0 15px; border-top: 0; border-left: 0; border-right: 0; padding: 0}
.right-sidebar .blog-archive p {padding: 8px 15px 0 15px}
.right-sidebar .blog-archive p a {text-decoration: none}
.right-sidebar .blog-archive p a:hover {text-decoration: underline}

/*career-form*/
table.careers th {border-bottom: solid 1px #7d7f80}

#career-form {color: #7d7f80}
#career-form td.label {width: 7em; padding: 8px 0}

/* the club */ /* services */
#copy .the-club-callout {background-color: #f8f5ec; width: 180px; float: left; margin: 0 6px 6px 0; height: 15em;}
#copy .services-callout {background-color: #f8f5ec; width: 180px; float: left; margin: 0 6px 6px 0; height: 21.5em;}
#copy .the-club-callout h3, #copy .services-callout h3 {font-size: 14px; font-weight: bold; color: #8b0b04; padding: 4px 4px; background-color: #f1ead9; text-decoration: none}
#copy .the-club-callout p, #copy .services-callout p {font-size: 11px; line-height: 18px; padding: 3px 4px 8px 4px}

#copy .the-club-callout img, #copy .services-callout img  {border-top: 3px solid #f8f5ec}

#copy .blue{font-style: italic; color: #435b79}
#copy.massage-therapy h4, #copy.dietitian-services h4{background-color: #f8f5ec; margin-left: -8px; padding: 2px 0 2px 8px}

#copy .dietician-callout {background-color: #f8f5ec; width: 180px; float: left; margin: 0 6px 6px 0; height: 17em}
#copy .dietician-callout h3 {font-size: 14px; font-weight: bold; color: #8b0b04; padding: 4px 4px; background-color: #f1ead9}
#copy .dietician-callout p {font-size: 11px; line-height: 18px; padding: 3px 4px 8px 4px}
#copy .dietician-callout img  {border-top: 3px solid #f8f5ec}

#copy.healthy-links p{margin-left: 120px}
#copy.healthy-links .healthy-links-logo {float: left; padding-top: 12px}

#copy ul {list-style-type: disc; padding-left: 20px; margin-top: 0px}
#copy ul li {padding: 1px 0px}

#copy table.personal-training {background-color: #f8f5ec; padding:}
#copy table.personal-training th {background-color: #f1ead9; padding: 5px; font-size: 14px; line-height: 24px; font-weight: bold; color: #7d212b; width: 30%}
#copy table.personal-training td {padding: 5px 5px 5px 10px}

#copy ul#personal-trainers {padding: 0}

#copy ul#personal-trainers li {float: left; list-style-type: none; text-align: center; width: 74px; margin: 0px 10px 8px 0; display: block; }
#copy ul#personal-trainers li a{padding: 6px; display: block; text-decoration: none; border: solid 1px #fff}
#copy ul#personal-trainers li a img {padding: 1px; border: 1px solid #5f738d; text-decoration: none; background-color: #fff}
#copy ul#personal-trainers li a:hover {background-color: #eee; border: 1px solid #5f738d;}

#copy.whats-new p {}
#copy.whats-new p img {padding: 2px 2px 0 2px;}
#copy.whats-new h1 {margin-bottom: -8px}
#copy.whats-new h2 {clear: both; padding-top: 20px}

/* facilities-equipment */
#copy.facilities-equipment ul {margin: 4px 0 12px 0; padding-left: 0; list-style-type: none; float: left; }
.equipment-list {width: 250px; float: left; }
#equipment-img {width: 308px; float: right; display: block; }
#equipment-img img {width: 306px; float: right; border: solid 1px #7d7f80}
#copy.facilities-equipment li a {text-decoration: none; color: #000}
#copy.facilities-equipment li.open {background-color: #b4bdc9; color: #fff; padding-left: 3px}
#copy.facilities-equipment li.open a {color: #fff}
#copy.facilities-equipment h3 a{text-decoration: none; background: url(../img/equipment-list-pointer-closed.gif) no-repeat 2px 1px; padding-left: 10px; letter-spacing: 0}
#copy.facilities-equipment h3.open a {background: url(../img/equipment-list-pointer-open.gif) no-repeat 0 3px}

/* staff */
#copy h2 .staff-return{font-size: 13px; margin-left: 15px}
#copy h2.title {font-style: italic; margin-top: -6px}
h3.blog-link {background-color: #5f738d; padding: 3px 10px; font-weight: bold; font-size: 14px; margin: 24px 0 10px 0; color: #fff; width: 136px}
h3.blog-link a {color: #d1ba82; text-decoration: none;}
.staff-thumbs ul {margin-left: 2px}
.staff-thumbs li {background: #fff no-repeat center; height: 58px; width: 58px; padding: 1px; border: 1px solid #5f738d; float: left; margin: 0 3px 6px 3px; text-align: center; font-size: 9px; font-weight: bold; line-height: 10px;}

.staff-thumbs li a{padding-top: 7px; text-decoration: none; height: 51px; width: 58px; display: block; vertical-align: middle; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0;}
.staff-thumbs li a:hover, .staff-thumbs li a.highlight{background-color: #fff; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
.staff-thumbs li a:hover .name, .staff-thumbs li a:.highlight .name{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

/* location & hours */
#map {margin-left: -5px}

/* classes */


.left-column {width: 278px; float: left; }



.right-column {width: 278px; float: right;}

#copy .class-list p {padding: 5px 5px 5px 20px; margin-right: 5px}
#copy .class-list p.title {padding: 2px 5px 1px 20px; line-height: 15px; background-image: url(../img/class-list-pointer-closed.gif); background-repeat: no-repeat; background-position: 10px center}

#copy .class-list p.open {background-image: url(../img/class-list-pointer-open.gif);background-position: 7px center; background-color: #8b0b04}


#copy .class-list  a {text-decoration: none; color: #000}
#copy .class-list .open a {color: #fff}

#copy .class-list .description {text-align: right}

#copy .class-list .description p{font-size: 11px; line-height: 14px; text-align: left}
#copy .class-list .description a.close {padding-right: 20px; font-size: 10px; text-decoration: none; background: url(../img/class-list-closer.gif) no-repeat 3em center; line-height: 16px; padding-bottom: 2px}

.class-list .odd, .class-list .even {margin-bottom: 4px;}

.class-list .odd p.title {background: #e3e7eb}
.class-list .even p.title {background: #c6cdd7; }

#copy.class-schedule table {font-size: 11px; border-spacing: 3px}
#copy.class-schedule th, #copy.class-schedule td {text-align: center; vertical-align: middle; width: 14%;}
#copy.class-schedule td{border: solid 1px #c6cdd7; padding: 5px 2px; height: 8.3em; }
#copy.class-schedule td.empty {background: #eff3f6 url(../img/schedule-empty.gif) center center no-repeat; border: solid 1px #eff3f6;}
#copy.class-schedule h2 a.schedule-download{font-size: 13px;}

#copy.class-schedule td.full-canceled{border-color: #8b0b04; background-color: #8b0b04; color: #c47d79; font-size: 10px}
#copy.class-schedule td.full-canceled strong {color: #fff; font-size: 11px}
#copy.class-schedule td.full-canceled a{color: #c47d79; text-decoration: none;}

#copy.class-schedule .schedule-description {background-color: #435b79; position: relative; }


/* membership */
#copy .membership-callout {background-color: #f8f5ec; width: 274px; float: left; margin: 0 6px 6px 0px; height: 34em; line-height: 15px}
#copy .membership-callout h3 {font-size: 14px; font-weight: bold; color: #8b0b04; padding: 13px 4px; background-color: #f1ead9}
#copy .membership-callout strong {font-weight: bold; color: #435b79}
#copy .membership-callout p {padding-left: 5px; line-height: 15px}
#copy .membership-callout ul  {list-style-type: disc; padding-left: 20px; margin-top: -6px}
#copy .membership-callout ul li {padding-bottom: 3px}
#copy .memmembership-callout img  {border-top: 3px solid #f8f5ec}

/* membership */
#copy #contact-form {clear: both;}
#copy #contact-form table {width: 220px}
#copy #contact-form input{margin-bottom: 3px; border: solid 1px #ccc; }
#copy #contact-form label {font-weight: bold; font-size: 11px; padding-right: 5px}
.required {color: #ae1f23}

#copy #guest-pass-form {clear: both; }
#copy #guest-pass-form input{margin-bottom: 6px; border: solid 1px #ccc; }
#copy #guest-pass-form label {font-weight: bold; font-size: 11px}

/*sidebar*/

.right-sidebar {text-align: left; width: 210px; float: right}
.right-sidebar .wrap1 {margin-bottom: 10px}
.right-sidebar h3 {font-weight: bold; font-size: 14px; color: #8b0b04; padding: 8px 15px 5px 15px; margin: 0}
.right-sidebar h3 a{color: #8b0b04; text-decoration: none}
.right-sidebar a {color: #5f738d}
.right-sidebar .side-body {margin-left: 15px}
.right-sidebar a:hover{text-decoration: none}

.right-sidebar .callout-message {padding: 6px 0 20px 0; color: #5f738d;}
.right-sidebar .callout-message h3 {padding: 0 15px 5px 15px; margin:0}
.right-sidebar .callout-message hr {border-bottom: solid 1px #435b79; margin: 0 15px; border-top: 0; border-left: 0; border-right: 0; padding: 0}
.right-sidebar .callout-message p {padding: 8px 15px 0 15px}

.right-sidebar #border-message {background: url(../img/border-message-main.gif) repeat-y bottom center; padding: 0 0 20px 0; color: #5f738d}
.right-sidebar #border-message h3 {background: url(../img/border-message-top.gif) no-repeat top center; padding: 15px 15px 5px 15px; margin: 0 }
.right-sidebar #border-message hr {border-bottom: solid 1px #435b79; margin: 0 15px; border-top: 0; border-left: 0; border-right: 0; padding: 0}
.right-sidebar #border-message p {padding: 8px 15px 0 15px}


.right-sidebar #whats-new {}
.right-sidebar #whats-new a {color: #000; text-decoration: none}
.right-sidebar #whats-new a .read-link {color: #8b0b04; text-decoration: underline}
.right-sidebar #whats-new ul {padding-left: 5px; padding-right: 5px}
.right-sidebar #whats-new li { line-height: 15px; padding: 5px 3px 7px 20px; margin: 2px 0; list-style-type: none; background: url(../img/whats-new-list-image.gif) no-repeat 10px .7em}
.right-sidebar #whats-new li.odd{background-color: #f8f5ec}
.right-sidebar #whats-new li.even{background-color: #f1ead9}

.right-sidebar #kickball-sidebar { margin-top: 15px; background: url(../img/sidebar-kickball-header.gif) no-repeat  15px top; }
.right-sidebar #kickball-sidebar h3 {padding-top: 18px}
.right-sidebar #kickball-sidebar h4 {margin: 7px 15px 0 15px; color: #435b79;}
.right-sidebar #kickball-sidebar p {font-size: 10px; line-height: 14px; padding: 4px 15px}
.right-sidebar #kickball-sidebar p a{font-size: 12px} 

/* drop shadow */

.wrap1, .wrap2, .wrap3, .wrap4 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float: left;
  background:url(../img/shadow/bottom-right.gif) right bottom no-repeat ;
clear: both
}


.wrap2 {
float: left;
  background:url(../img/shadow/top-left.gif) left top no-repeat ;
}


.wrap3 {
float: left;

background:url(../img/shadow/top-right-corner.gif) right top no-repeat ;
padding: 4px 5px 0 0;
}


.wrap4 {
float: left;
  padding:  0 0 4px 5px;
  background:url(../img/shadow/bottom-left-corner.gif) left bottom no-repeat;
}


  .wrap4 img {
  display:block;
  border: solid 1px #7d7f80;
  }

/*index*/

.index #copy #index-slideshow {margin: 0 0 25px -5px;}
.index #copy #index-slideshow .slideshow {height: 315px; width: 560px; display: block}
.index #copy .slideshow-control { float: right; width: 192px;list-style-type: none; margin-left: 500px}

.index #copy .slideshow-control a {float: left; height: 5px; width: 42px; background-color: #f1ead9; margin: 4px 0 4px 6px; line-height: 5px; color: #fff }
.index #copy .slideshow-control a:hover,.index #copy .slideshow-control a.activeSlide {background-color: #d1ba82; padding: 0; line-height: 5px; }

/*\*/
html*div.index #copy .slideshow-control{
 margin-left: 350px; /*for safari & webkit-based browers*/
}/**/


.index #copy h2 {color: #435b79; font-weight: bold; font-size: 13px; line-height: 20px; margin: 0 0 6px 0}
#copy p.parking {background: url(../img/inline-parking.gif) no-repeat; padding: 2px 0 3px 25px; margin-top: 16px}
.index #copy #blog-feed {width: 186px; float: right; margin: 3px 0 8px 15px; font-size: 12px}
.index #copy #blog-feed h3 {background-color: #5f738d; padding: 3px 10px; font-weight: bold; font-size: 14px; margin-bottom: 10px; width: 160px}
.index #copy #blog-feed h3 a {color: #d1ba82; text-decoration: none;}
.index #copy #blog-feed p{padding: 6px 0 6px 10px; line-height: 14px; letter-spacing: -.01em; margin: 0}
.index #copy #blog-feed p a{text-decoration: none}
.index #copy #blog-feed p a:hover {text-decoration: underline}
.index #copy #blog-feed hr {border-width: 0; border-bottom: 1px dotted #435b79; margin: 0 8px}

/*footer*/

#footer {color: #fff; width: 768px;  margin: 0 auto 10px; text-align: center; padding-top: 10px;}

#footer #nav { display: block; margin: 0; padding: 0; position: relative; }
#footer #nav li {margin: 0; padding: 0; float: none; position: relative; }
#footer #nav a { display: inline; }


#footer a {color: #fff; text-decoration: none; font-weight: bold}
#footer a:hover {text-decoration: underline}
#footer #footer-links ul{font: bold 10px Arial, Arial, sans-serif; line-height: 10px; color:#d1ba82;  padding: 0 0 8px 0; margin: 0 auto ; text-align: center; width: auto; }
#footer #footer-links ul li {display: inline; padding-right: .5em; margin-right: .5em; margin-bottom: 12px;border-right: solid 2px #d1ba82; text-align: center; line-height: 10px; }
#footer #footer-links li.last-child {border-right: none}
#footer #footer-links a {color:#fff; text-decoration: none; }
#footer #footer-links a:hover {color:#8b0b04}
#footer #footer-links {border-bottom: solid 1px #fff; margin: 0 0 8px 0; line-height: 10px; }

#footer p {clear: both}
#footer p.foot1 {color: #fff; font-size: 9px; line-height: 12px; margin: 0; padding: 0;}
#footer p.foot2 {color: #fff; font-size: 9px; line-height: 12px; margin: 6px 0; padding: 0;}
#footer p.foot3 {color: #fff; font-size: 8px; line-height: 12px; margin: 0; padding: 0;}