html{
    height:100%;       /*force scrollbar*/
    margin:0 0 1px 0;
}

body{
    background-color:#fff;
    color:#000;
    margin:10px;
    font-size:95%;
  font-family:'comic sans ms',cursive;
}

body.blue{
    background-color:#289BEC;
}

a img{
  border:0;
}

a,
a:active,
a:visited{
    font-weight: bold;
    text-decoration:none;
/*    color:#E3001B;*/
    color: #1a2b85;
}

a:hover{
   text-decoration:underline;
}

#leaflet a,
#leaflet a:active,
#leaflet a:visited,
#leaflet a:hover{
    color:#74FF30;
}


p{
   margin:14px 0px 14px 0px;
   line-height:1.5em;
   text-align:left;
   padding:0;
}

#standardcontent p{
width:97%;
padding-left:7px;
}

#standardtable p{
width:100%;
padding-left:14px;
}

p.center{
    text-align:center;
}

p.smalltext{
   font-size:0.8em;
}

ul{
    padding:20px 0 20px 40px;
    margin-left:30px;
    width:600px;
}

font{
    font-weight:bold;
    font-size:1.2em;
}

h1{ /*hidden heading, hides behind position background image*/
    position:absolute;
    top:30px;
    left:30%;
    margin:0;
    padding:0;
    color:#e3001b;
    font-weight:bold;
    font-size:1em;
    z-index:1;
}

h2{
    width:97%;
    padding:0;
    text-align:right;
}


h3{
    font-size:1.3em;
    font-weight:bold;
    color:#000;
    margin:10px 0 10px 10px;
}

h3.sub{
    margin-top:-20px;
    margin-bottom:20px;
    text-align:left;
	width:100%;
	display:inline;
	clear:both;
}

table{
    border-collapse:collapse;
}

td{
    padding:0;
    vertical-align:top;
}

#wrap{     /*wraps and centers everything*/
    width:877px;
    margin:auto;
}
                    /*border divs creating border effect*/
#bordertop{
    background:url("images/border-top.gif") transparent top center no-repeat;
    float:right;
    width:877px;
}

#borderbottom{            /*border divs creating border effect*/
    background:url("images/border-bottom.gif") transparent bottom no-repeat;
    float:right;
    width:877px;
}

#borderleft{              /*border divs creating border effect*/
    background:url("images/border-left.gif") #fff left repeat-y;
    float:right;
    width:877px;
}

#borderright{              /*border divs creating border effect*/
    background:url("images/border-right.gif") transparent right repeat-y;
    float:right;
    width:877px;
}

  /*wraps everything within borders*/

#centerwrap{
    width:866px;
    padding:6px 5px 5px 6px;
}


  /*contains and styles the left hand menu*/

#menu{
    background:url("images/border-menu.gif") #FF2965 right repeat-y;
    width:113px;
    margin-bottom:10px;
}

#menu img{
   margin:10px 0 0 5px;
}


  /*leaflet link*/


#homefeatures{
   border-collapse:collapse;
   margin:0px auto 0px auto;
   text-align:center;
   font-size:0.8em;
   width:100%;
   font-weight:bold;
}

#homefeatures td{
   padding:6px;
   width:auto;
   vertical-align: middle;
}

#homefeatures img{
   border:0;
   margin:0px 0 0px 0;
}

td.vtop{
    vertical-align:top;
}


  /*standard content container div, basically all but home page*/

#standardcontent{
    margin:0px 0px 12px 5px;
    float:left;
	width:100%;
    border-collapse:collapse;
}

#standardtable{
    border-collapse:collapse;
    width:100%;
    margin-top:-10px;
}

#standardtable h3{
   margin-top:-40px;
   margin-bottom:-1px;
}

#standardtable .sub{
   margin-top:-20px;
   margin-bottom:-10px;
}

#standardtable td{
   padding:0;
}

#standardtable img{
    border:0px solid #162A83;
    margin:10px 10px 20px 10px;
}

#standardtable h2 img{
    border:0px solid #162A83;
    margin:10px 10px 0 10px;
}

                 /*use for floating stuff to the right, specify width in html with style for variations*/
div.rightfloat{
    float:right;
}

  /*contains all main content including header*/

