* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#f0f0f0;
	color:#000;
	margin-bottom:20px;
}



a:link, a:active, a:visited {
	color:#666;
	text-decoration:underline;

}

a:hover {
	text-decoration:none;

}
#frame {
width: 820px;
}
#header {
	height:166px;
	width:100%;
	background-color:#b0b0b2;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#summary {
	margin-top:5px;
	margin-bottom:10px;
	width:600px;
	background-color:#3a3a3a;
	float:left;
	padding:10px;
}

#summary h1, #summary p {
	color:#fff;
}

#summary p, #col-left p {
	line-height:19px;
}



#main-content {
	clear:right;
	width:820px;
}
h1 {
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}

h2 {
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	letter-spacing:4px;
	padding-top:140px;
	margin-left:200px;

}

h3 {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	color:#ffff01;
}

h4 {
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:1px;
}

h5 {font-size:13px;
font-weight:bold;
	margin-bottom:4px;
}

.memberships h5 {
	color:#d90305;
	margin:0;
	padding:0;
}

.memberships table td {
	padding-top:10px;
}

.memberships table {
	margin-top:4px;
	border-top:1px solid #c8c8c8;
}



#head {
	width:820px;
	font-size:12px;
	
}

#contact-us {
	float:right;
	text-align:right;
	margin-top:46px;
}

/*NAV STARTS*/

#menubar {
	
	
	margin-top:5px;
	margin-right:10px;
	width:190px;
	background-color:#d2d2d2;
	text-align:right;
	font-weight:bold;
	float:left;
	font-size:12px;

}

#menubar li {
	list-style-type:none;
	border-right:10px solid #a4a09f;
	

}

#menubar li a:link, #menubar li a:visited, #menubar li a:active  {
	display:block;
	padding:4px;
	color:#000;
	text-decoration:none;
	border-bottom:none;
		height:1.5em;
}

#menubar li a:hover  {
	
}


