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

* {margin: 0; padding: 0;}

body { border-top: 5px solid #f4e4b5; text-align: center; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 75%; line-height: 18px; color:#333333;}

p.access {display: none; visibility: hidden;}
.clear {clear: both;}

h1, h3, h3, h4, h5 {font-weight: normal; font-size: 1em;}
a {color: #00457c;}

.quiet {color: #666666;}

#header {border-top: 1px solid #c8b788; border-bottom: 1px solid #6a88b3;  background: url(../gfx/header_bg.jpg) repeat-x left top; padding-top: 20px; }
#header div { width: 760px; margin: 0 auto; text-align: left; }
#header div h1 { width: 580px; height: 83px; display: block;  text-indent: -3000px; float: left; background: url(../gfx/logo_small.gif) no-repeat left top;}
#header div h1 a { width: 255px; height: 83px; display: block; text-indent: -3000px; background: url(../gfx/logo_small.gif) no-repeat left top; }
#header div ul {float: left; width: 170px; list-style-type: none; margin: 0px 0 0 0;}
#header div ul li {padding: 2px 0;}
#header div ul li a { background: url(../gfx/bullet.gif) no-repeat left center; padding: 0 0 0 16px; text-decoration: none;}
#header div ul li a:hover {text-decoration: underline;}
#header div hr {display: none; visibility: hidden;}

#mainNavigation { clear: both; background: #dac894 url(../gfx/main-nav-bg.gif) repeat-x left top; border-bottom: 1px solid #baa873; border-top: 1px solid #fefaef; }
#mainNavigation ul {list-style-type: none; height: 42px; width: 760px; text-align: left; margin: 0 auto;}
#mainNavigation ul li {float: left;}
#mainNavigation ul li a { background: url(../gfx/main-nav_small.gif) no-repeat left top; height: 42px; display: block; text-indent: -3000px }

#mainNavigation ul li a#venueTab { width: 180px; background-position: left top;}
#mainNavigation ul li a#venueTab:hover, #mainNavigation ul li a#venueTab:focus, body#venue #mainNavigation ul li a#venueTab {background-position: left bottom;}

#mainNavigation ul li a#whatsonTab { width: 190px; background-position: -180px top ;}
#mainNavigation ul li a#whatsonTab:hover, body#whatson #mainNavigation ul li a#whatsonTab, #mainNavigation ul li a#whatsonTab:focus {background-position: -180px bottom ;}

#mainNavigation ul li a#newsTab { width: 191px; background-position: -370px top ;}
#mainNavigation ul li a#newsTab:hover, body#news #mainNavigation ul li a#newsTab, #mainNavigation ul li a#newsTab:focus {background-position: -370px bottom ;}

#mainNavigation ul li#searchBox {padding: 5px 0 0 10px;}
#mainNavigation ul li#searchBox h2 {display: none; visibility: hidden;}
#mainNavigation ul li#searchBox input.srch {width: 120px; padding: 5px; float: left; margin: 1px 3px 0 0;}

#canvas { clear: both; background: url(../gfx/content_bg.gif) repeat-x left 1px; padding:0 10px; }
#canvas .inset {margin: 0 auto; width: 760px; text-align: left;}


p#crumbs {font-size: 0.9em; padding: 19px 0 15px 0; color:#666666;}
p#crumbs a:focus,
#header div ul li a:focus,
#mainNavigation ul li#searchBox input.srch:focus,
#canvas h2#homeHero a:focus,
#canvas .content #otherEvents ul li.odd a:focus,
#canvas .content #otherEvents ul li.even a:focus,
#home #canvas .inset .content #homepageFeatures #stayInformed a:focus,
#facilities ul li a:focus,
#canvas .content #featuredNews a:focus,
.pageIntro h2 a:focus,
#related ul li a:focus,
#footer p a.footlink:focus {background-color: #00457c; color: #fff;}
#canvas .content #featuredEvent a:focus,	
#stayInformed #mailinglist_form input#email:focus {background-color: #00457c !important; color: #fff;}
#canvas .content #otherEvents ul li.end a:focus,
.main .newsEntry h2 a:focus,
#stayInformed #mailinglist_form h4 a:focus,
a.readMore:focus {background-color: #00457c; color: #fff; background-image: none;}
#canvas .content #stayInformed p input.submit:focus { border-color: red;}
#footer p#wdc a:focus {border-top: 5px solid #00457c;}


.contentInset {margin-right: 40px; padding-bottom: 50px;}
.main h1 { font-family: "StoneSans", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 2.5em; line-height: 1em; }
.main h2 { font-family: "StoneSans", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 2em; line-height: 1em; }

.main h2 a {text-decoration: none;}
.main h3 { font-size: 1.5em; line-height: 1em; }
.main h4 { font-size: 1.25em; line-height: 1em; }
.main img.hero {border-top: 5px solid #00457c; padding-bottom: 19px; margin-bottom: -10px; background: url(../gfx/hero_dropshadow.gif) no-repeat left bottom;}


.main p {font-size:1em;	margin-top: 1.5em;	margin-bottom: 1.5em; }
.main p.pageIntro {font-size: 1.45em; line-height: 1.25em; margin-top: 1em; font-style: italic; margin-bottom: 1em;}
.main blockquote {background: #fdf9ef; padding: 20px 20px; border-bottom: 1px solid #d1c192; border-top: 1px solid #d1c192; font-family: Georgia, "Times New Roman", Times, serif;  line-height: 1em;}
.main blockquote p {margin: 0; padding: 0; font-size: 1.5em; padding-bottom: 20px;}
.main blockquote cite {font-family: Arial, Helvetica, sans-serif; }
.main ul, .main ol {margin: 0 1.5em 1.5em 3em;}
.main div.pageIntro {clear: left; min-height: 115px;}
.main div.pageIntro hr {display: none; visibility: hidden;} 

.main .downloads {padding: 1em; border-bottom:  1px solid #bababa;  border-top:  1px solid #bababa; margin-bottom: 2em;}
.main .downloads p {margin-bottom: 0;}
.main .downloads p img.fileicon {position: relative; bottom: -3px;}

.main table#gallery { width:100%;}
.main table#gallery td {border-bottom: 1px solid #bababa; padding: 10px 5px; text-align: center; vertical-align: top;}
.main table#gallery td img {float: none; border: none; margin: 0; padding: 0 0 9px 0; background: url(../gfx/introimage_drop.gif) no-repeat center bottom;}
.main table#gallery td h4 {font-size: 75%; clear: left;}

img.introThumb { float: left; margin: 0 10px 20px 0; padding: 0 0 9px 0; background: url(../gfx/introimage_drop.gif) no-repeat center bottom; }
img.floorPlan {margin-top: 1em;}
.main .pageIntro p.intro { width: 400px; float: left;}

.main #contentImage {float: right; margin: 0 0 5px 5px;}

.main .noResults {padding-bottom: 300px;}











#categories * { margin: 0; padding:0; }
#categories { margin-bottom: 2em; background-color:#F5F5F5; padding: 0.5em 0 0 0; -webkit-box-shadow: 1px 1px 3px #bababa;  }
#categories ul { list-style-type: none;  float: left; width: 415px; margin-bottom: 1.5em; }
#categories ul li { float: left; }
#categories ul li a { padding: 3px 0 3px 15px; margin-right: 15px; display: block; text-decoration: none;  white-space: nowrap; background: url(/core/gfx/tag.gif) no-repeat left center; }
#categories ul li a:hover { text-decoration:  underline; }
#categories ul li a.active {color:#333333;}
#categories h3 { float: left; width: 80px; color: #999999; text-align: center; padding: 6px 0; }


/* NEWS */

.main .newsEntry { padding: 0 25px 35px 0px; margin-bottom: 20px; background: url(../gfx/newsEntry_bg.gif) repeat-x left bottom; }
.main .first {margin-top: 30px;}
.main .newsEntry h2 {padding-bottom: 0;}
p.meta { margin: 0.5em  0 -10px 0; font-size: 0.8em; color:#666666;  }
a.readMore {padding-left: 17px; background: url(../gfx/bullet.gif) no-repeat left center; clear: left; display: block; width: 130px;}
a.readMore:hover {text-decoration: none;}
.main .newsEntry hr {display: none; visibility: hidden;}
.articleImage { float: right; margin: 0 0 2px 15px; clear: right;  }
.articleImage img {padding-bottom: 13px; background: url(../gfx/article_image_drop.jpg) no-repeat right bottom;}
.articleImage h5 { color:#666666; font-style: italic; font-size: 0.9em; position: relative; top: -10px; margin-bottom: -10px; padding-left: 10px;}



/* COMMENTS */

h2.comments {background: url(../gfx/newsEntry_bg.gif) repeat-x left top; padding-top: 1.5em;}
.comment {padding: 1.5em; }
.comment blockquote, .comment cite { font-family: Arial, Helvetica, sans-serif; font-size: 0.65em;} 
.comment blockquote { border: none; background-color: none; }
.comment cite { font-size: 0.8em;  font-style:normal; text-align: center; display: block; padding-top: 1.5em; background: url(../gfx/newsEntry_bg.gif) repeat-x left top; padding-bottom: 1.5em;  }
.comment cite b {}
.comment cite sup {font-size: 75%;}



/* HOME PAGE */
#canvas h2#homeHero { font-family:  "StoneSans", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.75em; line-height: 1.5em; padding: 15px 0px 10px 0;}
#canvas h2#homeHero a {text-decoration: none;  white-space: nowrap; background-color: #f9f1da; padding: 0px 5px 2px 5px; -webkit-border-radius: 5px;} 
#canvas h2#homeHero a:hover { background-color: #dac893;}

.boxTitle { border-bottom: 5px solid #00457c; color:#818181; text-transform: uppercase; letter-spacing: 1px; font-size: smaller; text-indent: 5px; background-color: #fff; padding: 5px 0; }

#canvas .content {float: left; width: 560px; padding: 0; }

#home #canvas .content {float: left; width: 760px;  }


/* SUBMENU */
#subNav { float: left; width: 170px; border-top: 5px solid #f6ebca; padding: 0px 0 14px 0; background: #dac893 url(../gfx/subnav_bottom.gif) no-repeat left bottom; }
#subNav h3.menuTitle {  font-weight: normal; font-size: 1.25em; padding: 9px 0 9px 30px; background: url(../gfx/subnav_h3.gif) no-repeat 10px center; }
#subNav h3.menuTitle a {text-decoration: none; color: #897438;}
#subNav a:focus {background-color: #fff !important;}
#subNav ul {list-style-type: none; }
#subNav ul li { width: 100%; display: inline;}
#subNav ul li a { display: block; padding: 12px 10px; border-top: 1px solid #f1e7cd; border-bottom: 1px solid #baa873; text-decoration: none; height: 1%; }
#subNav ul li ul li:last-child a {padding-bottom: 20px;}
#subNav ul li ul li {}
#subNav ul li ul li a { padding: 5px 10px 8px 20px; border: none; font-size: 0.9em; line-height: 1.3em; background: #fff url(../gfx/subnav_li_a_bg.gif) repeat-y left top;}
#subNav ul li a:hover {background-color: #f1e7cd;}
#canvas .inset #subNav a.current { background: #fff url(../gfx/subnav_li_a_bg.gif) repeat-y left top; border-bottom: none;  font-weight: bold; } 


/* RELATED */

#related { float: left; width: 170px;  padding: 2em 0 14px 0;  }
#related h3 { text-transform: uppercase; letter-spacing: 2px; padding-bottom: 0.5em; border-bottom: 5px solid #f6ebca; color: #897438;}
#related ul { margin: 1em 0 0 20px;}
#related ul li {}
#related ul li a {}


#canvas .inset #subNav a.current:hover,  
#canvas .inset #subNav#subNav ul li ul li a:hover {text-decoration: underline;}


#homepageFeatures { background: url(../gfx/feature_homepage.gif) repeat-y left top; margin-bottom: 20px;    }
#canvas .content #featuredEvent { float: left; width: 370px; position: relative; background: #dac893 url(../gfx/feature_cream.gif) repeat-x left 35px;  }
#canvas .content #featuredEvent h3,
#canvas .content #featuredNews h3 { background-color: #fff;}
#canvas .content #featuredEvent img {float: left; margin-right: 10px; }
#canvas .content #featuredEvent span { width: 10px; height: 16px; background: url(../gfx/feature_pointer.gif) no-repeat left top; position: absolute; top: 46px; left: 171px; }

#canvas .content #featuredEvent h4,
#canvas .content #featuredNews h4 {font-size: 1.8em; padding: 10px 5px 10px 0; line-height: 1em;}
#canvas .content #featuredEvent h4 a,
#canvas .content #featuredNews h4 a { text-decoration: none;}
#canvas .content #featuredEvent h4 a em,
#canvas .content #featuredNews h4 a em {font-size: 0.5em; font-style: normal; line-height: 1em; padding-top: 5px; display: block;}
#canvas .content #featuredEvent p {padding-right: 5px;}
p.more {margin: 5px 0 5px 0 !important;}

#canvas .content #featuredNews { width: 189px; border-left: 1px solid #fff; float: left; background: #a2bde5 url(../gfx/feature_purple.gif) repeat-x left 35px; min-height: 244px; }
#canvas .content #featuredNews h3.boxTitle { border-bottom-color: #dac893;}
#canvas .content #featuredNews a {color: #fff;}
#canvas .content #featuredNews h4, #canvas .content #featuredNews p {padding-left: 9px; padding-right: 5px;  color: #fff;  margin: 0;}

#canvas .content #stayInformed {float: left; width: 170px; background-color: #dac893; border-left: 10px solid #fff; }
#canvas .content #stayInformed h3.boxTitle{border-bottom-color: #f6ebca;}
#canvas .content #stayInformed p {padding: 10px 10px 0 10px; margin: 0;}
#canvas .content #stayInformed p input.inpt {width: 120px; padding: 5px; float: left; margin: 1px 3px 0 0; background-color: #fff !important;}
#canvas .content #stayInformed p input.submit {padding: 5px; background-color: #00457c; color: #FFFFFF; border: 1px solid #fff; margin: 5px 0}
#canvas .content #stayInformed h4 { }
#canvas .content #stayInformed h4 a { display: block; padding: 10px 10px 10px 47px; margin-top: 5px; background: #fff url(../gfx/rss.gif) no-repeat left center;   border-top: 5px solid #fff; }

#canvas .content #otherEvents {width: 370px; float: left;}
#canvas .content #otherEvents ul {list-style-type: none;}
#canvas .content #otherEvents ul li { border-bottom: 1px solid #d1c192; border-top: 1px solid #fff; }
#canvas .content #otherEvents ul li.even { background-color: #f9f1da;}
#canvas .content #otherEvents ul li.odd a { background-color: #fcf8ec;}
#canvas .content #otherEvents ul li.end { clear: both; display: block; margin: 20px 0; padding: 0 0 0 57px; background: url(../gfx/full_cal_left.gif) no-repeat left top; height: 41px; border: none; }
#canvas .content #otherEvents ul li.end a {background: url(../gfx/full_cal_right.gif) no-repeat right top; display: block; padding: 12px 15px 12px 5px; float: left; text-decoration: none; }
#canvas .content #otherEvents ul li.end a:hover {text-decoration: underline;}
#canvas .content #otherEvents ul li h4 {font-size: 1.5em; line-height: 1em;}
#canvas .content #otherEvents ul li h4 a {text-decoration: none; display: block; padding: 15px 10px;}
#canvas .content #otherEvents ul li h4 a:hover { background-color: #f4e4b5;}
#canvas .content #otherEvents ul li h4 a em {font-size: 0.6em; font-style: normal;}

#canvas .content #facilities {width: 189px; border-left: 1px solid #fff; float: left; background: #a2bde5; border-bottom: 5px solid #00457c;}
#canvas .content #facilities ul {list-style-type: none; padding: 10px 10px 15px 10px;}
#canvas .content #facilities ul li {  display: inline;}
#canvas .content #facilities ul li a { text-decoration: none; display: block; width: 100%; padding: 7px 0; border-bottom: 1px solid #fff;}
#canvas .content #facilities ul li a:hover {text-decoration: underline;}



#canvas .content table.details {width: 100%; margin: 1.5em 0 3em 0;}
#canvas .content table.details td, #canvas .content table.details th { padding: 10px; border-bottom: 1px solid #bababa; vertical-align: top; }
#canvas .content table.details th {width: 160px; text-transform: uppercase;}

#canvas .content #pagination {background: url(../gfx/newsEntry_bg.gif) repeat-x left top; padding-top: 0.5em;}


/* FOOTER */
#footer { clear: both; background: #f4e4b5 url(../gfx/footer_top.gif) repeat-x left top; padding: 30px 0 0px 0; border-bottom: 5px solid #6a88b3; }
#footer div { width: 750px; text-align: left; margin: 0 auto;   }
#footer hr {display: none; visibility: hidden;}
#footer p {line-height: 2.5em; color: #897438;}
#footer p  strong {font-size: 1.2em; font-weight: normal; display: block; clear: left;}
#footer p a.footlink { -webkit-border-radius: 5px; border: 1px solid #f4e4b5; float: left; padding: 0px 10px; margin: 0 5px 0 0; background-color: #fdf9ef; border-bottom: 1px solid #d1c192; border-right: 1px solid #d1c192; text-decoration: none; }
#footer p a.footlink:hover {background-color: #fff;  border-top: 1px solid #fdf9ef;}
#footer p#wdc { float: right; width: 168px; height: 87px; display: block; background: #fff url(../gfx/footer_wdc.gif) no-repeat left top; text-indent: -5000px; margin-top: -5px; }
#footer p#wdc a {width: 170px; height: 67px; display: block;  border-top: 1px solid #D6CBAB;}




/* forms */
label { font-weight:bold; }
fieldset { padding: 0.5em 1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; padding: 0 1em; }
input.text,
input.title,
textarea,
select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus,
input.title:focus,
textarea:focus,
select:focus { border:1px solid #666; }
input.text,
input.title { width:60%; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:75%; height:250px; padding:5px; }
.error,
.notice,
.success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }











.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */