#front, #iframeBody { font-size: 80%; font-family: arial, helvetica, sans-serif; }
#front { background-color: #2e4e5e; margin: 0px auto; text-align: center; color: #46423e; }

#front h1, #iframeBody h1, .fusionH1 { text-transform: uppercase; font-family: 'Coda', arial, helvetica, sans-serif; font-size:280%; line-height: 100%; font-weight: bold; }
#front h1, #iframeBody h1 { margin: 0px 0px 20px 0px; }
#front h2, #iframeBody h2, .fusionH2 { font-family: 'Coda', arial, helvetica, sans-serif; font-size: 140%; line-height: 140%; font-weight: bold; }
#front h3, #iframeBody h3, .fusionH3 { font-family: arial, helvetica, sans-serif; font-size: 125% !important; line-height: 140%; margin-bottom: 0px; font-weight: bold; }
#front h4, #iframeBody h4, .fusionH4 { font-family: arial, helvetica, sans-serif; font-size: 120% !important; font-weight: bold; margin-bottom: 0px; color: #d11849; }
#front h5, #iframeBody h5, .fusionH5 { font-family: arial, helvetica, sans-serif; font-size: 100% !important; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

img, fieldset { border: 0px; }
#front input, #front textarea, #front select { font-size: 1em; font-family: arial, helvetica, sans-serif; }
fieldset { margin: 0px; padding: 0px; }

