

html, body {background: url(images/background.jpg) no-repeat; background-color:#339933; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  padding:0; margin:0; }

.home .content-wrapper{}
.home .content{width:565px}

.content-wrapper {margin-left:131px;background:#fff url(images/right_back.gif) top right repeat-y;margin-top:-36px}
.content {  color:#000; width:350px; font-size:11px;padding: 25px 0px 0 10px;line-height:13px;}

.activities-wrap1 {background: url(images/activities_top.jpg) top right no-repeat;}
.activities-wrap2 {background: url(images/activities_bottom.jpg) bottom right no-repeat;}

.about-wrap1 { background: url(images/about_top.jpg) top right  no-repeat; }
.about-wrap2 { background: url(images/about_bottom.jpg) bottom right no-repeat;}

.booking-wrap1 { background: url(images/bookings_top.jpg) top right  no-repeat;}
.booking-wrap2 { background: url(images/bookings_bottom.jpg) bottom right no-repeat;}

.coaches-wrap1 { background: url(images/coach_top.jpg) top right  no-repeat;}

.faq-wrap1 { background: url(images/faq_top.jpg) top right no-repeat;}

.staff-wrap1 { background: url(images/staff_top.jpg) top right  no-repeat;}
.staff-wrap2 { background: url(images/staff_bottom.jpg) bottom right no-repeat;}

ul {margin:0;padding:0 0 0 10px; list-style-type:none;}
ul li label {width:200px;color:#000;font-size:11px;display:block;}


h4 {font-size:13px; font-weight:bold; color:#FF9933; width:300px; background-color:white;}
p, a {font-size:11px;}

.home {background:#99CCFF url('images/home.jpg') bottom right no-repeat;}
/*.content {display:block; float: left; width:585px; background-color: white; color:#000000; }*/
a img {border:none;}
.tsandcs {font-size:-1; color :#666666;}
q {color:#006699;}
.lightblue {color:#3399CC;}
.darkblue {color:#006699;}
.timetable {font-size:10px;}



/*who are we - how we run -<!--<content top="about_top.jpg" bottom="about_bottom.jpg">-->*/
.about {}

.badge {position: absolute;z-index:100; top:15px; left:30px; background: url(images/badge.gif) left top no-repeat; width:181px; height:181px;}
.background {width:750px; display:block; float:left; position:relative; padding:20px 0 0 50px; height:100%; }
.main {background-color:#3399CC; color:#FFFFFF; display:block; width: 750px; position:relative; float:left; height:100%; }
.innermain{ background:#99CCFF url(images/hanger_back.gif) repeat-y top left; color:#FFFFFF; width:732px; margin: 0px 9px 0px 9px; display:block; float:right;  }

.terms {background-color:#3399CC; color: white; text-align:left; font-size:9px; float:left; padding:10px 200px 10px 10px; display:block; position:relative;}
.registration {background-color:#3399CC; color:#99CCFF; text-align:right; font-size:9px; float:left; padding:10px 0 10px 0 ; display:block; position:relative;}
.hidden {display: none;}

.header {background: url(images/title.jpg) no-repeat; width:750px; height:111px; display:block;}
.hanger_top{background: url(images/monkey.jpg) no-repeat; width:131px; height:207px; display:block; position:relative;}
.hanger_bottom{background: url(images/address.gif) no-repeat; width:131px; height:202px; display:block; position:relative;}
.hanger {background: url(images/hanger_back.gif) ; float: left; width:131px; height:100%; display:block; position:relative;}
.bar_wrapper {background: url(images/inner_top.gif) bottom no-repeat; background-color:#99CCFF; width:585px; height:45px;  color:#FFFFFF; background-position:0 34px;}

a {font-size:10pt; background-color:}

a:hover {}

.inner_bottom {background: url(images/inner_base.gif) left top no-repeat; width:750px; height:11px;float:left; }
.right_bar {background: url(images/right_back.gif) ;  display:block; position:relative; float:right;width:241px; height:100%; margin-top:8px;}

/* main naviagtion bar */

.menu {background:url(images/bar.gif) no-repeat; display:block; width:750px; height:30px; z-index:-10;}
#spacer_left {background:url(images/mm/left_spacer.gif) no-repeat; display:block; width:94px; height:30px;  float:left;}
#about {background:url(images/mm/about_us.gif) no-repeat; display:block; width:132px; height:30px;  float:left;}
#about:hover {background:url(images/mm/about_us_over.gif) no-repeat; display:block; width:132px; height:30px;  float:left;}
#activities {background:url(images/mm/our_activities.gif) no-repeat; display:block; width:127px; height:30px;  float:left;}
#activities:hover {background:url(images/mm/our_activities_over.gif) no-repeat; display:block; width:127px; height:30px;  float:left;}
#coaches {background:url(images/mm/coaches.gif) no-repeat; display:block; width:96px;  height:30px;  float:left;}
#coaches:hover {background:url(images/mm/coaches_over.gif) no-repeat; display:block; width:96px;  height:30px;  float:left;}
#booking {background:url(images/mm/booking_info.gif) no-repeat; display:block; width:113px;  height:30px; float:left;}
#booking:hover {background:url(images/mm/booking_info_over.gif) no-repeat; display:block; width:113px;  height:30px;  float:left;}
#faq {background:url(images/mm/faq.gif) no-repeat; display:block; width:80px;  height:30px; float:left;}
#faq:hover {background:url(images/mm/faq_over.gif) no-repeat; display:block; width:80px;  height:30px;  float:left;}
#staff {background:url(images/mm/staff.gif) no-repeat; display:block; width:76px;  height:30px; float:left;}
#staff:hover {background:url(images/mm/staff_over.gif) no-repeat; display:block; width:76px;  height:30px;  float:left;}
#spacer_right {background:url(images/mm/right_spacer.gif) no-repeat; display:block; width:32px; height:30px;  float:left;}

/* subnavigation bars */

.about_bar {background: url(images/about_bar.gif) no-repeat; display:block; height:43px; width:360px; float:left; z-index:12;}
#who_are_we {background:url(images/sub_bar/about_bar_01.gif) no-repeat; display:block; width:114px; height:43px;  float:left;}
#who_are_we:hover {background:url(images/sub_bar/about_bar_over_01.gif) no-repeat; display:block; width:114px; height:43px;  float:left;}
#how_to_find_us {background:url(images/sub_bar/about_bar_02.gif) no-repeat; display:block; width:142px; height:43px;  float:left;}
#how_to_find_us:hover {background:url(images/sub_bar/about_bar_over_02.gif) no-repeat; display:block; width:142px; height:43px;  float:left;}

.act_bar {background: url(images/activities_bar.gif) no-repeat; display:block; height:43px; width:360px; float:left; z-index:12;}
#what_goes_on {background:url(images/sub_bar/act_bar_01.gif) no-repeat; display:block; width:114px; height:43px;  float:left;}
#what_goes_on:hover {background:url(images/sub_bar/act_bar_over_01.gif) no-repeat; display:block; width:114px; height:43px;  float:left;}
#timetable {background:url(images/sub_bar/act_bar_02.gif) no-repeat; display:block; width:96px; height:43px;  float:left;}
#timetable:hover {background:url(images/sub_bar/act_bar_over_02.gif) no-repeat; display:block; width:96px; height:43px;  float:left;}
#campfire {background:url(images/sub_bar/act_bar_03.gif) no-repeat; display:block; width:150px; height:43px;  float:left;}
#campfire:hover {background:url(images/sub_bar/act_bar_over_03.gif) no-repeat; display:block; width:150px; height:43px;  float:left;}

.book_bar {background: url(images/bookings_bar.gif) no-repeat; display:block; height:42px; width:360px; float:left; z-index:12;}
#when_we_run{background:url(images/sub_bar/book_bar_01.gif) no-repeat; display:block; width:114px; height:42px;  float:left;}
#when_we_run:hover {background:url(images/sub_bar/book_bar_over_01.gif) no-repeat; display:block; width:114px; height:42px; float:left;}
#how_to_pay {background:url(images/sub_bar/book_bar_02.gif) no-repeat; display:block; width:95px; height:42px;  float:left;}
#how_to_pay:hover {background:url(images/sub_bar/book_bar_over_02.gif) no-repeat; display:block; width:95px; height:42px; float:left;}
#info_request {background:url(images/sub_bar/book_bar_03.gif) no-repeat; display:block; width:151px; height:42px;  float:left;}
#info_request:hover {background:url(images/sub_bar/book_bar_over_03.gif) no-repeat; display:block; width:151px; height:42px;  float:left;}


.coaches_bar {background: url(images/coach_bar.gif) no-repeat; display:block; height:42px; width:360px; float:left; z-index:12;}
.faq_bar {background: url(images/faq_bar.gif) no-repeat; display:block; height:42px; width:360px; float:left; z-index:12;}
.staff_bar {background: url(images/staff_bar.gif) no-repeat; display:block; height:42px; width:360px; float:left; z-index:12;}
.home_bar {background:#99CCFF url(images/inner_top.gif) bottom left no-repeat; display:block; height:42px; width:360px; float:left; z-index:12;}