#contentfloat{
    width:750px;
    float:right;
    clear:both;
}

#heading{        /*page heading, containing floating background image, book online image and email link via trans.gif*/
    background:url("images/header.jpg") transparent top center no-repeat;
    position:relative;
    top:0px;
    left:0px;
    z-index:2;
    height:66px;
    width:750px;
    padding-top:65px;
}

img.tagline{
    margin:-10px 0 6px 10px;
    display:block;
}

h2{   /*hidden heading for tagline  */
    font-size:0px;
    font-size:0%;
    margin:10px 0 0 5px;
    padding:0;
}

h2 img{
   border:0 !important;
}

#homelayout{
    width:736px;
    margin:12px 4px 0px 4px;
    border-collapse:collapse;
}

#homelayout td{
   padding:0;
   text-align:left;
}

#homelayout p{
  margin-right:4px;
  margin-left:4px;
}


  /*container for slideshow*/

#slideshow{
    margin:2px 0 0 0;
    position:relative;
    top:0;
    left:2px;
    height:320px;
    width:440px;
}

img.front {
 opacity:1;
 -moz-opacity:1;    /*opacity will not validate*/
 -khtml-opacity:1;
 filter: alpha(opacity=100);
 margin: 0px;
 padding: 0px;
 position: relative;
 top: 0px;
}

img.back {
 opacity:0;
 -moz-opacity:0;
 -khtml-opacity:0;
 filter: alpha(opacity=0);
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
}

#ss1-sl1front {
 left: 0px;
 width: 440px;
 height: 320px;
}

#ss1-sl1back {
 left: 0px;
 width: 440px;
 height:320px;
}




  /*tagline - choose your future... */

#choose{
    margin:0px 0 -20px 8px;
    position:relative;
    top:-15px;
    left:0;
}

#book{
    width:272px;
    background-color:#FF2965;
}

#book img{
      margin:5px 0 5px 30px;
}


#newswrap{
    width:258px;
    padding:4px 7px 4px 7px;
    margin:0;
    background:url("images/eventslist-bottom.gif") transparent bottom left no-repeat;
}


#newslist{
    width:272px;
    padding:0;
    margin:25px 0 0 0;
    text-align:center;
    background:url("images/eventslist-top.gif") #FF2965 top left no-repeat;
}

#newslist h3{
   color:#ff0;
   font-weight:bold;
   font-size:1em;
   margin:0;
   font-family:'comic sans ms',cursive;
}

#newslist p{
  margin:3px 0 5px 0;
  color:#ff0;
  padding-bottom:3px;
  font-weight:bold;
  font-size:0.9em;
  font-family:'comic sans ms',cursive;
}

#newslist a:link,
#newslist a:visited,
#newslist a:active{
   color:#1A2B85;
   text-decoration:none;
  font-weight:bold;
  font-family:'comic sans ms',cursive;
}

#newslist a:hover{
   color:#2260EC;
}

div.readmore{
    position:relative;
    top:-27px;
    left:0;
    float:right;
    margin-bottom:-27px;
    clear:both;
  padding-bottom:0;
  width:258px;
  text-align:right;
}






  /*home page events list*/

#eventswrap{
    width:258px;
    padding:10px 7px 4px 7px;
    margin:0;
    background:url("images/eventslist-bottom.gif") transparent bottom left no-repeat;
}


#eventslist{
    width:272px;
    padding:0;
  color:#ff0;
  font-weight:bold;
    margin:8px 0 0 0;
    text-align:left;
    background:url("images/eventslist-top.gif") #FF2965 top left no-repeat;
}

#eventslist h3{
   color:#ff0;
   font-weight:bold;
   font-size:1em;
   margin:3px 0 0 0;
   font-family:'comic sans ms',cursive;
}


#eventslist p{
  margin:0 !important;
  color:#ff0;
  padding-bottom:0px;
  font-weight:bold;
  font-size:0.9em;
  font-family:'comic sans ms',cursive;
}

#eventslist a:link,
#eventslist a:visited,
#eventslist a:active{
   color:#1A2B85;
   text-decoration:none;
  font-weight:bold;
  font-size:1.2em;
  font-family:'comic sans ms',cursive;
}

