@charset "utf-8";

body {text-align:center; background-color: #1D4F7B; margin:2px auto; font-family:  Verdana, Arial, sans-serif}
    
#container {margin:0 auto; width:950px; background: #102C44; font-size: 9pt; text-align:left; } 
           
#header {font-family:  Verdana, Arial, sans-serif; width:950px; position: relative; margin:0; background-image:url(images/bkg_head_3.png); background-repeat:repeat;}  
#header img {border:none; float:left; margin:0; padding: 0;}
    
#head {width: 800}    
      
#tag {position:absolute; left: 310px; top: 10px; text-align:center; color: white; font-weight:bold; font-style:italic;}      

#info {text-align:left; width: 390px; font-size: 9pt; position: relative; float:right; padding: 7px; color: #00007e;}
    
table {border:none; }    
   
#navbar {margin: 0; text-align:left; line-height:2em; font-size: 8pt; position: relative; background-color: #1D4F7B; border-bottom: thick solid #1d4f78;}
.navItems a {color: #ffffff; padding: 1em; margin-left: 1em; font-size: 9pt; font-weight:bold; text-decoration:underline; }
.navItems a:hover, .navItems a.selected {color: #ddddff;}

h1 {font-size: 14pt; font-weight:bold; font-family:  Verdana, Arial, sans-serif; color:#00007e}              
.blue {font-size: 11pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#00007e}
.blue9 {font-size: 9pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#00007e}
.blue10 {font-size: 10pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#00007e}
.blue12 {font-size: 12pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#00007e}
.blue14 {font-size: 14pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#00007e}
.ltBlue12 {font-size: 12pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#0000b0}
.gray {font-size: 11pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#333333}
.gray10 {font-size: 10pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#333333}
.grayLink {font-size: 11pt; font-weight:600; font-family:  Verdana, Arial, sans-serif; color:#333333; text-decoration:none;}
h2 {font-size: 14pt; font-weight:bold; font-family:  Verdana, Arial, sans-serif; color:#DADBFD}
h3 {font-size: 12pt; font-weight:bold; font-family:  Verdana, Arial, sans-serif; color:#DADBFD}
h4 {font-size: 11pt; font-family: Verdana, Arial, sans-serif; color:#00007e}
h5 {font-size: 14pt; font-weight:bold; font-family:  Verdana, Arial, sans-serif; color:#81A70A}

hr {margin:1.5em}

.centerit {text-align:center; }

.borderNone {border:none; }

.newsletter {text-align:center; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; color:#000000;}  

.imageAlignLeft {float:left; text-align: center;  display:inline; }  
.imageAlignRight {float:right; margin: .5em; text-align: center; display:inline; }

                
/*----------------------------*/
/*       Left Column          */
/*----------------------------*/
.leftCol {float: left; width: 242px; height: 387px; margin: 0px; padding: 0px; background-color: #DADBFD; border: thin solid #1D4F7B; font-size: 9pt; position: relative; }
.leftCol ul {width: 242px; margin: 0; padding: 0px; text-indent: none; background-color: #DADBFD;}	
.leftCol li {list-style: none; margin: 0px; padding: 0px;}
.leftCol li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color:#1D4F7B; color: #ddddff; font-weight: bold; border-bottom: thin solid #1D4F7B; font-size: 10pt; line-height:2em;}
.leftCol li a {display: block; min-height: 2.25em; height: auto !important; height: 2.25em; line-height: 2.25em; margin: 0px; padding: 0px 7px 0px 10px; border-left: solid 7px #DADBFD; color: #4b4b4b; text-decoration: none; font-size: 110%; font-weight:600;}
.leftCol a:hover, a.selected {font-weight:bold;}
.leftCol .newsletter {padding-left: 1em; padding-right: 1em; color:#4b4b4b;}

.promo {float: left; width: 230px; height: 300px; margin: 0px; padding: .5em; color:#303030; border: thin solid #1D4F7B; font-size: 10pt; position: relative; background-image:url(images/bkg_box_3.png); background-repeat:repeat; }
.promo .title {color: #00007e; font-weight:bold; font-size:11pt;}
.promo .blue {color: #00007e; font-weight:bold; font-size:10pt;}
.promo img {float:right;  display:inline; margin:.5em }
.promo a {color: #00007e }
.promo a:hover, .leftCol li a.selected {color: white;}

.job {float: left; width: 230px; height: 300px; margin: 0px; padding: .5em; color:#303030; border: thin solid #1D4F7B; font-size: 10pt; position: relative; background-image:url(images/bkg_box_3.png); background-repeat:repeat; }
.job .title {color: #00007e; font-weight:bold; font-size:12pt;}
.job .blue {color: #00007e; font-weight:bold; font-size:10pt;}
.job img {display:inline; margin:.5em }
.job a {color: #00007e }
.job a:hover, .leftCol li a.selected {color: white;}
   
/*----------------------------*/
/*     Center Column          */
/*----------------------------*/   
.centerCol {float: left; width: 402px; height: 385px; margin: 0px; padding: 0px; background-color: #1D4F7B; font-size: 10pt; position: relative; text-align:center;}
.centerCol .tag {position:absolute; left: 20px; bottom: 10px; color: white; font-size: 12pt; font-weight:bold;}
.centerCol img {float:right; border: thin solid #1D4F7B; display:inline; }

.centerClub {float: left; width: 390px; height: 300px; margin: 0px; padding: .5em; color:#4b4b4b; background-color: #DADBFD; border: thin solid #1D4F7B; font-size: 10pt; position: relative;}
.centerClub img {float:left; border: thin solid #1D4F7B; display:inline; margin:.5em }
.centerClub .title {color: #00007e; font-weight:bold; font-size:11pt;}
.centerClub .blue {color: #00007e; font-weight:bold; font-size:10pt;}
.centerClub a {color: #00007e }
.centerClub a:hover, a.selected {font-weight:bold;}



/*----------------------------*/
/*      Right Column          */
/*----------------------------*/
.rightCol {text-align:left; width: 270px; height: 373px; font-size: 9pt; position: relative; border: thin solid #1D4F7B; padding: 7px; color: #102C44; background-color: #DADBFD;}
.rightCol .title {color: #00007e; font-weight:bold; font-size:11pt;}
.rightCol .special {text-align:center; width: 240px; height:140px; position:relative; margin-left: 3em; margin-right: 3em; border:thick solid #1D4F7B; background-color: #C6C8FC; color: black; font-size: 10pt;}
.rightCol .hours {text-align:center; width: 250px; position:relative; margin-left: .5em; margin-right: .5em; padding-top: .5em; padding-bottom: .5em; border:thick solid #1D4F7B; background-color: #C6C8FC; color: #333333; font-size: 9pt;}        
/*.rightCol ul {width: 230px; margin: 0px 0px 20px 0px; padding: 0px; background-color: #DADBFD;}	
.rightCol li {list-style: none; margin: 0px; padding: 0px;}*/
.rightCol li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color:#545454; color: #DADBFD; font-weight: bold;  font-size: 12pt; line-height:1.5em;}
.rightCol li a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px #DADBFD; color: #4b4b4b; text-decoration: none; font-size: 110%; font-weight:600;}
.rightCol li a:hover, .leftCol li a.selected {border-left: solid 7px #DADBFD;  color: #DADBFD; text-decoration: none;}
.rightCol a {color: #00007e }
.rightCol a:hover, a.selected {font-weight:bold;}

.b4After {text-align:left; width: 270px; height: 300px; font-size: 10pt; position: relative; padding: .5em; color:#303030; border: thin solid #1D4F7B; background-image:url(images/bkg_box_3.png); background-repeat:repeat; }
.b4After .title {color: #00007e; font-weight:bold; font-size:11pt;}
.b4After .blue {color: #00007e; font-weight:bold; font-size:10pt;}
.b4After img {float:right;  display:inline; margin-left: 2px;  }
.b4After a {color: #00007e }
.b4After a:hover, .b4After a.selected {font-weight:bold;}

.b4After2 {text-align:left; font-size: 10pt; position: relative; padding: .5em; color:#303030; }
.b4After2 .title {color: #00007e; font-weight:bold; font-size:11pt;}
.b4After2 .blue {color: #00007e; font-weight:bold; font-size:10pt;}
.b4After2 img {float:right;  display:inline; margin-left: 2px; }
.b4After2 a {color: #00007e }
.b4After2 a:hover, .b4After a.selected {font-weight:bold;}
/*----------------------------*/
/*          Footer            */
/*----------------------------*/
#footer {font-size: 10pt; margin:0; text-align:center; color: #DADBFD; line-height:1.5em;}
#footer a {color: #DADBFD } 

/*----------------------------*/
/*       Left Column 2        */
/*----------------------------*/
.leftCol2 {float: left; width: 400px; height: 600px; margin: 0px; padding-left: 1em; padding-right: 1em; color:#4b4b4b; background-color: #DADBFD;  font-size: 10pt; position: relative;}

/*----------------------------*/
/*     Center Column 2        */
/*----------------------------*/   
.centerCol2 {float: right; width: 520px; margin: 0px; padding: 0px; background-color: #DADBFD; font-size: 10pt; position: relative;}
.centerCol2 img {float:right;  display:inline; }

/*----------------------------*/
/*         Schedule           */
/*----------------------------*/
.schedule {float: left; width: 920px; margin: 0px; padding-left: 1em; padding-right: 1em; color:#4b4b4b; background-color: #DADBFD;  font-size: 10pt; position: relative;}
.schedule table {border: thin solid #1d4f78; }
.schedule th {background-color: #1d4f78; color: #DADBFD; font-weight: bold; font-size:12pt; text-align:center; height:2em; border: thin solid #1d4f78;}
.schedule td {width: 120px; text-align:center; vertical-align:top;  height:4em; border: thin solid #1d4f78;}
.schedule a {color: #102C44; font-weight:bold; }

#yoga_gentle {border-bottom: thin solid #DADBFD;}
#yoga {border-bottom: thin solid #DADBFD;}
#yoga_flow {border-bottom: thin solid #DADBFD;}
#yoga_inter {border-bottom: thin solid #DADBFD;}
#yoga_lates {border-bottom: thin solid #DADBFD;}
#pilates_flex {border-bottom: thin solid #DADBFD;}
#boot_camp {border-bottom: thin solid #DADBFD;}
#circuit {border-bottom: thin solid #DADBFD;}
#cycle {border-bottom: thin solid #DADBFD;}
#cycle_30_30 {border-bottom: thin solid #DADBFD;}
#cycle_chat {border-bottom: thin solid #DADBFD;}
#strength_cond {border-bottom: thin solid #DADBFD;}
#stretch_core {border-bottom: thin solid #DADBFD;}
#zumba {border-bottom: thin solid #DADBFD;}
#nia {border-bottom: thin solid #DADBFD;}

/*----------------------------*/
/*       Membership           */
/*----------------------------*/
.membership {float: left; width: 670px; margin: 0px; padding-left: 1em; padding-right: 1em; color:#4b4b4b; background-color: #DADBFD;  font-size: 10pt; position: relative;}
.membership table {width: 630px; border: medium solid #1D4F78; background-image:url(images/bkg_member.png); background-repeat:repeat; margin-left: 1em; margin-right: 1em;}
.membership th {color: #102C44; font-weight: bold; font-size:12pt; height:2em;}
.membership td {width:auto; vertical-align:top; height:2em; padding: .5em;}
.membership .imageAlignRight {float:right; margin: 1em; text-align: center; display:inline; border:thin solid #00007e;}
.blueRow {text-align:center; background-color: #1D4F78;}

.leftColMembership {float: left; width: 222px; margin: 0px; padding: 10px; background-image:url(images/bkg_member_left.png); background-repeat:repeat;  font-size: 10pt; position: relative;}
.leftColMembership a {color: #444444; }
.leftColMembership img {border:none; margin:0; padding: 0;}
.leftColMembership .special {text-align:center; width: 240px; position:relative; margin-left: 1em; margin-right: 1em; border:thick solid #00007e; background-color: #C6C8FC; color: black; font-size: 10pt;}

/*----------------------------*/
/*       Pilates              */
/*----------------------------*/
.pilates table {width: 630px; border: medium solid #00007e; background-image:url(images/bkg_member.png); background-repeat:repeat; margin-left: 1em; margin-right: 1em;}
.pilates th {color: #102C44; font-weight: bold; font-size:12pt; height:2em;}
.pilates td {width:auto; vertical-align:top; height:2em; padding: .5em 3em .5em 3em;}
.pilates a {color: #00007e;}

.pilates ul {margin: 0px; padding: 0px; text-indent: none; background-image:url(images/bkg_member.png); background-repeat:repeat; border: thin solid #00007e; color: #4b4b4b;}	
.pilates li {list-style:none; display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 10px 0px 0px; color: #4b4b4b; font-size: 110%; font-weight:600;}
.pilates li.title {margin: 0px; padding: 3px 5px 2px 15px; background-color:#1d4f78; color: #DADBFD; font-weight: bold; font-size: 12pt; line-height:1.5em;}
.pilates li.hours {margin: 0px; padding: 3px 5px 2px 15px; color: #00007e; font-weight: bold; font-size: 12pt; line-height:1.5em;}
.pilates li.desc {margin: 0px; padding: 3px 5px 2px 15px; font-weight: bold; font-size: 10.5pt; line-height:1.5em;}
.pilates li.notes {margin: 0px; padding: 3px 5px 2px 15px; font-weight:600; font-size: 11pt; line-height:1.5em; color:#00007e; text-align:center;}
.pilates a {font-size:11pt; font-weight:bold; color: #00007e; line-height: 2em; }
.pilates tr {vertical-align:top; }

.innerBox {margin: 10px; padding: 10px; background-color: #ECECFD; border: thin solid #00007e;}

.trainers {padding: 1em; font-size: 10pt;}
.trainers .imageAlignLeft {float:left; margin:.5em;  display:inline; }

.leftColPilates {float: left; width: 222px;  margin: 0px; padding: 10px; background-image:url(images/bkg_member_left.png); background-repeat:repeat;  font-size: 10pt; position: relative;} 
.leftColPilates .special {text-align:center; position:relative; margin-left: 1em; margin-right: 1em; padding: .5em; border:thick solid #00007e; background-color: #C6C8FC; color: black; font-size: 10pt;}
.leftColPilates ul {margin: 0px; padding: 0px; text-indent: none; background-color: #eeeeee; color: #4b4b4b;}	
.leftColPilates li {list-style:none; display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 10px 0px 0px; color: #4b4b4b; font-size: 110%; font-weight:600;}
.leftColPilates li.title {margin: 0px; padding: 3px 5px 2px 15px; background-color:#102C44; color: #DADBFD; font-weight: bold; font-size: 10pt; line-height:1.5em;}
.leftColPilates li.hours {margin: 0px; padding: 3px 5px 2px 15px; background-color:#DADBFD; font-weight: bold; font-size: 10pt; line-height:1.5em;}
.leftColPilates li.desc {margin: 0px; padding: 3px 5px 2px 15px; font-weight: bold; font-size: 8pt; line-height:1.5em;}
.leftColPilates li.notes {margin: 0px; padding: 3px 5px 2px 15px; background-color:#DADBFD; font-weight:600; font-size: 10pt; line-height:1.5em; color:#00007e; text-align:center;}
.leftColPilates li.notes2 {margin: 0px; padding: 3px 5px 2px 15px; font-weight:600; font-size: 10pt; line-height:1.5em; color:#00007e; font-style:italic;}
.leftColPilates a {font-size:11pt; font-weight:bold; color: #00007e; line-height: 2em; }
.leftColPilates tr {vertical-align:top; }

.links {padding: 0 1em 0 1em; font-size: 10pt;}

.leftColLinks {float: left; width: 222px;  margin: 0px; padding: 10px; background-image:url(images/bkg_member_left.png); background-repeat:repeat; font-size: 10pt; position: relative;}
.leftColLinks a {font-size:11pt; font-weight:bold; color: #00007e; text-decoration:underline;} 
.leftColLinks a:hover, .leftColLinks a:selected {font-size:11pt; font-weight:bold; color: #00007e; text-decoration:underline;}


/*----------------------------*/
/*       Green Award          */
/*----------------------------*/
#greenAward {font-family:  Verdana, Arial, sans-serif; font-weight:bold; color:#333333; width:950px; position: relative; text-align:center; margin: 0; background-image:url(images/bkg_head_3.png); background-repeat:repeat; border: thin solid #1D4F7B;}

#pop_up_fees {margin:0 auto; padding: 10px; width:330px; height: 330px; background: #d2d2d2; font-size: 11pt; text-align:left;  }


