/* Base Layout */
body
{
  padding:0px;
  margin:0px;
  border:0px;
  background-color:#000;
  font-size:12px;
  font-family:arial;
}
h1, h2, h3, h4, h5, h6
{
  margin:0px;
  padding:0px;
}
p
{
  color: #000;
  font-size:12px;
  font-family:arial;
  font-weight:100;  
}
a 
{
  text-decoration:none;
  color: #343434;
  font-size:12px;
  font-family:arial;
  font-weight:bold;
  text-decoration: underline;
}
#wrapper
{
  margin:0 auto;
  padding-top:0;
  width:1000px;
}
#container
{
  width:952px;
  min_height:10px;
  _height:10px;
  float:left;
  padding: 0px;
}
#top-nav
{
  height:43px;
  width:952px;
  float:right;
  font-size: 12px;
  font-family: arial;
  text-align:right;
  line-height:47px;
  color:#999999;
  padding-top:4px;
  
}
#top-nav a
{
  color:#999999;
  text-decoration:none;
  font-weight:100;
}
#top-nav a:hover
{
  color: #cdcdcd;
}
#top-nav a.active
{
color: #fff;
}
#header-container
{
  height:234px;
  width:952px;
  float:left;
  padding-bottom:14px;

}
#header-image
{
  height:234px;
  width:714px;
  float:left;
  overflow:hidden;
    margin:0px;
  padding:0px;
}
#header_coop
{
  background: url(../images/header/coop_header.png) right #52318c no-repeat;
  height:29px;
  width:932px;
  padding:5px 10px 5px 10px;
  float:left;
  margin:0px;
  line-height:29px;
  font-size:18px;
  color: #feffff;
  font-family:  arial, tahoma;
}
#header-image a
{
  margin:0px;
  padding:0px;
}
#header-image img
{
  margin:0px;
  padding:0px;
  border:0px;
}
#logo
{
  width:238px;
  height:234px;
  float:left;
  overflow:hidden;
  background: url('../images/layout/logo.png') no-repeat;
}
/* Headers */
#header
{
  height:39px;
  width:952px;
  float:left;
  padding-bottom:14px;
}

#header h1.purple
{
  height:29px;
  width:932px;
  padding:5px 10px 5px 10px;
  float:left;
  background: #52318c;
  margin:0px;
  line-height:29px;
  font-size:18px;
  color: #feffff;
  font-family:  arial, tahoma;
}


/* Home Page Specific */
#homepage 
{
  height: 171px;
  width:951px;
  float:left;
  margin-bottom:12px;
}
#homepage .tennis
{
  width:225px;
  height:171px;
  float:left;
  background: url('../images/layout/tennis.jpg') no-repeat;
 
}
#homepage .squash
{
  width:225px;
  height:171px;
  float:left;
  background: url('../images/layout/squash.jpg') no-repeat;
}

#homepage .fitness
{
  width:225px;
  height:171px;
  float:left;
  background: url('../images/layout/fitness.jpg') no-repeat;
}

#homepage .swimming
{
  width:225px;
  height:171px;
  float:left;
  background: url('../images/layout/swimming.jpg') no-repeat;
}
#homepage .gap
{
  width:17px;
  height:171px;
  float:left;
}
#homepage a:hover
{
  background-position: 0 100%;
}



/* menus */
#menu
{
  width: 240px;
  _height: 20px;
  min-height: 20px;
  float:left;
 
}
#menu .menu_item
{
  width: 225px;
  height:42px;
  float:left;
  padding: 0 0 4px 0;
}
#menu .menu_item a
{
  color: #a3a3a5;
  font-size:16px;
  line-height:42px;
  padding-left:14px;
  cursor:pointer;
}
#menu .menu_item h1
{
font-size:16px;
margin:0px;
padding:0px;
font-weight:100;
}
#menu .menu_item .grey-button-purple
{
  width:211px;
  height:42px;
  float:left;
  background: url('../images/layout/grey-button-purple.png') repeat-x;
}
#menu .menu_item .grey-button-green
{
  width:211px;
  height:42px;
  float:left;
  color:#e6e6e7;
  background: url('../images/layout/grey-button-green.png') repeat-x;
}
#menu .menu_item .button
{
  width:211px;
  height:42px;
  float:left;
  color:#e6e6e7;
  font-weight:100;
  text-decoration:none;
  background: url('../images/buttons/button.png') repeat-x;
}
#menu .menu_item .active
{
  font-weight:100;
  text-decoration:none;
  width:211px;
  height:42px;
  float:left;
  color: #fff;
  font-size:16px;
  background: url('../images/buttons/active.png') repeat-x;
}
#menu .menu_item a:hover
{
  background-position:left bottom;
}
#menu .newsletter
{
  width:225px;
  height:112px;
  float:left;
  background: url('../images/buttons/newsletter.png') no-repeat;
}
#menu .timetable
{
  margin-top:12px;
  width:225px;
  height:112px;
  float:left;
  background: url('../images/buttons/timetable.png') no-repeat;
}

#menu a:hover
{
  background-position:left bottom;
}

/* Content Specific */
.content_area
{
  _height:10px;
  min-height:10px;
  width:712px;
  float:left;
  padding-bottom:24px;
}
.content_area h2
{
  font-size:17px;
  color:#888888;
  font-weight:100;
  padding: 5px 0;
  font-family: arial;
}
.content_area p, .content_area
{

  font-size:14px;
  color:#000000;
  font-weight:100;
  font-family:arial;
}
.content_area p
{
padding:0px;
margin:0px;
}

