@charset "utf-8";
/* CSS Document */
body {background: #f1eede; margin: 0; padding: 0; border: 0; background-image:url(http://www.brooklandsmembers.co.uk/images/mainbg.jpg); background-repeat:repeat-x;}

/* TOP ELEMENTS */
#topcontainer {background:url(http://www.brooklandsmembers.co.uk/images/headerbg.jpg) repeat-x center;}

#top {width: 840px; margin: 0 auto;}

.logo {margin-top: 20px; margin-bottom: 20px;}
.strapline {margin-left: 40px; padding-bottom: 0px;}
.topsearchbox {float:right; width: 370px;  margin-top: 25px; margin-right: 18px; text-align: right; color:#fff;}

/* NAVIGATION */
#navcontainer {height: 35px; background: #073922;}
/*#menu ul li a {display:block; text-decoration:none; padding: 10px 0px 0px 5px; color: #fff; text-align:left; height: 25px; overflow:hidden;} */

#pad {height:140px;}

#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; width: 840px;  margin: 0 auto;}
#menu li {float:left;}
#menu li a {display:block; float:left; height:30px; line-height:25px; color:#fff; text-decoration:none; font-size:14px; font-weight:normal; padding:5px 10px 0 10px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#0a5130;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#0a5130;}
#menu li:hover > a.sub {color:#fff; background-color:#0a5130;}

#menu li.current a {color:#fff; background:#0a5130;}

#menu li a.sub {background: #073922;}
#menu li.current a.sub {color:#fff; background:#073922;}

#menu :hover ul {left:0; top:35px; width:220px; background:#0a5130;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#0a5130; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0;}
#menu :hover ul li a {width:220px; padding:0; text-indent:10px; background:#073922; color:#fff; height:30px; line-height:25px;}
#menu :hover ul li a.fly {background:#0a5130;}

#menu :hover ul :hover {background-color:#0a5130; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#0a5130; color:#fff;}

#menu :hover ul li.currentsub a {background:#073922; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#073922; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#073922; color:#fff;}
#menu :hover ul :hover ul :hover {background-color:#0a5130; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#073922; color:#fff;}




/* FEATURE IMAGES */
#feature {width: 790px; margin: 0 auto; padding: 25px; background-color:#fff2da;}
#feature img {float:right;}
#feature .heading {margin: 0; padding-top:4px; font: bold 27px Arial, Helvetica, sans-serif; color: #4b3a22;}
#feature p{font: normal 15px Arial, Helvetica, sans-serif; line-height: 21px; color: #4b3a22;}
#feature a{font: normal 18px Arial, Helvetica, sans-serif; line-height: 21px; color: #4b3a22;}


/* 2 COLUMNS */
#columncontainer {}
#columns {width: 840px; margin: 0 auto; padding: 0 0 0px 0;}

/* INNERCONTENT ELEMENTS */
#innercontent {width: 790px; float: left; padding: 20px 25px 25px 25px; margin: 0; background:#fff; font: normal 12px Arial, Helvetica, sans-serif; line-height: 21px; color: #443636;}
#innercontent p {font: normal 12px Arial, Helvetica, sans-serif; line-height: 21px; color: #443636;}
#innercontent a {color: #666633; text-decoration: none; font-weight: bold;}
#innercontent a:hover {color:#666633; text-decoration: underline;}
#innercontent h2 a {font: normal 24px Arial, Helvetica, sans-serif; color: #073922; text-decoration:underline;}
#innercontent ul {font: normal 12px Arial, Helvetica, sans-serif; margin: 15px 0 20px 10px; padding: 0; line-height: 16px; color: #443636;}
#innercontent li {list-style: none; background: url(bg-conte.gif) top left no-repeat; padding: 5px 20px 5px 30px; margin: 0 0 0 0; line-height: 21px;}
#innercontent li a {color: #2eace3; text-decoration: underline; font-weight: bold;}
#innercontent li a:hover {color: white; background: #2eace3;}
#innercontent .intro {line-height: 18px; font: normal 16px Arial, Helvetica, sans-serif; color: #666633;}
#innercontent .small {font: normal 10px Arial, Helvetica, sans-serif;}
#innercontent .imgsmall {border: 7px solid white;}

.imagecontainer{padding:5px; margin:5px; width:225px; background:#073922; color:#fff; font:normal 10px Arial, Helvetica, sans-serif;}
.gallerylisting{padding:15px;}
.gallerythumb{float:left; padding:5px; margin:5px; background:#073922; color:#fff; font:normal 10px Arial, Helvetica, sans-serif;}
.gallerythumb img{border:0;}

/* SIDE ELEMENTS */
#sidecontainer {width: 310px; float: right; border: 0; margin: 0 0 0 0; padding: 10px 15px 0px 15px;}
#side {width: 260px; border: 0; margin: 0 0 0 20px; padding: 10px 0 10px 0;}
#side p {margin: 0; font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; padding: 10px 0 10px 0; color: #443636;}
#side .header {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #333333;}


/* FOOTER ELEMENTS */
#footer {background: #a39d91; width: 790px; margin: 0 auto; padding: 25px 25px 25px 25px;}
#footer p {font: normal 12px Arial, Helvetica, sans-serif; color: #fff;}
#footer a {margin:0; padding:0 5px 0 5px; text-decoration:none; color:#fff; border-bottom: 0;}
#footer .r {float:right; text-align:right;}
#footer img{border:0;}


/* MISC ELEMENTS */
h1 {margin: 0; padding: 0; font: bold 27px Arial, Helvetica, sans-serif; color: #073922;}
h2 {font: normal 24px Arial, Helvetica, sans-serif; color: #073922;}
h2 a {font: normal 24px Arial, Helvetica, sans-serif; color: #073922; text-decoration:underline;}
h3 {font: normal 22px Arial, Helvetica, sans-serif; color: #333333;}
h3 a {font: normal 22px Arial, Helvetica, sans-serif; color: #333333; text-decoration:underline;}
h4 {font: normal 18px Arial, Helvetica, sans-serif; color: #333333;}
h4 a {font: normal 18px Arial, Helvetica, sans-serif; color: #333333; text-decoration:underline;}


.clear {clear: both; margin: 0;}
.l {float:left;}
.r {float:right;}

/* FORM ELEMENTS */
.formbutton {border: 0; padding: 6px; margin: 10px 0 5px 0; background: #2eace3; color: white; font: bold 12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
.asterix {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #f00;}
fieldset.search {border: none;width: 320px;}
.searchbox {width: 220px; padding:5px 5px 3px 5px; margin-bottom:10px; height:20px; border: 2px solid #fff; font: italic normal 12px Arial, Helvetica, sans-serif; color: #a39d91;}
submit {vertical-align: top;}


/* SIFR */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important; margin:0px; padding: 0px;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display:none !important;}

.sIFR-hasFlash h1 {visibility:hidden; margin-bottom:15px;}
/*.sIFR-hasFlash h2 {visibility:hidden; margin-bottom:-15px;}
.sIFR-hasFlash h3 {visibility:hidden; margin-bottom:-15px;} */