body {

	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	margin: 3px 0px 3px 0px; /* Remove the 8px default margin around the page so that the footer colour can reach the edges of the page */
	color: #000000;
	background: url('/images/bg_tile.gif');
}

a:link {
    color: #2A5274;
}

a:visited {
    color: #AA2D04;
}

h1 {
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000
}

/* Style for a 'clearing div' */
.clear {
	clear: both; 
	height: 1px; /* Needed for IE as it will disregard an empty dimensionless div */
	margin-top: -1px;  /* Needed to cancel out the height of 1px above */
	overflow: hidden; /* Again needed by IE as it has a minimum height for divs */
}

/* Table that contains the entire page */
#page-container {
	background-color: #FFFFFF;
	border-right: 1px solid #8888BB; 
	border-left: 1px solid #8888BB; 
	border-top: 1px solid #8888BB; 
	border-bottom: 1px solid #8888BB; 
	margin: 0px auto; 
	padding: 0px;
	width: 1000px;
}

/* Div that contains the page header and main page body */
#main-page-container {
	padding: 0px;
	margin: 8px 8px 0px 8px;
	border-collapse: separate; /* Stops the collapse value being inherited by default on every element in Opera */
}

/* Div that contains the footer of the page */
#page-footer {
	background-color: #D4D4D4;
/*	background: url(/images/tools/green_gradient.gif) 0 0 repeat-x; */
	border-top: 3px double #2A5274; 
	margin-top: 6px; 
	padding: 4px 8px;
	height: 1.6em;
	border-collapse: separate; /* Stops the collapse value being inherited by default on every element in Opera */
}

.menu_item {
	color: #2A5274;
}

.menu_head {
	color: #000000;
}

#page-header {
	position: relative;
	width: 100%;
}

#header-image-layer {
	float: left; 
	height: 112px; 
	width: 246px; 
	margin-right: -218px;
	margin-top: -5px;
	margin-bottom: 5px;
}

#header-image-layer h1 {
	float: left; 
	text-indent: -5000px; 
	margin: 0px; 
	padding: 0px;
	border: 0px; 
	width: 163px; 
	height: 103px; 
	background-image: url('/images/main-header.gif');
}

#header-image-layer h1 a {
	display: block; 
	width: 163px; 
	height: 103px; 
	border: 0px; 
	text-decoration: none;
	overflow: hidden;
}

#banner-image-layer {
	float: right; 
	width: 472px; 
	margin: 0px 0px 0px -472px;
	padding: 0px; 
}

#header-lower-right {
	position: absolute; 
	bottom: 3px; 
	right: 0px; 
	width: 472px; 
	padding: 0px; 
	margin: 0px;
}

#lioar-oayllys {
	float: left; 
	margin-top: 8px;
}

#search-form-layer {
	float: right;
	padding: 0px; 
	margin: 0px;
}

#search-form-layer form {
	margin: 0px;
	padding: 0px;
}

#search-form-layer p.formfields {
	margin: 0px;
	padding: 0px;
}

#search-form-layer span.search_site {
	font-weight: bold; 
	font-size: 0.8125em; 
/*	line-height: 80%; */
	vertical-align: bottom;
}

#search-form-layer input.search_box {
	background-color: #EEFFEE; 
	border: 1px solid #88BB88; 
	font-size: 0.8125em; 
	display: inline;
	vertical-align: middle;
	height: 1.3em;
	line-height: 1.3em;
}

#search-form-layer input.search_box:focus {
	background-color: #FFFFAA; 
	border: 1px solid #BBBB88;
}

#search-form-layer input.search_button {
	display: inline; 
	width: 25px; 
	height: 25px; 
	border: 0px; 
	vertical-align: middle;
	padding-left: 5px;
}

#weather-layer {
	position: relative; 
	margin-left: 246px; 
	margin-right: 472px; 
	text-align: center;
}

#weather-layer table {
	font-size: 0.8125em; 
	margin: auto; 
	text-align: left; 
	border: none;
}

#weather-layer td {
	vertical-align: top;
}

/* Layer that contains the body of the page */
#page-body {
	clear: both;
}

/* Side Menu */
#menu_layer {
	margin: 1em 0px;
	padding: 0px;
	border: 0px;
	width: 140px;
}

.menu_list {
	display: block;
	list-style: none; 
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
}
.menu_element {
	padding: 2px; 
	margin: 0px 0px 19px 0px;
}
.submenu_heading {
	font-family: arial, hevetica, sans-serif; 
	font-size: 0.8125em; 
	/*line-height: 1.172em;*/
	line-height: 1.23em;
	font-weight: bold; 
	padding: 0px; 
	margin:0px; 
}

