@charset "utf-8";
/* CSS Document */

body {background: #f1eede; margin: 0; padding: 0; border: 0; background-image:url(http://www.brooklandsmuseum.com/images/mainbg.jpg); background-repeat:repeat-x; font: normal 12px Arial, Helvetica, sans-serif; line-height: 21px; color: #443636;}
a {color: #666633; text-decoration: underline; font-weight: bold;}
a:hover {color: #56562b; text-decoration: none;}


/* TOP ELEMENTS */
#topcontainer {background: #073922;}

#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; text-align: right; color:#fff;}
#top img {border:none;}

/* NAVIGATION */
#navcontainer {height: 35px; background: #756331;}
/*#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 7px 0 7px;}

#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:#907a3c;}
#menu li:hover {position:relative; z-index:200;}

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

#menu li.current a {color:#fff; background:#907a3c;}

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

#menu :hover ul {left:0; top:35px; width:130px; background:#907a3c;}

/* 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:#907a3c; white-space:nowrap; width:100px; z-index:200; height:auto;}

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

#menu :hover ul :hover {background-color:#907a3c; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#907a3c; color:#fff;}

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

#menu :hover ul :hover ul li a {width:220px; padding:0; text-indent:10px; background:#756331; color:#fff;}
#menu :hover ul :hover ul :hover {background-color:#907a3c; color:#fff;}

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

.li-home {width: 60px;}
.li-visit {width: 88px;}
.li-events {width: 69px;}
.li-history {width: 69px;}
.li-explore {width: 74px;}
.li-venue {width: 98px;}
.li-education {width: 90px;}
.li-support {width: 98px;}
.li-contact {width: 96px;}
.li-shop {width: 45px;}


/* FEATURE IMAGES */
#feature {width: 840px; margin: 0 auto; padding: 0px;}
#stoppress {width: 840px; background:#f9bf25; color:#073922; font: bold 18px Arial, Helvetica, sans-serif;}

/* 2 COLUMNS */
#columncontainer {}
#columns {width: 840px; margin: 0 auto; padding: 0 0 0px 0;  background-image:url(http://www.brooklandsmuseum.com/images/sidecontainerbg.jpg); background-repeat:repeat-y;}


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

h1 {margin: 0; padding: 0; font: bold 27px Arial, Helvetica, sans-serif; color: #073922;}
h2 {margin: 0; padding: 0; font: bold 24px Arial, Helvetica, sans-serif; color: #073922;}
h3 {margin: 0; padding: 0; font: normal 20px Arial, Helvetica, sans-serif; color: #333333;}
h4 {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #333333;}

#myGallery p{padding:7px 22px 0px 10px; font: bold 16px Arial, Helvetica, sans-serif; color: #fff;}

/* INNERCONTENT ELEMENTS */
#innercontent {width: 790px; float: left; padding: 20px 25px 25px 25px; margin: 0; background:#fff; min-height:350px;}
#innercontent p {font: normal 12px Arial, Helvetica, sans-serif; line-height: 21px; color: #443636;}
#innercontent p a {color: #666633; text-decoration: underline; font-weight: bold;}
#innercontent p a:hover {color: #56562b; text-decoration: none;}
#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; padding: 5px 20px 5px 30px; margin: 0px; line-height: 21px;}
#innercontent li a {color: #2eace3; text-decoration: underline; font-weight: bold;}
#innercontent li a:hover {color: white; background: #2eace3;}
#innercontent .intro {padding: 0; margin: 0; 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;}
#innercontent .columnl{width: 490px; float: left; padding:0px; margin: 0; background:#fff;}
#innercontent .columnr{width: 210px; float: right; border: 0; margin: 0; padding:0px;}
#innercontent img{float: right; clear: both; border: 1; padding: 3px 0px 3px 8px;}


/* SIDE ELEMENTS */
#sidecontainer {width: 310px; float: right; border: 0; margin: 0px; padding: 10px 15px 10px 15px;}
.side {width: 260px; border: 0; margin: 0px 0px 0px 20px;}
.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;}
.side p a {color: #666633; text-decoration: underline; font-weight: bold;}
.side p a:hover {color: #56562b; text-decoration: none;}
.side h4 {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #333333;}
.side h4 a {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #333333; text-decoration:none;}
.side img {float:left; border: 3px solid #fff; margin:13px 3px 3px 0px;}
.side img a {float:left; border: 3px solid #fff; margin:13px 3px 3px 0px;}
.side img .noborder {float:left; border:none; margin:13px 3px 3px 0px;}
#btm {width: 260px; margin: 0px 0px 0px 20px; padding-top:5px;}
#btm img{border:0}

#latest {width: 260px; border: 0; margin: 0px 0px 0px 20px;}
#latest p {margin: 0; font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; padding: 10px 0 10px 0; color: #443636;}
#latest .header {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #333333;}
#latest p a {color: #666633; text-decoration: underline; font-weight: bold;}
#latest p a:hover {color: #56562b; text-decoration: none;}
#latest h4 a {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; background:#c00;}
#latest h4 {margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color:#fff; background:#c00;}
#latest img {float:left; border: 3px solid #fff; margin:13px 3px 3px 0px;}

/* D12 ELEMENTS */
#classes{}
#classes li {list-style: none; padding: 5px 20px 5px 30px; margin: 0px; line-height: 21px;}
#classes li .odd{background:#e8e6da; display:block; color:red;}
#classes li .even{background:#dedbcc; display:block;}
.class{float:left; width:10%; font-weight:bold;}
.class-description{float:left; width:90%;}

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

#subfooter{width:790px; padding:0px 0px 20px 0px; border-bottom: 2px #dedbcc solid;}
#subfooter .toppages{float:left; width:260px;}
#subfooter .social{float:left; width:185px;}
#subfooter .newsletter{float:right; width:248px;}
#subfooter .title{font: bold 14px Arial, Helvetica, sans-serif; color:#fff; display:block;}
#subfooter img {border:0px;}

.addthis {float:left; text-align: left; margin:20px 0px 0px 0px; padding:0px;}
.addthis img {float:left;}

/* MISC ELEMENTS */
.clear {clear: both; margin: 0;}
.l {float:left;}
.r {float:right;}
.b {font-weight:bold;}
.red{color:#c00;}
.concordecolumn{width:186px; float:right;}
.exhibit{border-bottom:1px solid #ccc;}
.exhibitcolumn1{float:left; width:400px;}
.exhibitcolumn2{float:left; width:100px;}
.exhibitcolumn3{float:left; width:100px;}

#indexgreenboxes {}
#indexgreenboxes p.header{font: 14px Arial, Helvetica, sans-serif; color:#fff; margin-top:0px;}
#indexgreenboxes p.header a {font-weight: normal; color:#fff; text-decoration:none;}
#indexgreenboxes .body{font: 12px Arial, Helvetica, sans-serif; color:#fff; width:138px; float:right; margin-top:0px;}
#indexgreenboxes img {float:left; border: 3px solid #fff; margin:3px 3px 3px 0px;}
#indexgreenboxl {float:left; width:210px; background:#406626; padding:4px; }
#indexgreenboxr {float:right; width:210px; background:#406626; padding:4px;}
.splitter {float:left; width:50%;}

hr {color:#a39d91; background-color: #a39d91; height: 1px; width: 100%; text-align: left; border:0px;}
img .noborder, img a .noborder{border:none;}
/* Venue Rooms */
.room{width:790px; padding-bottom:15px;}


/* 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;}
.keepmepostedbox {width: 200px; padding:5px 5px 3px 5px; margin:0px 0px 10px 0px; height:20px; border: 2px solid #fff; font: italic normal 12px Arial, Helvetica, sans-serif; color: #a39d91;}
.submit {vertical-align: top;}


/* CALENDER STYLES */
.calendarBG {background-color: #073922; font: bold Arial, Helvetica, sans-serif;}
.calendarBlank {background-color: #9DB7A7; font: normal 10px Arial, Helvetica, sans-serif; letter-spacing:.1em;}
.calendarHeader {font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; background-color: #073922;}
.calendarMonthLinks {font: bold 11px Arial, Helvetica, sans-serif; letter-spacing:.1em; text-decoration: none; color: #fff;}
.calendarMonthLinks a {font: bold 11px Arial, Helvetica, sans-serif; letter-spacing:.1em; text-decoration: none; color: #fff;}
.calendarMonthLinks a:visited {font: bold 11px Arial, Helvetica, sans-serif; letter-spacing:.1em; text-decoration: none; color: #fff;}
.calendarDayHeading {font: bold 11px Arial, Helvetica, sans-serif; color: #fff; background-color: #756331; text-align: center; vertical-align: middle;}
.calendarToday {font: bold 12px Arial, Helvetica, sans-serif; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #ccc;}
.calendarCell {font: bold 12px Arial, Helvetica, sans-serif; letter-spacing:.1em; text-decoration: none; text-align: center; vertical-align: middle; color: #666; background-color:  #fff;}
.calendarCell a {color: #c00; text-decoration:underline;}
.calendarCell a:visited {color:#c00; text-decoration: underline;}
.calendarCell a:hover {color: #c00; text-decoration: none;}


/* 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 #innercontent h1 {visibility:hidden; margin-bottom:15px;}
.sIFR-hasFlash #innercontent h2 {visibility:hidden; margin-bottom:5px;}
.sIFR-hasFlash h1 {visibility:hidden; margin-bottom:-15px;}
.sIFR-hasFlash h2 {visibility:hidden; margin-bottom:0px; margin-top:20px;}
/*.sIFR-hasFlash h3 {visibility:hidden; margin-bottom:-5px;} */
/*.sIFR-hasFlash #content .intro {visibility:hidden; font-size:17px;margin-bottom:-5px;}*/
/*.sIFR-hasFlash #innercontent .intro {visibility:hidden; font-size:17px;margin-bottom:-20px;}*/