#eventslist a:hover{
   color:#2260EC;
}

div.moreinfo{
    position:relative;
    top:-20px;
    left:0;
    float:right;
    margin-bottom:-27px;
  border-bottom:1px dashed #2260EC;
  padding-bottom:1px;
  width:258px;
  text-align:right;
}

#moreinfo a:link,
#moreinfo a:visited,
#moreinfo a:active,
#moreinfo a:hover{
  font-size:1em !important;
}

#moreinfolast a:link,
#moreinfolast a:visited,
#moreinfolast a:active,
#moreinfolast a:hover{
  font-size:1em !important;
}

div.moreinfolast{
    position:relative;
    top:-27px;
    left:0;
    float:right;
    margin-bottom:-30px;
  padding-bottom:6px;
  width:258px;
  text-align:right;
}

h3.sports{
    font-size:1.2em;
    font-weight:bold;
    color:#289BEC;
    margin:0px 0 1px 9px;
}

#sportswrap{
    background:url("images/activities-bottom.gif") #289BEC bottom center no-repeat;
    width:730px;
    padding:0;
    margin:0 10px 10px 10px;
}

#sportsbox{
    text-align:center;
    background:url("images/activities-top.gif") transparent top center no-repeat;
    color:#ff0;
    font-weight:bold;
    font-family:verdana,sans-serif;
    font-size:0.7em;
    line-height:1.1em;
    padding:4px;
    margin:0;
}

#sportsbox font{
   color:#74FF30;
   font-size:1em;
}

  /*contact form styles*/


#contactpage{
    margin:0 0 0 30px;
}

#contactform{
    margin:20px 0 20px 10px;
    width:278px;
}

#contactform table {
    margin:20px 0 0 10px;
    width:278px;
}

#contactform fieldset{
   width:300px;
    background:url("images/contact-top.gif") transparent top center no-repeat;
}

.contact{
  background:#9DD0F7 !important;
}

#contactwrap{
   width:310px;
    background:url("images/contact-bottom.gif") #FF2965 bottom center no-repeat;
}

#contactform td{
   vertical-align:top;
   padding:2px;
}

fieldset{
    padding:5px;
    margin:0;
    border:0;
}

legend{
    font-size:1.2em;
}

label {
    font-weight:bold;
}

input, select{
    border:1px solid #000;
    background-color:#9DD0F7 !important;
    padding:1px;
    font-family:verdana,sans-serif;
    font-size:1em;
    overflow: hidden;
}

.fixedwidth input,
.fixedwidth textarea,
.fixedwidth select{
    width:200px;
}

textarea{
    height:90px;
    border:1px solid #000;
    background-color:#9DD0F7 !important;
    padding:1px;
    font-family:verdana,sans-serif;
    font-size:1em;
    overflow:auto;
    margin:0 0 0 0;
}

input.submit{
    width:93px   !important;
    height:61px;
    border:0;
    margin-bottom:-27px;
    position:relative;
    top:-27px;
    left:5px;
    background:transparent !important;
}

input.send{
    width:93px   !important;
    height:61px;
    border:0;
    background:transparent !important;
}

input.booknav{
    width:112px   !important;
    height:61px;
    border:0;
    background:transparent !important;
}

#address{
    padding:30px 0 0 60px;
    width:300px;
    font-size:1.1em;
}

#address a,
#address a:active,
#address a:visited,
#address a:hover{
    font-weight:normal;
}

.address {
   width: 330px;
   padding: 10px 25px 0 0px;
}

#schooladdress{
    padding:0px 0 0 20px;
    width:300px;
    font-size:1em;
}

#schooladdress a,
#schooladdress a:active,
#schooladdress a:visited,
#schooladdress a:hover{
    font-weight:bold;
}

/* subscribe and recommend form styles */
#subscribeform{
    width: 600px;
    margin: 0 0 0 5px;
}

#subscribeform fieldset{
    padding: 0;
    border: 0;
    width:635px;
    background:url("images/fieldset-top.gif") #FF2965 top center no-repeat;
}

#subscribeform h4{
    margin:5px 0 0 10px;
    font-weight:normal;
    font-size:1.1em;
}