.submenu_heading a {
	color: #000000;
}

.submenu_link_list {
	margin: 0px; 
	list-style: none; 
	padding: 0px; 
	border: 0px;
}
.submenu_link_list li {
	font-family: arial, hevetica, sans-serif; 
	font-size: 0.8125em; 
	/*line-height: 1.172em;*/
	line-height: 1.23em;
	margin-bottom: 1px;
}

.submenu_link_list li a {
	color: #2A5274;
}


.submenu_link_list li.hidden_link {
	font-style: italic;
}

.submenu_link_list li.hidden_link:after {
	color: #AA0000;
	content: " (*)";
}

h2.heading-im {
	text-indent: -5000px; 
	margin: 0em auto 0.8125em; 
	padding: 0px;
}

/* Tan-coloured box that appears at the top of some pages */
p.caption {
	margin: 0px 2px 1em 2px;
	padding: 7px;
	background-color: #DDBB88;
	font-style: italic;
	border: 1px solid #BB8866;
}


/* Greeting images on the main page */
#greeting {
	clear: both; 
	padding: 0px 6px 6px 6px; 
	margin: 0px;
}

#greeting h2 {
	font-size: 0.8125em; 
	font-style: italic; 
	font-weight: normal; 
	margin: 0px; 
	padding: 2px 0px 6px 0px; 
	text-align: left;
}

#greeting ul {
	padding: 0px; 
	margin: 0px;
}

#greeting ul li {
	float: left; 
	padding: 0px; 
	list-style-type: none;
}

#greeting ul li a, #greeting ul li p {
	display: block; 
	float: left; 
	text-indent: -5000px;
}


/* Base bar containing links */

#basebar {
	font-size: 0.8125em; 
	margin: 16px 0px 0px 0px; 
	padding: 0px;
	text-align: center;
	list-style-type: none;
}

#basebar li {
	display: inline; 
	border-left: solid 1px #000000; 
}

#basebar li.first {
	border-left: none;
}

#basebar a {
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

/* Other guides by Maxima Systems section */

#maxima_guides {
	font-size: 0.8125em; 
	margin-top: 4px; 
	text-align: center;
}

#copyright {
	padding: 3px; 
	float: left;
}

#sponsor {
	padding: 3px; 
	float: right;
}

#sponsor strong {
	font-weight: bold;
	font-style: italic;
}

#disclaimer {
	font-size: 0.6em; 
	text-align: center; 
	padding: 3px; 
	clear: both;
}

#main_column {
	padding: 8px 0px 0px 16px; 
/*	width: 100%; */
	border: none;
}

#photos_box {
	text-align: center;
	vertical-align: top;
	width: 150px;
}

/* Page header */

#topbar {
	background-color: #166A34;
	font-size: 0.8125em;
	margin: 0px 0px 0px 0px;
	float: left; /* Float left and width 100% causes 'shrink-wrapping' to occur */
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#tabs {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#date-elt {
	float: right;
	text-align: right;
	padding: 3px 15px 3px 15px;
	margin-top: 1px;
	margin-bottom: 1px;
	color: #FFFFFF;
}

#here-elt {

	float: left;
	text-align: left;
	padding: 0.2em 1.35em 0.2em 1.35em;
	margin-top: 1px;
	margin-bottom: 1px;
	color: #FFFFFF;
}

#tabs .tabelt {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#tabs .tabelt a {
	display: block;
	padding: 3px 15px 3px 15px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-left: 1px solid #004400;
	color: #000000;
	text-decoration: none;
}
#topbar #topbar-attractions {
	background: #DD8888;
}
#topbar #topbar-attractions:hover {
	background: #FFDDDD;
}
#topbar #topbar-car-rentals {
	background: #88DD88;
}
#topbar #topbar-car-rentals:hover {
	background: #DDFFDD;
}
#topbar #topbar-flights {
	background: #8888DD;
}
#topbar #topbar-flights:hover {
	background: #DDDDFF;
}
#topbar #topbar-ferries {
	background: #DD88DD;
}
#topbar #topbar-ferries:hover {
	background: #FFDDFF;
}
#topbar #topbar-hotels {
	background: #DDDD88;
}
#topbar #topbar-hotels:hover {
	background: #FFFFDD;
}
#topbar #topbar-events {
	background: #88DDDD;
}
#topbar #topbar-events:hover {
	background: #DDFFFF;
}
#topbar #topbar-news {
	background: #DDBB88;
}
#topbar #topbar-news:hover {
	background: #FFEEDD;
}

#here_box {
	color: #880000; 
	font-size: 0.8125em; 
	margin-bottom: 14px;
	white-space: pre;
}

#cat_list {
	font-size: 0.8125em; 
	padding: 3px; 
	margin: 0px 0px 20px 0px; 
	background-color: #EEFFEE; 
	border: 1px solid #88BB88;
	-moz-border-radius: 5px; 
}


/* Title with red gradient background used on the main page */
h2.main-title {
	background: url(/images/tools/red_gradient.gif) 0 0 repeat-x; 
	border-bottom: 1px solid #880000; 
	color: #660000; 
	font-style: normal; 
	font-size: 1em; 
	margin: 0.8em 0em 0em 0em; 
	padding: 2px;
	text-align: center;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.news-item {
	padding: 5px; 
	border-bottom: 2px dotted #880000;
	border-left: 1px dotted #DDBBBB;
	border-right: 1px dotted #DDBBBB;
}

.news-item h3 {
	font-size: 0.8125em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.news-item h3 .news-date {
	font-weight: normal;
	font-style: italic;
}

.news-item p {
	font-size: 0.8125em;
	margin: 0px;
	padding: 0px;
}
/*
.news-item a {
	display: block;
	font-size: 0.8125em;
	text-align: right;
}
*/
.event-item {
	padding: 5px; 
	border-bottom: 2px dotted #880000;
	border-left: 1px dotted #DDBBBB;
	border-right: 1px dotted #DDBBBB;
}

.event-item h3 {
	font-size: 0.8125em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.event-item p.event-date {
	font-weight: normal;
	font-style: italic;
	font-size: 0.8125em;
	padding: 0px;
	margin: 0px;
}
/*
.event-item a {
	display: block;
	font-size: 0.8125em;
	text-align: right;
	font-weight: normal;
}
*/
.map_layer_trigger{
	cursor: pointer;
}

.map_layer_branch{
	display: none;
	margin-left: 16px;
}

table.infoboxtable {
	border: double 3px #666600; 
	border-collapse: collapse;
	font-size: smaller;
}

table.infoboxtable td, table.infoboxtable th {
	border: 1px dashed #666600;
}

/**
 * COMMENT BOX
 */

/* Box that contains all the posting information */
#comment_table_layer {
	background-color: #BBFFBB;
	border: 1px solid #006600;
	padding: 10px;
}

/* Title banners for the review tab */
h2.comment-banner {
	text-align: center; 
	margin: 0px 0px 12px 0px; 
	font-size: medium; 
	font-weight: bold;
}

/* Paragraph text in review tab */
p.post_comment {
	margin: 0.9em 0em;
	padding: 1px; 
	font-size: 0.8125em; 
}

p.comment_alert {
	margin: 1em 0em; 
	padding: 5px; 
	font-size: 0.8125em; 
}

/* Posting a comment table */
.post_comment_table {
	font-size: 0.8125em;
	border-collapse: collapse;
	width: 100%;
}

.post_comment_table .post_comment_head {
	font-weight: bold;
	text-align: right;
}

.post_comment_table .post_comment_cell {
}

.post_comment_table .post_comment_base {
	text-align: center;
}

.post_comment_table .post_comment_cell .sub_text {
	font-size: 0.8125em; 
	color: #338833;
	padding-left: 0.4em;
	font-style: italic;
}

.comment_errors {
	border: 2px dotted #880000; 
	margin: 1em 0em; 
	padding: 5px; 
	background-color: #FFAAAA; 
	font-size: 0.8125em;
}

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

/* Colours specific to the films postings */
#comment_table_layer {
	background-color: #BBFFBB;
	border: 1px solid #006600;
	padding: 10px;
}
#comment_table_layer .comment_table_inputs {
	background-color: #DDFFDD;
	border: 1px solid #008800;
}
#comment_table_layer h2.comment-banner {
	border: 1px solid #008800; 
	background-color: #AAFFAA; 
}
#comment_table_layer p.post_comment {
	color: #006600;
}
#comment_table_layer p.comment_alert {
	border: 2px dotted #008800; 
	background-color: #B4FFBB;
}
#comment_table_layer .post_comment_table {
	border: 1px solid #88AA88;
}
#comment_table_layer .post_comment_table .post_comment_head {
	color: #006600;
	border-bottom: 1px dotted #88AA88;
}
#comment_table_layer .post_comment_table .post_comment_cell {
	border-bottom: 1px dotted #88AA88;
}
#comment_table_layer .post_comment_table .post_comment_base {
	border-top: 1px solid #88AA88;
}

/*
                $this->tdcolour     = "#EEEEAA";
                $this->thcolour     = "#99CC99";
                $this->bgcolour     = "#EECC88";
                $this->statuscolour = "#208800";
*/

/* Colours specific to the rider postings */
#rider_comment_table_layer {
	background-color: #EEEEAA;
	border: 1px solid #888800;
	padding: 10px;
}
#rider_comment_table_layer .comment_table_inputs {
	background-color: #FFFFDD;
	border: 1px solid #888800;
}
#rider_comment_table_layer h2.comment-banner {
	border: 1px solid #888800; 
	background-color: #EECC88;
}
#rider_comment_table_layer p.post_comment {
	color: #004400;
}
#rider_comment_table_layer p.comment_alert {
	border: 2px dotted #008800; 
	background-color: #B4FFBB;
}
#rider_comment_table_layer .post_comment_table {
	border: 1px solid #008800;
	color: #004400;
}
#rider_comment_table_layer .post_comment_table .post_comment_head {
	border-bottom: 1px dotted #008800;
	background-color: #99CC99;
}
#rider_comment_table_layer .post_comment_table .post_comment_cell {
	border-bottom: 1px dotted #008800;
}
#rider_comment_table_layer .post_comment_table th.post_comment_span {
	background-color: #99CC99;
	border-top: 1px solid #008800;
	border-bottom: 1px dotted #008800;
	text-align: center;
	font-weight: bold;
}
#rider_comment_table_layer .post_comment_table td.post_comment_span {
	border-bottom: 1px dotted #008800;
	text-align: center;
	font-weight: bold;
}
#rider_comment_table_layer .post_comment_table .post_comment_base {
	background-color: #99CC99;
	border-top: 1px solid #008800;
}

.film_box_name_tab_on {font-family: helvetica, arial, sans-serif; font-size: 0.8em} 
.film_box_name_tab_off {font-family: helvetica, arial, sans-serif; font-size: 0.8em} 
.film_box_name_heading {font-family: helvetica, arial, sans-serif; font-size: 0.8em}

.cow_l {font-family: helvetica, arial, sans-serif; font-size: 0.8em}
.cow_r {font-family: helvetica, arial, sans-serif; font-size: 0.8em}

/* Colours specific to the cow postings */
#cow_posting_layer {
	background-color: #80FF11;
	border: 1px solid #008800;
	padding: 10px;
}
#cow_posting_layer .comment_table_inputs {
	background-color: #DDFFBB;
	border: 1px solid #008800;
}
#cow_posting_layer h2.comment-banner {
	border: 1px solid #008800; 
	background-color: #60DD00;
}
#cow_posting_layer p.post_comment {
	color: #004400;
}
#cow_posting_layer p.comment_alert {
	border: 2px dotted #008800; 
	background-color: #88FF55;
}
#cow_posting_layer .post_comment_table {
	border: 1px solid #008800;
	color: #004400;
}
#cow_posting_layer .post_comment_table .post_comment_head {
	border-bottom: 1px dotted #008800;
	background-color: #50C900;
}
#cow_posting_layer .post_comment_table .post_comment_cell {
	border-bottom: 1px dotted #008800;
	background-color: #80FF11;
}
#cow_posting_layer .post_comment_table th.post_comment_span {
	border-top: 1px solid #008800;
	border-bottom: 1px dotted #008800;
	text-align: center;
	font-weight: bold;
}
#cow_posting_layer .post_comment_table td.post_comment_span {
	border-bottom: 1px dotted #008800;
	text-align: center;
	font-weight: bold;
}
#cow_posting_layer .post_comment_table .post_comment_base {
	background-color: #50C900;
	border-top: 1px solid #008800;
}

#news_layer h2 {
	background-color: #82D173; 
	padding: 3px; 
	margin: 0px; 
	border: 1px solid #106000; 
	font-size: 1em; 
	text-align: center;
}

#news_layer ul {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
}

#news_layer li {
	background-color: #D8FFD1; 
	border-left: 1px solid #106000; 
	border-right: 1px solid #106000; 
	border-bottom: 1px solid #106000; 
	padding: 3px; 
	margin: 0px;
}

#news_layer a.more_news {
	display: block; 
	background-color: #D8FFD1; 
	text-align: right; 
	font-weight: bold;
	border-left: 1px solid #106000; 
	border-right: 1px solid #106000; 
	border-bottom: 1px solid #106000; 
	padding: 3px; 
	margin: 0px;
}

#news_layer a.news_title {
	font-weight: bold;
}

#news_layer span.news_detail {
	font-size: 0.8125em;
}