/* h2 colour */
body.home h2 {color:#ffff00;}
body.facilities h2 {color:#170581}
body.the-key h2 {color:#d90305}
body.gym h2 {color:#d90305}
body.tennis h2 {color:#118d35} 
body.badminton h2 {color:#8c0c81} 
body.fitness-classes h2 {color:#0a50a1}  
body.notice-board h2 {color:#ffff00}
body.memberships h2 {color:#ffff00}
body.contact h2 {color:#ffff00;}

/*hover over and current page indicator*/

#menubar li#home:hover, body.home li#home, #menubar li#home.over  {border-right:10px solid #ffff00;}
#menubar li#facilities:hover, body.facilities li#facilities, #menubar li#facilities.over  {border-right:10px solid #170581;}
#menubar li#the-key:hover, body.the-key li#the-key, #menubar li#the-key.over  {border-right:10px solid #d90305;}
#menubar li#gym:hover, body.gym li#gym,#menubar li#gym.over  {border-right:10px solid #d90305;}
#menubar li#tennis:hover, body.tennis li#tennis,#menubar li#tennis.over  {border-right:10px solid #118d35;}
#menubar li#badminton:hover, body.badminton li#badminton,#menubar li#badminton.over  {border-right:10px solid #8c0c81;}
#menubar li#fitness-classes:hover, body.fitness-classes li#fitness-classes,#menubar li#fitness-classes.over  {border-right:10px solid #0a50a1;}
#menubar li#notice-board:hover, body.notice-board li#notice-board,#menubar li#notice-board.over  {border-right:10px solid #ffff00;}
#menubar li#memberships:hover, body.memberships li#memberships,#menubar li#memberships.over  {border-right:10px solid #ffff00;}
#menubar li#contact:hover, body.contact li#contact, #menubar li#contact.over  {border-right:10px solid #ffff00;}

/*current page panel colour */

body.home .panel  {background-color:#ffff00;}
body.facilities .panel  {background-color:#292424;}
body.the-key .panel  {background-color: #d90305;}
body.gym .panel  {background-color: #d90305;}
body.tennis .panel  {background-color: #118d35;}
body.badminton .panel  {background-color: #8c0c81;}
body.fitness-classes .panel  {background-color: #0a50a1;}
body.notice-board .panel  {background-color: #ffff00;}
body.memberships .panel  {background-color: #ffff00;}
body.contact .panel  {background-color:#ffff00;}



/*img replacement menus*/


.menu {
          margin: 0;
          padding: 0;
          list-style: none;
}

.menu li {
          padding: 0;
          margin: 0;
          list-style: none;
          background-repeat: no-repeat;
		  
}

.menu li a, .menu li a:visited {
          display: block;
          text-decoration: none;
          text-indent: -2000px;  
          background-repeat: no-repeat;
}



/* buttons */
#button-key a {background-image:url(../images/Keybutton_sleep.jpg);width:84px;height:81px;} 
#button-gym a {background-image:url(../images/Gym_button_sleep.jpg);width:62px;height:83px;} 
#button-tennis a {background-image:url(../images/Tennisbutton_sleep.jpg);width:62px;height:83px;} 
#button-badminton a {background-image:url(../images/Badmintonbutton_sleep.jpg);width:62px;height:83px;} 
#button-fitness a {background-image:url(../images/Fitnessbutton_sleep.jpg);width:62px;height:83px;} 
#button-details a {background-image:url(../images/Membershipbutton_sleep.jpg);width:191px;height:19px;}
/*tennis starts*/
#button-programme a {background-image:url(../images/rollovers/Tennis_prog.gif);width:190px;height:45px;} 
#button-courses a {background-image:url(../images/rollovers/Tennis_courses.gif);width:190px;height:45px;} 
#button-court a {background-image:url(../images/rollovers/Tennis_book.gif);width:190px;height:45px;} 
/*fitness*/
#fitness-timetable a {background-image:url(../images/rollovers/Fitness_timetable.gif);width:190px;height:45px;} 
#fitness-session a {background-image:url(../images/rollovers/Fitness_book.gif);width:190px;height:45px;} 
/*badminton starts*/
#badminton-programme a {background-image:url(../images/rollovers/badmin_prog.gif);width:190px;height:45px;} 
#badminton-courses a {background-image:url(../images/rollovers/badmin_courses.gif);width:190px;height:45px;} 
#badminton-book a {background-image:url(../images/rollovers/badmin_book.gif);width:190px;height:45px;} 
/*gym*/
#gym-key a {background-image:url(../images/rollovers/the_key.gif);width:190px;height:45px;} 
/*key*/
#key-gym a {background-image:url(../images/rollovers/Gym.gif);width:190px;height:45px;} 
/*members*/
#membership-options a {background-image:url(../images/rollovers/Membership_options.gif);width:190px;height:45px;} 
#membership-application a {background-image:url(../images/rollovers/Membership_applications.gif);width:190px;height:45px;} 




/*rollover effect*/
#button-key {background-image:url(../images/Keybutton_over.jpg);width:84px;height:81px;float:right;margin-top:10px;margin-left:10px;}
#button-gym {background-image:url(../images/Gym_button_over.jpg);width:62px;height:83px;}
#button-tennis {background-image:url(../images/Tennisbutton_over.jpg);width:62px;height:83px;}
#button-badminton {background-image:url(../images/Badmintonbutton_over.jpg);width:62px;height:83px;}
#button-fitness {background-image:url(../images/Fitnessbutton_over.jpg);width:62px;height:83px;}
#button-details {background-image:url(../images/Membershipbutton_over.jpg);width:191px;height:19px;}
/*tennis starts*/
#button-programme {background-image:url(../images/rollovers/Tennis_pro_over.gif);width:190px;height:45px;margin-bottom:10px;}
#button-courses {background-image:url(../images/rollovers/Tennis_courses_over.gif);width:190px;height:45px;margin-bottom:10px;}
#button-court {background-image:url(../images/rollovers/Tennis_book_over.gif);width:190px;height:45px;}
/*fitness*/
#fitness-timetable {background-image:url(../images/rollovers/Fitness_timetable_over.gif);width:190px;height:45px;margin-bottom:10px;}
#fitness-session {background-image:url(../images/rollovers/Fitness_book_over.gif);width:190px;height:45px;}
/*badminton starts*/
#badminton-programme {background-image:url(../images/rollovers/badmin_prog_over.gif);width:190px;height:45px;margin-bottom:10px;}
#badminton-courses {background-image:url(../images/rollovers/badmin_courses_over.gif);width:190px;height:45px;margin-bottom:10px;}
#badminton-book {background-image:url(../images/rollovers/badmin_book_over.gif);width:190px;height:45px;}
/*gym*/
#gym-key {background-image:url(../images/rollovers/the_key_over.gif);width:190px;height:45px;}
/*key*/
#key-gym {background-image:url(../images/rollovers/Gym_over.gif);width:190px;height:45px;}
/*members*/
#membership-options {background-image:url(../images/rollovers/Membership_options_over.gif);width:190px;height:45px;margin-bottom:10px;}
#membership-application {background-image:url(../images/rollovers/Membership_applications_over.gif);width:190px;height:45px;}



#button-key a:hover,
#button-gym a:hover,
#button-tennis a:hover,
#button-badminton a:hover,
#button-fitness a:hover,
#button-details a:hover,
#button-programme a:hover,
#button-courses a:hover,
#button-court a:hover,
#fitness-timetable a:hover,
#fitness-session a:hover,
#badminton-programme a:hover,
#badminton-courses a:hover,
#badminton-book a:hover,
#gym-key a:hover,
#key-gym a:hover,
#membership-options a:hover,
#membership-application a:hover {
	background: none;
}

/*img replacement ends*/





/*NAV ENDS*/
#newsletter {
width: 170px;
float: left;
padding-left: 10px;
}

#col-right {
	float:right;
	width:210px;
}

#col-left {
	float:right;
	width:400px;
}

#col-left p, #col-left table, #col-left ul, #col-left ol {
	margin-bottom:7px;

}

#col-left table {
	border-collapse:collapse;
}

#col-left table td {
	padding-bottom:4px;
}

#col-left ul, #col-left ol {
	margin-left:30px;
}


.panel {
	padding:8px;
	font-size:12px;
	line-height:18px;

}

.panel p {
	margin-top:8px;
}


.button-home {
	float:left;
	margin-bottom:10px
}

.button-desc {
	height:82px;
	float:left;
	width:115px;
	font-size:11px;
	padding-left:10px;
	border-bottom:1px solid #aaa;
	padding-right:10px;
	margin-bottom:10px;

}

#facilities-panel .button-desc {
	padding:0;
	border:0;
	margin:0;
	margin-left:10px;
	color:#fff;
}


#footer {
	font-size:11px;
	padding-top:45px;
	text-align:center;
	width:620px;margin-left:200px;
	clear:both;
}



#col-left p.button-desc {
	line-height:normal;
	margin-bottom:7px;
}

#col-left ul.menu {
	margin:0;
	padding:0;
}

/* stuff for notice board mockup*/

.notice-board #main-content {
	margin-top:10px;
}

.notice-board #col-right {
	width:200px;
	padding-left:10px;
}

.notice-board #col-right ul li, .notice-board #col-right ol li {
	list-style-type:none;
}

.notice-board #col-right ul, .notice-board #col-right ol {
	list-style-type:none;
	margin-bottom:20px;
}

.notice-board #col-right a:link, .notice-board #col-right a:visited, .notice-board #col-right a:active {
	text-decoration:none;
}

.notice-board #col-right a:hover {
	text-decoration:underline;
}

.notice-board #col-left p {
	margin-bottom:15px;
}

/*notice board end*/