#subscribeform table{
   margin: 1em 0 0 3em;
}

#subscribeform div{
    background:url("images/fieldset-bottom.gif") transparent bottom center no-repeat;
    padding:0 0 8px 0;
}

#subscribeform td {
   vertical-align:top;
   padding-top:6px;
}

#subscribeform input.fixedwidth {
   width: 230px;
}

#recommendform td{
    padding:3px;
}

#recommendform .send {
    padding-top: 10px;
}

/* bookings pages */
#onlinebooking {
width: 660px;
margin-bottom: 1em;
}

#onlinebooking fieldset{
  margin: 1em 0 0 45px !important;
  padding: 0 0 0.5em 0.5em;
  border-style:double;
  border-width:3px;
  border-color:#FF2965;
  width: 630px;
  float:right;
  background-color:#fff !important;
}

.readonly{
    background-color:#fff !important;
    padding:1px;
    margin:1px;
}

.readonlyage{
    background-color:#fff !important;
    padding:1px;
    margin:1px;
    width:20px !important;
}

.readonlyplaces{
    background-color:#fff !important;
    width:30px !important;
    padding: 1px;
    margin: 1px;
}

.readonlywide {
    padding: 1px;
    margin: 1px;
    background-color:#fff !important;
    width: 449px !important;
}


#onlinebooking input{
   width:234px;
}

#onlinebooking textarea{
   width:234px;
}

.places{
    width:20px !important;
}

p.buttons{
    margin-left:50px;
}

.button{
    width:160px !important;
}

.buttonfwd{
    width:160px !important;
   margin-left:50px;
}

#onlinebooking legend {  
margin-left: 1em;  
color: #FF2965;
font-weight: bold;
}

#onlinebooking ul {
padding: 0 1em 0 1em;
list-style: none;
width: 570px !important;
}

#onlinebooking li {
float: left;
clear: left;  
width: 570px !important;
padding-bottom: 4px;
}

#onlinebooking label {
float: left;  
width: 13em;
margin-right: 1em;
}

#onlinebooking .otherdetails {
  width: 449px;
}

.subinput,
#onlinebooking .subinput {
    width: 4em;
    border:0 !important;
    background:#fff !important;
}

.subinputcontact {
width: 4em !important;
border:0 !important;
background:#FF2965 !important;
}

#viewcamps {
font-size:0.9em;
margin-left: 16em;
}


input.dob{
    width:98px !important;
}

input.age{
    width:20px !important;
}

input.sibling{
   width:20px !important;
   background-color: #fff !important;
   border: 0px !important;
}

.reviewdata input,
.reviewdata textarea {
border: 0px;
padding: 0px;
width: 240px;
}

.yourbooking textarea,
.yourbooking input{
border: 0px;
}

#daysAtCamp span {
    display: inline-block;
    width: 150px;
}

#daysAtCamp input.subinput {
    width: 15px;
}
  
#daysAtCamp span em {
    font-size:0.85em;
    font-style: normal;
}

#daysAtCamp div {
    display: block;
    width: 320px;
    float: left;
}

#formfwd{
float: right;
width:112px !important;
height:61px;
border: 0;
margin: 0.8em 9em 3em 4em;
background-color:#fff !important;
}


#formback{
float: left;
margin: 0.8em 4em 3em 4em;
width:112px !important;
height:61px;
border: 0;
background-color:#fff !important;
}

#paypal {
text-align: right;
padding-right: 80px;
background-color: #fff;
margin-left: 150px;
margin-top: 0px;
}

#paypal input {
   border: 0;
   background-color: #fff !important;
}


/* for erroneous input: */
.formerror {
color: #f00;
}

#onlinebooking label em {
font-size: 0.8em;
color: #f00;
}

/*camps page, listings, tables etc*/


.program a:link,
.program a:visited,
.program a:active{
   color:#1A2B85;
   text-decoration:none;
  font-weight:bold;
  font-size:0.8em !important;
}

.program a:hover{
   color:#2260EC;
}

.program{
    width:380px;
    margin:0;
    background:url("images/camps-top.gif") transparent top left no-repeat;
}

