* html {margin:0; padding:0;}
body {margin:0; padding:0; font-size:small; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#280A04; background:url(../images/fish-bg.gif) top left;}
#container {width:775px; margin:auto; background:url(../images/white-bg.gif) repeat-y top center;}
#header {border-left:4px solid #280A04; border-bottom:1px solid #280A04; height:227px;}
#nav {float:left; width:190px; border-right:2px solid #280A04; background:url(../images/top-nav.gif) no-repeat top center;}
#nav ul {margin:0; padding:0; margin-top:80px; border-bottom:1px solid #280A04;}
#nav ul li {list-style-type:none; width:100%; height:36px; border-bottom:1px solid #280A04;}
#nav ul li a {display:block; height:36px;}
#nav ul li a.homenav {background:url(../images/buttons/home-button.gif) no-repeat top left; }
#nav ul li a.functionsnav {background:url(../images/buttons/functions-button.gif) no-repeat top left; }
#nav ul li a.eventsnav {background:url(../images/buttons/events-button.gif) no-repeat top left; }
#nav ul li a.contactnav {background:url(../images/buttons/contact-button.gif) no-repeat top left; }
#nav ul li a:hover {background-position:top right;}
#contact-bar a.book-table {background:url(../images/buttons/book-table.gif) no-repeat top left; display:block; width:189px; height:36px;}
#contact-bar a:hover {background-position:top right;}
.clear-text {display:none;}
#mainpic {float:left; background:url(../images/top-pic.jpg) no-repeat top left; border-top:1px solid #280A04; height:227px; margin-bottom:0;}
/*
#mainpic {float:right; width:579px; margin-left:198px; background:url(../images/top-pic.jpg) no-repeat top left; height:226px;}
/*#mainpic.contact {float:right; width:579px; background:url(../images/top-pic6.jpg) no-repeat top left; height:227px;}
#mainpic.functions {float:right; width:579px; background:url(../images/top-pic5.jpg) no-repeat top left; height:227px;}
#mainpic.menu {float:right; width:579px; background:url(../images/top-pic4.jpg) no-repeat top left; height:227px;}
*/
/*
* html #mainpic {margin-right:0; padding-right:0;}
*/
/*
#contact {border-left:4px solid #c00; height:36px; border-bottom:1px solid #280A04; width:775px; text-align:right; margin-right:5px; /*margin-top:-12px;*/ /*background:url(../images/contact-bg.gif) repeat-y top left;}
* html #contact {margin-top:0px;}
*/
#contact {
height:36px;
border-bottom:1px solid #280A04;
border-left:4px solid #c00;
background:url(../images/contact-bg.gif) repeat-y top left;
border-top:1px solid #280A04;
text-align:right;
}
/*#contact img {margin:0 5px 0 0; padding:0;}*/
p.book {float:left;}
p.telephone-number {float:right;}
#contact-bar {
height:36px;
border-bottom:1px solid #280A04;
border-left:4px solid #c00;
background:url(../images/contact-bg.gif) repeat-y top left;
border-top:1px solid #280A04;
}
#tel-no, #book-table {width:49%; float:left; height:34px;}
#tel-no {text-align:right;}
#main-content {float:left; border-left:4px solid #c00; background:url(../images/main-content-bg.gif) repeat-y top left; width:770px;}
#left-content {width:189px; float:left; padding:0 1px 1px 1px;}
#right-content {width:560px; float:right; padding:60px 0; background:#fff url(../images/right-content-bg.gif) no-repeat right bottom;}
#right-content p {margin-right:60px; margin-left:40px; text-align:justify;}
#footer {width:775px; margin:auto; padding-top:20px; font-size:x-small; color:#ccc;}
#footer a {color:#999;}
#left-footer {float:left;}
#right-footer {float:right; text-align:right; color:#999;}
h1 {color:#c00; font-size:100%;}
h2 {color:#c00; font-size:100%; margin-bottom:-5px; margin-left:40px;}
.red {color:#c00; font-weight:bold;}
.highlight {font-weight:bold; font-style:italic;}
.right-pic {float:right; margin:20px 70px 20px 0;}
.note {font-size:80%; color:#999;}
.center {text-align:center;}
.clear {clear:both;}
.leftp {color:#fff;}
.downloads {text-align:left;}
.cleartext {display:none;}
#index {background-image: url(../images/welcome-text.gif); height: 50px; width: 400px; }
#function {background-image: url(../images/functions-text.gif); width: 400px; height: 50px; }
#events {background-image: url(../images/events-text.gif); width: 400px; height: 50px; }
#call {background-image: url(../images/contact-text.gif); width: 400px; height: 50px; }
#accessibility {background-image: url(../images/functions-text.gif); width: 400px; height: 50px; }
#map {background-image: url(../images/welcome-text.gif); width: 400px; height: 50px; }
#book {background-image: url(../images/booking-text.gif); width: 400px; height: 50px; }
a {color:#c00; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:none; color:#999;}
#notice {border:1px dotted #CC0000; background:#FFEFEF; padding:20px 10px; width:80%; margin:auto;}
/* FORM STYLES */
fieldset {width:85%; margin:auto; padding-bottom:10px;}
legend {color:#c00; font-weight:bold;}
form#general label.formLabel, form#book label.formLabel {float:left; width:9em;}
form {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:right;
width:90%;
}
fieldset {
padding:20px;
margin:10px 0 10px 0;
border:1px solid #FDCCCF;
}
legend {
font-size:1.2em;
font-weight:bold;
color:#280A04;
}
form label {
color:#c00;
font-weight:bold;
}
form label.form-label {
float:left;
width:12em;
}
/*
.error {
padding:5px;
border:1px solid #FDCCCF;
background:#FFEFEF;
width:75%;
text-align:center;
display:block;
}
.error-message {
width:75%;
margin:auto;
}
*/
/* ERROR CONTAINER */
.ErrorContainer {
clear:both;
float:left;
width:100%;
margin-top:10px;
margin-bottom:10px;
}
.error {
float:right;
padding:0.7em;
width:238px; /* WIDTH */
height:auto;
background-color:#FFEFEF;
border:1px solid #FDCCCF;
text-align:center;
font-size:0.9em;
margin:-5px 0 10px 0;
}
form #form1 p .error {
color:#FFF;
}
#security {clear:both;}