body {
background: #fdf8dd;
font: 80% "Trebuchet MS", arial, verdana, sans-serif;
color: #ffffff;
text-align: center;
}

a:link, a:hover, a:visited {
color: #0989d3;
text-decoration: none;
}

a:hover {
color: #cc3300;
}

#page-container {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 760px;
background: #003366;
padding: 15px;
}

#top-banner {
overflow: auto;
padding: 0 3px 0 3px;
}

#logo {
width: 40%;
height: 46px;
float: left;
background: url(/images/example/logo.jpg) no-repeat left top;
margin-right: -3px;
}

#logo img { display: none; } /* hide default html logo */

#strapline {
width: 60%;
float: right;
font-size: 1.6em;
font-weight: bold;
text-align: right;
color: #d3b409;
padding-top: 11px;
margin-left: -3px;
}

#top-banner-image {
margin-bottom: 5px;
height: 260px; /* image height */
width: 100%; /* image width */
}

#top-banner-image img {
height: 260px;
}

#content-column-1 {
width: 30%;
float: left;
}

#content-column-2 {
width: 70%;
float: left;
}

#content-column-3 {
width: 0%;
float: right;
}

#page-footer {
clear: both;
}

/* menu */

#content-column-1 ul {
list-style-type: none;
font-size: 1.6em;
margin-left: 5px;
margin-bottom: 15px;
}

#content-column-1 a:link, #content-column-1 a:hover, #content-column-1 a:visited {
text-decoration: none;
}

#content-column-1 li.selected {
list-style-image: url(/images/example/bullet.jpg);
margin-left: 18px;
}

/* styles */
#page-content h1 {
font-size: 1.8em;
font-weight: bold;
margin-bottom: 0.2em;
color: #d3b409;
}

#page-content h5 {
font-weight: bold;
color: #d3b409;
clear: both;
}

#page-content h5 img{
display: block;
margin: 0 auto 0 auto;
}

#page-content h5.left {
border: none;
float: left;
}

#page-content p {
margin-bottom: 1.6em;
line-height: 1.75em;
}

#content-column-2 ul {
position: relative;
list-style-type: disc;
margin-left: 30px;
margin-bottom: 15px;
}

#content-column-2 a:link, #content-column-2 a:hover, #content-column-2 a:visited {
font-weight: bold;
text-decoration: underline;
}

#page-footer {
margin: 5px 0 15px;
}

#page-footer p {
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

/*********** toolbox - fonts, h1, h2 etc... ***********/

span.italic {
font-style: italic;
}

img.right {
border: 1px solid #000000;
float: right;
margin: 5px 0 5px 5px;
}

img.left {
border: 1px solid #000000;
float: left;
margin: 5px 5px 5px 0;
}

img.center {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
margin-top: 5px;
}

table {
width: 100%;
}

td {
padding: 5px 0 0 5px;
font: 12px arial, sans-serif, sans-serif;
}

td.menuPrice {
text-align: right;
vertical-align: bottom;
}

td.right {
text-align: right;
font: 12px arial, sans-serif, sans-serif;
}

td.center {
text-align: center;
font: 12px arial, sans-serif, sans-serif;
}

td.left {
text-align: left;
font: 12px arial, sans-serif, sans-serif;
}

td.enquiryRight {
text-align: left;
width: 50%
}

td.enquiryLeft {
text-align: right;
width: 50%;
}

span.bold {
font-weight: bold;
}

p.noBr {
padding: 0px;
margin: 0px;
}

input, textarea {
width: 250px;
border: 1px solid #000000;
padding: 2px;
}

.clearLeft {
clear: left;
}

.clearRight {
clear: right;
}


table.liveAvailability {
background: #C9D4DE;
border: 1px solid #000000;
font-size: 10px;
text-align: center;
}

table.liveAvailability th {
background: #89B8B8;
width: 12.5%;
padding: 3px;
}

table.liveAvailability td {
width: 12.5%;
padding: 3px;
margin: 0px;
}

table.withborders {border-collapse: collapse;}
table.withborders td {border: 1px solid #000000; padding: 2px; text-align: left;}
table.withborders th {border: 1px solid #000000; padding: 5px; font-weight: 600; text-align: center;}
table.withborders tr.center td {text-align: center;}
table.withborders tr.right td {text-align: right;}
table.withborders tr td.center {text-align: center;}
table.withborders tr td.right {text-align: right;}
table.withborders tr td.left {text-align: left;}