div.programwrap{
    width:380px;
    margin:0 0 2px 170px;
    background:url("images/camps-bottom.gif") #FF2965 bottom left no-repeat;
}

.program td{
   border:0;
   text-align:center;
   padding: 2px 3px 4px 3px;
}

.program p.price{
   font-size: 0.8em !important;
   font-weight: normal;
   margin: 0;
}

td.shade{
    background:url("images/cell-shade.gif");
    width:84px;
}


td.venue{
  font-weight:bold;
  color:#ff0;
  width:60%;
  font-size:1.2em;
  padding-left: 6px;
  border-right:1px dashed #fff;
  text-align:left !important;
  font-family:'comic sans ms',cursive;
}

td.venueborder{
  font-weight:bold;
  color:#ff0;
  border-right:1px dashed #fff;
  font-size:1.2em;
  text-align:left !important;
  font-family:'comic sans ms',cursive;
}

td.date{
  font-weight:bold;
  color:#ff0;
  vertical-align:middle;
  font-family:'comic sans ms',cursive;
}


#prices{
    margin-left:40px;
}

#prices td{
    padding: 3px 10px 3px 10px;
    text-align:center;
    border:0px;
}

tr.head{
  font-weight:bold;
  color:#E3001B;
  font-size:1.2em;
  font-family:'comic sans ms',cursive;
}


#typicalday{
    width:730px;
    margin:0 0 20px 0px;
    font-size:0.7em;
}

#typicalday td{
   border:1px solid #162A83;
   padding:3px;
}

td.time{
    width:80px !important;
    background-color:#fff !important;
}

tr.day{
    font-weight:bold;
    text-align:center;
    width:129px;
    font-size:1.2em;
}

tr.green{
    background-color:#0f0;
}

tr.pink{
    background-color:#f9c;
}

tr.purple{
    background-color:#936;
}

tr.blue{
    background-color:#9cf;
}

.grey{
    background-color:#c0c0c0;
}

td.white{
    background-color:#fff !important;
}

.turq{
    background-color:#cff;
}

tr.yellow{
    background-color:#ff0;
}

#footer{
    clear:both;
    width:877px;
    margin:0 auto 0 auto;
    height:10px;
    text-align:right;
    font-weight:bold;
    font-size:0.9em;
}


#map{
    border:1px solid #000;
    width:350px;
    height:230px;
    margin-top:15px;
}

#paypalhome{
    border-collapse:collapse;
    width:360px;
    margin:0px auto 0 auto;
}

#paypalhome td{
   vertical-align:middle;
   padding:0;
}

p.awkward{
    margin:0 0 0 0;
}

#newsletter p{
   margin:0px;
   line-height:1.2em;
   text-align:left;
   padding:8px 0px 8px 0px;
}

#newsletter ul{
    padding:0px;
    margin-left:15px;
    width:auto;
}
#newsletter h3{
    margin-left:0px;
    font-size:18px;
}
#newsltrightcol p{
   padding:2px 0px 2px 0px;
   text-align:center;
}
#newsltrightcol h3{
   text-align:center;
}

hr {
   border: 1px dashed #1a2b85;
}

#eventslist .period {
   color:#ff0;
/*  color:#1A2B85;*/
  text-decoration:none;
  font-weight:bold;
  font-size:1.2em;
  font-family:'comic sans ms',cursive;
}

#eventslist .venue {
  font-size: 1em !important;
}


.booknow {
font-weight:normal !important;
font-size:1em !important;
}

#eventslist p a {
font-weight:normal !important;
font-size:1em !important;
}

hr {
   border-bottom:0px;
   border-left:0px;
   border-right:0px;
   border-top: 1px dashed #1a2b85;
}

.horizrule {
   margin:10px 0 10px 0;
   height:1px;
   border-bottom:0px;
   border-left:0px;
   border-right:0px;
   border-top: 1px dashed #1a2b85;
   line-height:1px;
}

.venueHead{
  border:0px solid #000;}

.venueHead img{
  float:left;
  margin:20px 0px 10px 42px !important;
}

.venueHead h3.sub{
  float:right !important;
  width:321px !important;
  margin:20px 0 10px 0 !important;
  clear:none !important;
  font-size:1.3em !important;
}