BODY { background-color: #F8F8F9; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: center top;
  font-family: Arial, Verdana, Tahoma, Sans serif;
  font-weight: 500; color: #000040;
  margin-left: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px;
    }
a:link {
    color: #008000;
    text-decoration: underline;
    }

a:visited {
    text-decoration: underline;
    color: #008000;
    }

a:hover {
    color: #FF0000;
    text-decoration: none;
    }

a:active {
    color: #008000;
    text-decoration: underline;
    }
a:link.design {
    color: #000040;
    text-decoration: none;
    }

a:visited.design {
    color: #000040;
    text-decoration: none;
    }

a:hover.design {
    color: #000040;
    text-decoration: none;
    }

a:active.design {
    color: #000040;
    text-decoration: none;
    }
a:link.menuTop {
    color: #000040;
    text-decoration: none;
    }

a:visited.menuTop {
    color: #000040;
    text-decoration: none;
    }

a:hover.menuTop {
    color: #008000;
    text-decoration: none;
    }

a:active.menuTop {
    color: #000040;
    text-decoration: none;
    }
a:link.roomLink {
    color: #000040;
    text-decoration: none;
    }

a:visited.roomLink {
    color: #000040;
    text-decoration: none;
    }

a:hover.roomLink {
    color: #000040;
    text-decoration: none;
    }

a:active.roomLink {
    color: #000040;
    text-decoration: none;
    }