.content_area .content_white
{
    width:666px;  
    _height:10px;
    min-height:10px;
    float:left;
    background:#fff;
    padding: 10px 15px 20px 30px;
}
.content_area .content_white .content_box
{
    width:656px;  
    height:380px;
    float:left;
    background:#fff;
    overflow:auto;
    padding-right:9px;
}
.content_area a, .content_area img
{
  padding:0px;
  margin:0px;
  border:0px;
}
/* footer */

#footer-nav
{
  height:25px;
  width:952px;
  float:right;
  font-size: 12px;
  font-family: arial;
  text-align:left;
    font-weight:100;
  text-decoration:none;
  line-height:25px;
  color:#999999;
  padding-top:10px;
  border-bottom:1px solid #999999;
}
#footer-nav a
{
  color: #999999;
    font-weight:100;
  text-decoration:none;
}
#footer-nav a:hover
{
  color: #cdcdcd;
}
#footer-nav a.active
{
color: #fff;
}
#footer-bar
{
  height:25px;
  width:952px;
  float:left;
  margin-bottom:20px;
}
#footer-bar #footer-bar-links
{
  height:25px;
  width:35%;
  float:left;
}
#footer-bar #footer-bar-privacy
{
  height:25px;
  width:65%;
  float:right;
  text-align:right;
  color: #999999;
  line-height:25px;
}
#footer-bar a.footer-facebook
{
  height:31px;
  width:100px;
  background:url(../images/layout/facebook.png);
  float:left;
  margin-top:5px;
}
#footer-bar a:hover
{
  background-position: 0 100%;
}
#footer-bar-privacy a
{
  color: #999999;
    font-weight:100;
  text-decoration:none;
}
#footer-bar-privacy a:hover
{
  color: #cdcdcd;
}
#footer-bar-privacy a.active
{
color: #fff;
}

/* black bg */
.black_bg
{
  color:  #fff;
  font-family:arial;
}
.black_bg p
{
 color: #fff;
 font-family:arial;
}
.black_bg tr.contact td
{
  color: #fff;
  padding-bottom:17px;
}
.black_bg td.privacy
{
  color:#858585;
  font-size: 10px;
}
.black_bg input.submit
{
  margin-top:6px;
  width:70px;
  height:23px;
   background-color:#52318c;
  line-height:23px;
  font-size: 12px;
  color:#fff;
  border:0px;
}
.black_bg .submit:hover
{
  background-color: #1c724f;
}

.home a.add-jpg
{
  height:235px;
  width:710px;
  float:left;
  background: url(../images/uploaded_files/advertisements/advertisement.jpg) no-repeat;
}
.home .add-png
{
  height:235px;
  width:710px;
  float:left;
  background: url(../images/uploaded_files/advertisements/advertisement.png) no-repeat;
}
.home .add-gif
{
  height:235px;
  width:710px;
  float:left;
  background: url(../images/uploaded_files/advertisements/advertisement.gif) no-repeat;
}
.home a:hover
{
  background-position: 0 100%;
}

.error
{
  color: #ff0000;
}

/* Text Aligns */
.align-left
{
  text-align:left;
}
.align-right
{
  text-align:right;
}
table.staff-profile
{
 padding-left:10px;
 margin-top:20px;
}
table.staff-profile tr td
{
  padding-bottom:5px;
}
table.staff-profile tr td.text
{
  text-align:left;
  padding:0px;
}
table.staff-profile tr td h2
{
  margin-top:0px;
}
table.staff-profile tr td a
{
  text-decoration: underline;
}
table.staff-profile tr td.image img
{
  text-align:left;
  padding:0px;
}
ul.group li
{
  float:left;
  width:155px;
  height:60px;
  list-style:none;
  list-style-position:inside;
  padding:0 0 10px 0px;
}
ul.group 
{
  padding:0px;
}
a.body_balance
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/body_balance.png) no-repeat;
  float:left;
}
a.box_it
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/box_it.png) no-repeat;
  float:left;
}
a.hit
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/hit.png) no-repeat;
  float:left;
}
a.power_circuit
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/power_circuit.png) no-repeat;
  float:left;
}
a.yoga
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/yoga.png) no-repeat;
  float:left;
}
a.aquaaerobics
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/aquaaerobics.png) no-repeat;
  float:left;
}
a.body_pump
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/body_pump.png) no-repeat;
  float:left;
}
a.kinesis
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/kinesis.png) no-repeat;
  float:left;
}
a.pilates
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/pilates.png) no-repeat;
  float:left;
}
a.rpm
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/rpm.png) no-repeat;
  float:left;
}
a.x_trainer
{
  width: 149px;
  height: 57px;
  background: url(../images/buttons/x_trainer.png) no-repeat;
  float:left;
}
.qtip
{
 top:10px;
}

 .qtip .qtip-content{
   padding: 5px;
   overflow: hidden;

}
   .qtip .qtip-content .qtip-title,
  .qtip-cream .qtip-content .qtip-title{
      background-color: #F0DE7D;
      color: #fff;
   }
   
   .qtip-light .qtip-content .qtip-title{
      background-color: #f1f1f1;
   }

    .qtip-dark .qtip-content .qtip-title{
      background-color: #404040;
   }

  .qtip-red .qtip-content .qtip-title{
      background-color: #F28279;
      color:#fff;
   }
   
  .qtip-green .qtip-content .qtip-title{
      background-color: #B9DB8C;
   }
  .qtip-content a, .qtip-content p
  {
    color: #fff;
  }