body{
   font-family: arial, "sans serif";
   font-size: 12px;
   margin: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   background: #77acb8 url(../images/body_bg.gif) no-repeat center top; 
   padding-bottom: 20px;
}

h1{
   display:none;
}

h2{
  color: #432794;
  font-size: 16px;
  font-weight: bold;
}

h3{
  color: #432794;
  font-size: 14px;
  font-weight: bold;
}


#container{
	width: 972px;
	margin: auto;
	background: #61a8b9;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
        
}

 /*HEADER*/

#title{
   width: 286px;
   background: URL(../images/logo.gif);
   float: left;
   height: 133px;
}

#topbar{
   width: 686px;
   height:80px;
   background: URL(../images/topbar.gif);
   float: left;
}

 /*NAVIGATION*/
#navigation{
   background: URL(../images/navbar_end.gif) no-repeat top right ;
  width: 686px;
float: left;
font-size: 11px;
}

#navigation a{
   display: block; 
   height: 23px;
   float: left;
   text-align: center;
   text-transform: uppercase;
   color: #34616F;
   text-decoration: none;
   padding-top: 30px;
}

#navigation a:hover{
    color: #5d8d8d;
    text-decoration: none;
}

a#nav_home{
   width: 60px;
   background: URL(../images/navbar_home.gif);

}

a#nav_home:hover{
   background: URL(../images/navbar_home_ovr.gif);
}

a#nav_about{
   width: 83px;
   background: URL(../images/navbar_about.gif);
   text-align: center;
}

a#nav_about:hover{
   background: URL(../images/navbar_about_ovr.gif);
}

a#nav_facilites{
   width: 156px;
   background: URL(../images/navbar_facilities.gif);
   text-align: center;
}

a#nav_facilites:hover{
   background: URL(../images/navbar_facilities_ovr.gif);
}

a#nav_timetables{
   width: 87px;
   background: URL(../images/navbar_timetable.gif);
   vertical-align: bottom;
   text-align: center;
}

a#nav_timetables:hover{
   background: URL(../images/navbar_timetable_ovr.gif);
}


a#nav_fitness{
   width: 148px;
   background: URL(../images/navbar_fitness.gif);
   text-align: center;
}

#nav_fitness:hover{
   background: URL(../images/navbar_fitness_ovr.gif);
}


a#nav_contact{
   width: 94px;
   background: URL(../images/navbar_contact.gif);
   text-align: center;
}

a#nav_contact:hover{
   background: URL(../images/navbar_contact_ovr.gif);
}

 /*SUBNAVIGATION*/

#subnav{
   float: left;
   width: 140px;
   color: #34616F;
   font-size: 12px;
   margin-left: 20px;
   margin-top: 20px;
   display: inline;
}

#subnav ul{
   list-style-type:none;
   margin-left: 0px;
   padding-left: 10px;
   line-height: 2em;
}

#subnav a{
   color: #34616F;
   text-decoration: none;
}

#subnav a:visited{
   color: #34616F;
   text-decoration: none;
}

#subnav a:hover{
   color: #779ca8;
   text-decoration: none;
}

#subnav a:visited:hover{
   color: #779ca8;
   text-decoration: none;
}


 /*CONTENT*/

#content{
   background: #62a8b9 url(../images/content_bg.gif) no-repeat;
   float: left;
   width: 972px;
   padding-bottom: 20px;

}

#leftcolumn{
   width: 520px;
   float: left;
   margin-right: 30px;
   margin-left: 20px;
   margin-top:20px
}

#leftcolumnnosub{
   width: 660px;
   float: left;
   margin-right: 30px;
   margin-left: 40px;
   margin-top:20px
}

#leftcolumnnotest{
   width: 762px;
   float: left;
   display: inline;
   margin-right: 30px;
   margin-left: 20px;
   margin-top:20px
}

#images img{
   margin-left: 15px;
   margin-bottom: 10px;
   float:right;
   border: 1px solid #bcbcbc;
}

.image{
   margin-left: 15px;
   margin-bottom: 10px;
   float:right;
   border: 1px solid #bcbcbc;
}


.stafftableh{
  color: #432794;
  font-size: 11px;
  font-weight: bold;  
  padding-left:10px;
  padding-right: 10px; 
}

.stafftable img{
   border: 1px solid #bcbcbc;
}

/*INDEX PAGE*/

#indexleftcolumn{
   width: 660px;
   float: left;
   margin-right: 20px;
   margin-left: 20px;
   display: inline;
}

#flash{
   width: 645px;
   height: 500px;
   margin-left: -20px;
   margin-right: -20px;
}

#indexrightcolumn{
   padding-top: 30px;
   width: 200px;
   float: left;
}

 /*TESTIMONIALS BOX*/

#rightcolumn{
   margin-top:20px
   width: 218px;
   float: left;
   margin-top: 20px;
}


#testimonial{
  background:url(../images/testimonial_box.gif) no-repeat;
  width: 218px; 
  height: 472px;
}

#testimonial p{
  padding: 30px;
  text-align: center;
  font-size: 12px;
  color:#333333;
}

.testimonial_person{
  color: #432794;
  font-size: 14px;

}

 /*TIMETABLES PAGE*/

#timetable{
   width: 762px;
   margin-left:0px;
   margin-top: 0px;
   font-size: 11px;
}

#timetable table{
   text-align: center;
   border-collapse: collapse;
   text-align: center;
}

#timetable td{
   border: 1px solid #4f818d;
   padding: 2px;
}


.day{
   text-transform: uppercase;
   background: #8fc2ce;
}

.time{
   text-transform: uppercase;
   background: #b6d9e2;
}

.instructor{
   text-transform: uppercase;
   font-style: italic;
}

.leftcolumn{
   background:#8fc2ce;
}