h1 { font-size: 28px; font-weight: 600; margin-top: 0px; margin-bottom: 0px; }
h2 { font-size: 110%; font-weight: 600; color: #008000; margin-top: 10px; margin-bottom: 15px; }
h2.contact { font-size: 110%; font-weight: 600; color: #008000; margin-top: 10px; margin-bottom: 5px; }
h2.pageSubHdg { font-size: 110%; font-weight: 600; color: #008000; text-decoration: underline; margin-top: 15px; margin-bottom: 8px; }
h2.pageHdg { font-size: 110%; font-weight: 600; color: #008000; text-decoration: underline; margin-top: 20px; margin-bottom: 8px; }
h3 { font-size: medium; font-weight: 500;
 }
h4 { font-size: 100%; font-weight: 600; text-decoration: underline; margin-top: 8px;
 }
h4.directions { font-size: 100%; font-weight: 600; text-decoration: underline; margin-top: 8px; margin-bottom: 3px;
 }


TD { font-size: 100%; font-weight: normal; line-height: 1.3;
 }
.small { font-size: 90%; font-weight: 400;
 }
.smaller { font-size: 85%; font-weight: 400; text-align: center;
 }
.emph { font-weight: bold; }
.smItalic { font-weight: 90%; font-style: italic; }

#fullPage { position:relative; left:0px; top:0px; height: 100%; width:900px; margin: 0 auto; z-index: 1; }
div.fullPage { width: 900px; background-color: #FFFFFF; }

#topSection { position:relative; left:0px; top:0px; height: 109px; width:900px; z-index: 2; }
div.topSection { background-image: url(images/topBG.gif); background-repeat: repeat-x; background-position: center top; height: 107px; }
#topName { position:absolute; left:25px; top:40px; height: 109px; }
div.topName { padding-right:25px; padding-bottom: 10px; }
#topPic { position:absolute; right:8px; top:5px; width: 200px; height: 109px;}
div.topPic { padding-bottom: 3px; }

#topPhotos { position: relative; left:0px; top: 0px; width: 900px; height: 150px; border-top: solid 1px #000040;}
div.topPhotos { vertical-align: top; }

#menuSection { position:relative; left:0px; top:0px; width: 900px; border-top: solid 1px #000040; z-index: 6;}
div.menuSection { background-color: #DCEEDC; }
table.menuSection { }
td.menuPadding { width: 15px; }
td.menuItemOn { background-color: #F8F8F9; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
td.menuItemOff { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }

#mainSection { position:relative; left:0px; top: 0px; width: 900px;}
#frontLeftSection { position:relative; left:0px; top: 0px; width: 550px; }
#frontMap { position:absolute; left:0px; top: 30px; width: 870px; float: right; }
#location { position:absolute; left:650px; top: 350px; width: 250px; }

div.mainSection {text-align: left; padding-left: 30px; padding-right: 25px; }
div.frontLeftSection { width: 550px;text-align: left; }
div.frontMap { vertical-align: top; padding-left: 20px; text-align: right; }

table.hallHireMain { width: 870px; margin-bottom: 20px; }
td.hallHireMainLeft { width: 550px;text-align: left; }
td.hallHireMainMap { vertical-align: top; padding-left: 20px; text-align: right; }

td.roomHireRates { }
table.roomHireRates { border-top:  solid 1px #008000; border-left:  solid 1px #008000; }
th.roomHireRatesHdg { border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; background-color: #717195; color: #FFFFFF; }
th.roomHireRatesSubHdg { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; background-color: #717195; color: #FFFFFF; }
td.roomName { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; background-color: #E1ECE3; }
td.roomPrice { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; text-align: right; padding-top: 3px; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; background-color: #E1ECE3; }
div.roomCapacity { font-size: 80%; font-style: italic; }
td.roomName2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; background-color: #ECE0ED; }
td.roomPrice2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; text-align: right; padding-top: 3px; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; background-color: #ECE0ED; }
td.photosRooms { padding-top: 20px; padding-bottom: 20px; }
td.photosHdg { font-weight: bold; }
table.photosRooms { }
th.photoRoomsTitle { font-weight: bold;  text-align: center; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; }
td.photoRoomsImage { text-align: center; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; }
div.smallItalics { font-size: 80%; font-style: italic; font-weight: normal; }

table.whatsOnMain { width: 870px; margin-bottom: 20px; }
th.whatsOnVenue { text-align: center; font-weight: bold; }
td.whatsOn { padding-top: 20px; padding-bottom: 20px; }
table.whatsOn { border-top:  solid 1px #008000;  }
th.whatsOnVenue {border-left:  solid 1px #008000; border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 5px; padding-bottom: 3px; padding-right: 5px; background-color: #717195; color: #FFFFFF; }
th.whatsOnTitle { border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #717195; color: #FFFFFF; }
th.whatsOnDay { border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #717195; color: #FFFFFF; }
th.whatsOnTime { border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #717195; color: #FFFFFF; }
th.whatsOnContact { border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #717195; color: #FFFFFF; }
th.whatsOnInfo { border-right:  solid 1px #008000; border-bottom:  solid 0px #008000; font-weight: bold; text-align: center; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #717195; color: #FFFFFF; }
td.whatsOnVenue {border-left:  solid 1px #008000;  border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #E1ECE3; }
td.whatsOnTitle { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #E1ECE3; }
td.whatsOnDay { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #E1ECE3; }
td.whatsOnTime { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #E1ECE3; }
td.whatsOnContact { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #E1ECE3; }
td.whatsOnInfo { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #E1ECE3; }
td.whatsOnVenue2 {border-left:  solid 1px #008000;  border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #ECE0ED; }
td.whatsOnTitle2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #ECE0ED; }
td.whatsOnDay2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #ECE0ED; }
td.whatsOnTime2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #ECE0ED; }
td.whatsOnContact2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #ECE0ED; }
td.whatsOnInfo2 { border-right:  solid 1px #008000; border-bottom:  solid 1px #008000; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 6px; background-color: #ECE0ED; }

#container { margin-top: 10px; }
#lefCol { float:left; width:300px; text-align: left; }
#rightCol { float:left; width:350px; text-align: left; }
#linksLeftCol { float:left; width:300px; text-align: left;padding-top: 10px; padding-bottom: 10px; }
#linksRightCol { float:left; width:350px; text-align: left; padding-top: 10px; padding-bottom: 10px; }
#footer { clear:both; padding:1px;  }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */


#bottomSection { position:relative; left:0px; bottom: 0px; width: 900px;}
.bottomSection { border-top: solid 1px #008000; width: 100%; font-size: 80%; text-align: center; }

div.hideDiv {display: none}
div.showDiv
{
  visibility: visible;
  border-bottom:  solid 1px #008000; border-left:  solid 1px #008000; border-right:  solid 1px #008000;
  background-color: #E1ECE3;
}
div.hideDiv2 {display: none}
div.showDiv2
{
  visibility: visible;
  border-bottom:  solid 1px #008000; border-left:  solid 1px #008000; border-right:  solid 1px #008000;
  background-color: #ECE0ED;
}
td.hiddenDivURL { text-align: left; padding-left: 10px;}
td.hiddenDivEmail {text-align: right; padding-right: 10px;}
table.hiddenDiv {width: 100%;}

table.contactForm { border-right: solid 1px #008000; border-top: solid 1px #008000; margin-bottom: 20px; }
th.contactForm  { text-align: right; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; border-left: solid 1px #080000; border-bottom: solid 1px #008000; }
td.contactForm  { padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; border-left: solid 1px #080000; border-bottom: solid 1px #008000; }
td.contactSubmit  { padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; background-color: #008000; border-left: solid 1px #080000; border-bottom: solid 1px #008000; }

div.banner { border: 3px double #008000; color: #FF0000; text-align: center; font-weight: bold; margin-right: 20px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; width: 800px;}
div.container {position: relative; top: 0px; left: 0px;}

td.hallMoreInfo {padding-top: 10px; font-weight: bold; text-align: center;}
div.directions {text-align: left; width: 250px; padding-left: 50px;}

table.policy {}
th.policyTitle {padding: 6px; border: 1px solid #000000;}
th.policyFile1 {padding: 6px; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
th.policyDate {padding: 6px; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
td.policyTitle {padding: 6px; border-left: 1px solid #000000; border-right: 1px solid #000000;  border-bottom: 1px solid #000000; }
td.policyDate {padding: 6px; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
td.policyFile1 {padding: 6px; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}