body, html {  font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #45b; font-style: normal; margin: 0; padding: 0; border: 0;}

#main {display: block; width: 600px; border: 0; padding: 0; margin: 0 auto;}
#header { display: block; width: 100%; border: 0; 200px;}
#content {clear: both; padding: 0 1em;}

/*peekaboo bug for IE6*/
* html #main {height: 1px;}
/*peekaboo bug for IE6*/
* html #menu {height: 1px;}
/*peekaboo bug for IE6*/
* html #content {height: 1px;}

#header a.logo {display: block; float: left; background: white url(images/logo.gif) no-repeat ; width: 162px; height: 172px; border: 0;}
#header span {display: none;}

h1, h2, h3 {text-align:center; font-weight: bold; }
h1 { font-size: 160%;}
h2 { font-size: 140%;  }
h3 {	clear: both;}
#content h3 { font-size: 100%; text-align:left; }



a {  text-decoration: none;}
p a {text-decoration: none; font-weight: bold; }
p a:link {font-weight:bold;}
p a:visited {font-weight:bold;}
p a:hover {font-weight:bold; text-decoration: underline;}
p a:active {font-weight:bold;}


.menu { margin: 10px 0 0 30px; padding: 0; height: 20px;}
.menu ul {font-weight: bold; font-size: 80%; margin-left: 192px; padding: 0;  border: 0; margin: 0; list-style-type: none; text-align:center;}
.menu ul li {  display:block; float: left; text-align:center; color: white; background-color: #36b; margin: 0; padding: 0; }

.menu ul li a {display: block; color: white;  background-color: #36b;  width: 86px; height: 20px;  margin: 0 0 0 0; border:1px solid #36b; padding: 3px 10px;}
.menu ul li a:link  {color: white; background-color: #36b;}
.menu ul li a:visited  {color: white; background-color: #36b;}
.menu ul li a:hover  {color: #36b; background-color: white;}
.menu ul li a:active  {color: white; background-color: #36b;}

.menu ul li a.menuhere {  color: #36b; background-color: white; }


.specialoffer {display: block; width: 150px; text-align:center; border: 1px solid #36b; padding: 5px; margin: 0 1em 1em 0; float: left; clear: left;}


* html .one, * html .two, * html .three {height:60px;}

.one, .two, .three
{display: block;  text-align: left; padding-left: 60px; margin-left: 180px; min-height: 60px; }

.one {background: white url(images/1.gif) no-repeat ; }
.two {background: white url(images/2.gif) no-repeat ; }
.three {background: white url(images/3.gif) no-repeat ; }

.footerimages {display: block; margin: 2em auto;}
.footerimages img {border: 0; float: left; margin-right: 2px; width: 282px; height: 182px;}

#ratestable {width: 600px;}
.tinycaption {font-size:70%;}
#ratestable ul {margin: 0 2em 0 2em; padding: 0; border: 0;}
#ratestable ul li:hover {font-weight: bold;}
#ratestable h3 {margin: 0; padding: 0; border: 0;}
#ratestable span {display: none;}

.a, .b, .c, .d, .e, .f, .g, .h {width: 50px; height: 50px;}
.a {background: white url(images/a.gif) no-repeat ; }
.b {background: white url(images/b.gif) no-repeat ; }
.c {background: white url(images/c.gif) no-repeat ; }
.d {background: white url(images/d.gif) no-repeat ; }
.e {background: white url(images/e.gif) no-repeat ; }
.f {background: white url(images/f.gif) no-repeat ; }
.g {background: white url(images/g.gif) no-repeat ; }
.h {background: white url(images/h.gif) no-repeat ; }

label {display: block; text-align: right; float: left; width: 200px; padding-right: 20px;}
label.small {width: 100px;}
label.smaller {width: 50px;}
label.wide {width: 400px;}
input {display: block; width: 300px; float: left; margin-bottom: 10px;}
input.half {width: 150px;}
br {clear: left;}
.checkbox {width: 1em;}
#StGBooking_form h3 {width: 100%;color: white; background-color: #36b; text-align:left; padding-left: 1em;}

td {vertical-align:top; padding-bottom: 10px;}



.terms {width: 90%; clear: both;}
.terms h3 {float: left; width: 180px; clear: left; margin: 0; padding: 0; border: 0;}
.terms p {padding-left: 200px;}

.contact {width: 90%; clear: both;}
.contact h3 {float: left; width: 180px; clear: left; margin: 0; padding: 0; border: 0; text-align: right; font-weight: normal;}
.contact p {padding-left: 200px;}


@media print {
.menu {display: none;}
#header a.logo {display: none;}
#ratestable span {display: block; font-size: 120%; font-weight: bold; width: 100px;}
p.tinycaption {display: none;}
#ratestable ul {margin: 0; padding: 0; border: 0;}
}