body{background: #F3F8E9; font-size: 14px;}
a{color: #13709D;}
a:hover{color: #1292D0;}

#Header{background: url(../images/brand-bg.gif) repeat-x scroll 0 0 #91B23A; height: 134px;}
#HeaderInner{}

#Main{}

#Logo{display: block; float: left; height: 100px; margin-top: 34px;}
#Logo img{display: block;}
a#Logo:hover{background:url(../images/backtohomepage.jpg) no-repeat scroll 0 82px transparent;}
#BrandImage{float: right;}
#BrandImage img{display: block; float: left;}

#Menu{background: #68842B;}
#Menu ul, #Menu li{padding: 0; list-style: none;}
#Menu li{display: block; float: left; margin: 0;}
#Menu li a{display: block; padding: 0 6px; line-height: 33px; color: #fff; font-weight: bold; text-decoration: none; font-size: 13px;}
#Menu li a.section, #Menu li a.current,
#Menu li a:hover{background: #74912F;}

#Layout{padding: 20px 0; text-align: left;}

.page h1{font-size: 30px; color: #68842B; margin-bottom: 30px;}
.typography{padding-bottom: 20px;}

.typography a.toggle{text-decoration: none;}
.typography a.toggle:hover{text-decoration: none;}

#DayTours{font-size: 12px; background: #fff;}


#BookingForm{border-bottom: 1px #D8E1EE solid;}

#FlexiPassPage{clear: both; text-align: center;}
#FlexiPassPage p{margin: 0; float: left; height: 150px; padding-right: 0 !important; text-align: center; width: 236px;}
#FlexiPassPage form{background: url(../images/panel-green-bg.gif) repeat-y scroll 0 0 transparent; float: left; height: 140px; text-align: left; width: 236px;}
#FlexiPassPage form div{background: url(../images/panel-green-top.gif) no-repeat scroll 0 0 transparent; height: 140px; margin: 0;}
#FlexiPassPage form div div{background: url(../images/panel-green-bottom.gif) no-repeat scroll 0 100% transparent; height: 120px; padding: 20px 0 0 20px;}
#FlexiPassPage form div div input, #FlexiPassPage form div div img, #FlexiPassPage form div div select {margin: 0 0 15px;}

#FlexiPassHome{list-style: none outside none; margin: 1em 0; padding: 0;}
#FlexiPassHome li{display: inline;}
#FlexiPassHome li a{display: block; float: left; height: 150px; text-decoration: none; text-indent: -999em;}
#FlexiPassHome li.link1 a{background: url(../images/panel-1.gif) no-repeat scroll 0 0 transparent; width: 227px;}
#FlexiPassHome li.link2{background: url(../images/panel-2-plain.gif) no-repeat scroll 0 0 transparent; display: block; float: left; height: 150px; width: 231px;}
#FlexiPassHome li.link2 form{padding: 60px 0 0 56px;}
#FlexiPassHome li.link2 form select{height: 21px; margin: 0 0 21px;}
#FlexiPassHome li.link3 a{background: url(../images/panel-3.gif) no-repeat scroll 0 0 transparent; width: 250px;}

.inner, .page{width: 708px; margin: 0 auto; text-align: left;}
.color-bar{height: 10px; background: #13709D;}
.color-bar div{height: 10px; margin: auto; background: none repeat scroll 0 0 #FFFFFF; border-left: 236px solid #F0B500; width: 472px;}

#FooterInner{border-top: 9px solid #68842B; background: url(../images/base-bg.gif) repeat-x scroll 0 0 #91B23A; height: 186px;}

#base1{float: left; width: 236px;}
#base1 a{color: #fff; font-size: 13px; text-decoration: none; line-height: 1.2em;}
#base2{float: left; width: 354px;}
#base2 a, #base2 img{display: block; float: left;}
#base3{float: left; text-align: right; width: 118px;}
#base1 img{margin: 28px 0 13px;}
#base2{float: left; width: 354px;}
#base3{float: left; text-align: right; width: 118px;}

#Footer .copy{padding: 10px 0;}
#Footer .copy p{font-size: 11px; margin: 0 0 2px 0;}