.highlight, .centreTitle { color: #d11849; }
.centreTitle { padding-right: 65px; background: url(../images/footprint.png) right 6px no-repeat; }

a, a:visited { color: #d11849; }
a:hover { color: #46423e; }

address { font-style: normal; }
a.feature .internal, a.feature:visited .internal { color: #ffffff !important; }

h2 a, h3 a { text-decoration: none; }

#s { color: #909090; }

#front label { display: block; float: left; width: 170px; margin-right: 10px; height: 26px; clear: left; }
#front .element { float: left; width: 270px; height: auto !important; height: 26px; min-height: 26px; }

#header, #page, #essex-outdoors { position: relative; width: 980px; text-align: left; margin: auto; }

#essex-outdoors { background: url(../images/grey-pink-side-bar.png) left top repeat-y; }
#essexoutdoors { position: relative; z-index: 80; }

#menu, #body, #right-column { padding-top: 32px; padding-bottom: 20px; }
#menu a, #right-column a { text-decoration: none; }

#footer { position: relative; height: 62px; background: url(../images/footer.png) 36px 0px no-repeat; float: right; width: 700px; }
#footer ul { background: url(../images/footer-start.png) left top no-repeat; text-align: left; height: 62px; list-style-type: none; margin: 0px; padding: 0px 0px 0px 30px; }
#footer ul li { float: left; margin: 10px 0px 0px; padding: 0px 10px 0px 0px; }

#contactUs .internal { padding-right: 20px; }
#contactUs small { font-weight: normal; }
#contactUs { width: 295px; float: left; margin-right: 20px; color: #ffffff; background-color: #46423e; }
#contactUs input { height: 20px; line-height: 20px; }
#contactUs select { height: 23px;  padding: 2px 3px; }
#contactUs input, #contactUs textarea, #contactUs select { margin-bottom: 20px; font-weight: bold; color: #909090; width: 250px; font-size: 1.1em; }
.inButton { cursor: pointer; border-bottom: 1px solid #000000 !important; width: 255px !important; background: #d11849 url(../images/submit.gif) 235px 4px no-repeat; height: 25px !important; color: #ffffff !important; text-align: left; border: none; }
#centresContact { width: 175px; float: left; }
.selectDay, .selectMonth { float: left; margin-right: 20px; margin-bottom: 5px !important; }
.selectDay { width: 41px !important; }
.selectMonth { width: 51px !important; }
.selectYear { width: 61px !important; float: left;  margin-bottom: 5px !important; }
.label { width: 62px; float: left; font-weight: bold; font-size: 1.1em; }
.selTime { width: 193px !important; float: right; }
#enquiry-link { background: #ffffff url(../images/downarrow.gif) 235px 6px no-repeat; border-bottom: 1px solid #000000; }
#extendedClose, #enquiry-link { cursor: pointer; font-size: 1.1em; line-height: 25px; padding-left: 5px; font-weight: bold; color: #d11849; }
#extendedClose { margin: 10px 0px; border-top: 1px solid #000000; background: #ffffff url(../images/uparrow.gif) 235px 4px no-repeat; }

#warning { color: #ffffff !important; margin-bottom: 20px; }
#warning .internal { padding: 10px !important; }

.summary { display: none; }

.courseList { clear: both; padding-bottom: 20px; }
.courseList img { float: right; margin-left: 10px; margin-bottom: 20px; }

#menu { position: relative; z-index: 90; }
#menu form { margin: 40px 0px 20px 20px; }
#menu form input { float: left; }
#s { _width: 106px; width: 102px; background: url(../images/search-arrow.png) left top no-repeat; border: none; _height: 28px; height: 22px; padding: 2px 0px 4px 4px; line-height: 22px; font-weight: bold; }
#body { width: 510px; float: left; min-height: 850px; line-height: 150%; }
#right-column, #menu { width: 235px; float: left; min-height: 850px; }
#right-column { /* background: url(../images/bar.png) left 32px repeat-x; */ }
#essex-works { margin: 0px 0px 20px 0px; }

#essex { height: 257px; background: url(../images/essex.png) top left no-repeat; position: relative; color: #ffffff; text-align: center; margin-bottom: 20px; }
#essex h2 { font-size: 2em !important; padding-top: 10px !important; line-height: 100%; margin-top: 0px !important; }
#essex h2 .gloria { font-size: 0.6em; display: block; }
#essex div { -moz-box-shadow: 2px 2px 8px #000000;
  -webkit-box-shadow: 2px 2px 8px #000000;
  box-shadow: 2px 2px 8px #000000;
 display: none; position: absolute; text-align: center; text-transform: uppercase; font-family: 'Coda', arial, helvetica, sans-serif; font-size:120%; float: left; padding: 2px 10px; background-color: #d11849; z-index: 90; }
#essex img { position: absolute; z-index: 50; }
#harlow { left: 30px; bottom: 82px; }
#harlowc { left: 40px; bottom: 80px; }
#bradwell { right: 61px; bottom: 95px; }
#mersea { right: 45px; bottom: 110px; }
#maes-y-lade { left: 31px; top: 73px; }
#danbury { right: 110px; bottom: 85px; }
#dawshall { right: 100px; top: 60px; }

.parchment { background: url(../images/parchment-background.png) left top repeat; }

.parchment h4 { clear: both; padding-top: 20px; }
.parchment {  margin-bottom: 20px; padding: 25px 20px 0px; }
.home .parchment h1 { font-size: 200% !important; width: 136px; float: left; margin-right: 20px !important; padding-top: 5px; }
#body .inner { width: 492px; }

.essex { font-size: 164%;}
.county { font-size: 120%; }
.council { font-size: 95%; }
.outdoor { }
.education { font-size: 87%; }
.service { font-size: 120%; }
.home .parchment p.highlight { font-weight: bold; font-size: 1.08em; }
.home .parchment p { float: left; width: 296px; margin: -5px 0px 20px !important;  }
.home .parchment { min-height: 249px; }

.half, .half:visited  { text-decoration: none !important; }
.home .half { height: 190px; display: block; overflow: hidden; }
#right-column .half { min-height: 190px; }
.home .half .internal { padding-right: 20px !important; }
.internal {  display: block; padding: 20px 10px 20px 20px; }
.internal h2 { margin: 0px; }
.half .internal ul { font-size: 0.9em; margin: 5px 0px; padding: 0px; list-style-type: none; }
.half .internal ul li { line-height: 140%; margin: 5px 0px; padding: 0px; }
.half .internal ul li a, .half .internal ul li a:visited, .product-details-right-column a, .product-details-right-column a:visited { color: #ffffff; font-weight: bold; display: block; text-decoration: none; padding-right: 10px; }
.brown .internal ul li a:hover { color: #d11849; background: url(../images/extra-info-arrow.png) right 4px no-repeat; }
.red .internal ul li a:hover, .product-details-right-column a:hover { color: #46423e; background: url(../images/powerboat-arrow.png) right 4px no-repeat; }
#download a:hover { color: #46423e; background: url(../images/powerboat-arrow.png) right 2px no-repeat;  }
.home .half .internal { text-align: center; }
.home .half .internal { font-size: 1.5em; }
#right-column .half .internal { font-size: 1.3em; }
.home .half .internal, #right-column .half .internal { text-transform: uppercase; font-family: 'Coda', arial, helvetica, sans-serif; }
.home .half .internal img { display: block; clear: both; margin: auto; }
.half .gloria { font-size: 2em !important; text-transform: none !important; }
.half .coda { font-size: 2em !important; text-transform: uppercase; }
.half { width: 236px; float: left; margin-right: 20px; margin-bottom: 20px; }
.end { margin-right: 0px !important; }
.boxy { margin-bottom: 20px; }
.contact { font-weight: bold; min-height: 100px; font-size: 0.9em; line-height: 130%;  }
.contact .internal { padding: 10px !important; }
.contact h2 { font-size: 1em !important; text-transform: uppercase; font-weight: normal !important; }

.search-link a { font-weight: bold; text-decoration: none; padding-right: 15px; background: url(../images/extra-info-arrow.png) right 4px no-repeat;}
.search-link a:hover { color: #46423e; background: url(../images/powerboat-arrow.png) right 4px no-repeat; }

#contact .gloria { display: block; font-size: 2.2em !important; }
#contact h2 { color: #46423e; margin-bottom: 5px !important; }
#contact { color: #ffffff; font-weight: bold; margin-bottom: 20px;  }
#download { font-size: 0.85em; font-weight: bold; }
#download, #download a, #download a:visited { color: #ffffff; text-decoration: none; }
#download h2 { font-size: 3.2em !important; margin-bottom: 10px; }
#courseInfo h2 { margin: 0px !important; }
#courseInfo { font-weight: bold; }

#get-pdf, #offeredBy { border-top: 1px solid #ffffff; padding-top: 10px; margin-top: 20px;  }
.download { padding-right: 15px; background: url(../images/pdf-white-arrow.png) right 2px no-repeat; }
#offeredBy a, .bigCentre.red a, .bigProduct.red .infoAndCourses a { padding-right: 15px; background: url(../images/pdf-white-arrow.png) right 4px no-repeat; }
.bigCentre.parchment a, .bigProduct.parchment .infoAndCourses a { padding-right: 15px; background: url(../images/extra-info-arrow.png) right 4px no-repeat; }
.bigCentre.brown a, .bigProduct.brown .infoAndCourses a { padding-right: 15px; background: url(../images/extra-info-arrow.png) right 4px no-repeat; }

#duke_of_edinburgh .internal { padding-top: 30px; }
#environmental_education .internal { padding-top: 40px; }
#sailing .internal { padding-top: 40px; }
#corporate_and_leisure .internal { padding-top: 30px; }
#schools_and_youth_groups .internal { padding-top: 40px !important; }

.product-details-left-column { float: left; width: 75px; font-weight: bold; }
.product-details-right-column { float: left; width: 130px; font-weight: bold; }

#environmental_education .internal { padding-left: 0px !important; padding-right: 0px !important; }
#courses .gloria {  margin-top: 40px; display: block; }
#courses { font-size: 1em; color: #ffffff; }
#courses .internal { text-align: left !important; }
#courses img { float: right; }


.home a.half:hover, #right-column a.half:hover { background-color: #000000; color: #ffffff; }
.home a.half:hover .highlight, .home a.half:hover .gloria, #right-column a.half:hover .highlight, #right-column a.half:hover .gloria { color: #ffffff; }
.home .brown { background: #46423e url(../images/red-arrow.png) 10px 10px no-repeat; }
.home .red { background: #d11849 url(../images/beige-arrow.png) 10px 10px no-repeat; }
.home .white { background: #efeae4 url(../images/black-arrow.png) 10px 10px no-repeat; }
.brown { background-color: #46423e; color: #ffffff; }
.brown a:hover { color: #ffffff; }
.red { background-color: #d11849; color: #2a2a2a; }
.red .gloria { color: #f2ede9; }
.red .highlight { color: #ffffff !important; }
.red a { color: #ffffff; }
.red a:hover { color: #46423e; }
.white { background-color: #efeae4; color: #d11849; }
#right-column a.white { color: #46423e; }
.white .gloria { color: #46423e; }

.bigProduct, .bigCentre { font-size: 1.1em; margin-bottom: 20px; min-height: 210px; padding: 0px !important; font-weight: bold; position: relative; }
.bigProduct .internal { padding-bottom: 20px !important; }
.bigCentre { }
.bigCentre p { margin: 10px 0px !important; }
.bigCentre .internal { padding-top: 13px !important; padding-bottom: 0px !important; }
.bigCentre h2 { font-size: 2.4em !important; text-transform: uppercase; }
.bigCentre .gloria { font-size: 2.8em !important; text-transform: none !important; position: relative; top: -5px; }
.even img { float: left; margin-right: 10px; }
.even .internal { }
.even h2 { }
.odd .internal { }
.odd img { float: right; margin-left: 10px; }
.odd p { }
.even p { }
.bigCentre a, .bigProduct a { text-decoration: none; }

.courseImage { float: left; margin-right: 10px; }

#cendanbury p { float: right; width: 300px; }
#cenbradwell p, #cenenvironmental_education p, #cenmaes_y_lade p { float: left; width: 300px; }
#cenenvironmental_education p { width: 280px !important; }

#cenharlow_climbing_wall { padding-left: 110px !important;}
#cenharlow { padding-bottom: 40px !important; }

#cenharlow img { position: absolute; right: 0px; bottom: 0px; }
#cenharlow_climbing_wall img { position: absolute; left: 0px; top: 0px; }

#pdf { float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 30px;  }
#front hr { height: 31px; background: url(../images/footprint.png) center center no-repeat; border: 0px; margin: 8px 0px 14px; border: 0px solid #ffffff !important; }

#contact-us { font-size: 1.7em; color: #ffffff; font-family: 'Coda', arial, helvetica, sans-serif; line-height: 50px; margin-bottom: 20px; background: url(../images/contact-arrow-home-page.png) left top no-repeat; display: block; padding-left: 40px; }

.gloria { font-family: 'Gloria Hallelujah' !important; }
.gloria { text-transform: none !important; }

#menu ul { list-style-type: none; padding: 0px; margin: 0px; font-family: 'Gloria Hallelujah'; font-size: 1.5em; width: 200px; }
#menu ul li { height: 45px; padding: 0px; margin: 4px 0px; }
#menu ul li ul { -moz-box-shadow: 4px 0px 8px #444444;
  -webkit-box-shadow: 4px 0px 8px #444444;
  box-shadow: 4px 0px 8px #444444;display: block; overflow: hidden; background-color: #d11849; color: #ffffff; z-index: -1; position: absolute; left: 176px; width: 0px; top: 0px; padding-top: 130px; /*font-family: 'Coda', arial, helvetica, sans-serif;*/ font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; }
#menu ul li ul li { min-height: 24px; height: auto !important; margin: 0px !important; }
#menu ul li ul a { color: #ffffff !important; padding: 5px 20px 5px 30px !important; line-height: 16px !important; border-bottom: 1px solid #bc103e; }
#menu ul li ul span { padding-left: 30px; color: #46423e; line-height: 31px; display: block; }
#menu ul li.current { background: url(../images/centres-label.png) 5px top no-repeat; z-index: 80; }
#menu ul li.current a { color: #d11849; }
#menu ul li a { line-height: 31px; display: block; padding-left: 45px; color: #ffffff; text-shadow: #000000 0px 1px 1px; }
#menu ul li a:hover, #contact-us:hover { color: #d11849; text-shadow: #000000 0px 1px 1px; }
#menu ul li ul li a:hover { color: #46423e !important; text-shadow: none; }


#mediaPanel { float: right; width: 190px; font-size: 0.9em; margin-left: 20px; min-height: 100px; padding-left: 5px; border-left: 1px solid #d0d0d0; padding-bottom: 20px; }
#mediaInner { background-color: #f0f0f0; padding: 5px 0px; }
#mediaInner ul { list-style-type: none; padding: 10px 0px; margin: 0px; }
#mediaInner ul li { margin: 0px 0px 5px; padding: 0px; }
#mediaInner ul li a { text-decoration: none; font-weight: bold; }
#videoPanel { display: block; height: 300px; }
#getPDFReader img { display: block; }
#getPDFReader { line-height: 180%; font-size: 0.8em; background-color: #f0f0f0; padding-top: 5px; border-top: 1px solid #d0d0d0; }
.mediaPDF { padding-left: 27px !important; background: url(../images/fusion/pdf-small.png) left top no-repeat; }


#aiming-high { font-size: 1.2em; line-height: 140%; }
#right-column .half img { float: right; }
#aiming-high .highlight { font-size: 1.55em; line-height: 110%; }
.smaller { font-size: 0.55em; display: block; line-height: 55%; }
.children { font-size: 0.77em; }
#quality, #bookings { margin-bottom: 20px; }
#bookings { height: 85px; font-size: 1.5em; display: block; background: url(../images/bookings.png) top left no-repeat; line-height: 110%;  }
#bookings:hover .gloria { color: #000000; }
#bookings:hover .coda { color: #ffffff; }
#bookings .gloria { font-size: 2em; }
#bookings .internal { padding: 20px 20px; display: block; }
#bookings .coda { font-family: 'Coda', arial, helvetica, sans-serif; background: url(../images/beige-arrow.png) right 3px no-repeat; text-transform: uppercase; padding-right: 22px; }

.centre { height: 30px; font-weight: bold; color: #ffffff; font-size: 0.9em; }
.un { background: url(../images/concentre-un.gif) left top no-repeat; cursor: pointer; }
.sel { background: url(../images/concentre-sel.gif) left top no-repeat !important; }
.centre span { display: block; padding: 3px 0px 0px 40px; }
#centreHolder { margin-bottom: 20px; }



.clr_both { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }