/*
* {zoom: 1.0;}
*/

/* temp bof */

h1 { margin: 0px; padding: 0px; }
p { margin: 0px !important; padding: 0px !important; }
form { margin: 0px; padding: 0px; }

/* temp eof */


html { margin: 0px; padding: 0px; background-image: url(../images/tile_page.jpg); background-position: top left; }
body { margin: 0px; padding: 0px; background-image: url(../images/tile_top.jpg); background-position: top left; background-repeat: repeat-x; font-family: Arial, Verdana, Helvetica, sans-serif; color: #706E62; }

h1 { font-weight: normal; padding-top: 13px; }
h2 { font-weight: normal; padding-bottom: 0px; margin-bottom: 5px; }
h3 { font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }
p { margin-bottom: 10px !important; }
ol li { margin-bottom: 10px; }
td { text-align: left; vertical-align: top; }

/* Containers
-------------------------*/
#page_container { width: 760px; margin: 0px auto 0px auto; padding: 0px; }
#white_box { clear: both; padding: 11px; background-color: #FFFFFF; background-image: url(../images/white_box_top.gif); background-position: top left; background-repeat: no-repeat; }
#right_column { width: 122px; float: right; position: relative; }
#left_column { margin-right: 136px; padding: 0px; }
#navigation { width: 122px; float: left; margin: 0px; }
#content { margin: 0px 0px 0px 135px; text-indent: 0px; }

/* Header
-------------------------*/
#header { width: 760px; height: 32px; margin: 0px auto 0px auto; padding-top: 10px; background-image: url(../images/logo.gif); background-position: bottom left; background-repeat: no-repeat; text-align: right; }
#address ul { margin: 0px; padding: 0px; list-style-type: none; }
#address li { display: inline; padding-left: 20px; text-align: left !important; }
#address .address { float: right; text-align: left; margin-right: 20px; }
#address .telephone { float: right; text-align: left; margin-right: 20px; }
#address .email { float: right; text-align: left; }
#address a { color: #706E62; text-decoration: none; }
#address a:hover { color: #000000; }

/* Navigation
-------------------------*/
#navigation ul { margin: 0px; padding: 0px; list-style-type: none; }
#list_navigation { margin: 0px 0px 14px 0px !important; padding: 5px 0px 5px 0px !important; background-color: #D9E2EC; background-image: url(../images/nav_btm.gif); background-position: bottom left; background-repeat: no-repeat; }
#list_navigation li a { padding: 2px 8px 2px 8px; color: #516781; text-decoration: none; display: block; }
#list_navigation li a:hover { background-color: #8496AB; color: #FFFFFF; }

#section_navigation li a { padding: 4px 8px 3px 8px; color: #FFFFFF; text-decoration: none; display: block; border-bottom: 1px solid #FFFFFF; }
#section_navigation li a:hover { color: #000000; }
#section_navigation .harbour a { background-color: #85C7E5; background-image: url(../images/nav_top.gif); background-position: top left; background-repeat: no-repeat; }
#section_navigation .facilities a { background-color: #7AB5AB; }
#section_navigation .marine a { background-color: #8B6999; }
#section_navigation .booking a { background-color: #F6A814; }

/* Breadcrumb
-------------------------*/
#breadcrumb_container { background-color: #E6E5E0; background-image: url(../images/breadcrumb_top.gif); background-position: top left; background-repeat: no-repeat; padding: 0px !important; }
#breadcrumb { padding-top: 7px; font-weight: bold; color: #DA4035; padding-left: 6px; padding-bottom: 7px; }
#breadcrumb a { color: #706E62 !important; text-decoration: none !important; }
#breadcrumb a:hover { color: #000000 !important; }
#breadcrumb ul { margin: 0px !important; padding: 0px; list-style-type: none; }
#breadcrumb li { display: inline; }

#text_size { float: right; padding-right: 7px; padding-bottom: 0px !important; }
#text_size a { color: #706E62 !important; text-decoration: none !important; }
#text_size a:hover { color: #000000 !important; }
#text_size ul { margin: 0px !important; padding: 0px !important; list-style-type: none; }
#text_size li { display: inline; }

/* Section Boxes (only on home page)
-------------------------*/
#section_boxes { padding: 13px 0px 15px 0px; border-bottom: 1px dashed #C1BFB6; height: 158px; }
#section_boxes ul { margin: 0px; padding: 0px; list-style-type: none; }
#section_boxes a { width: 118px !important; height: 143px; padding: 8px 20px 0px 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; display: block; }
#section_boxes .harbour { float: left; }
#section_boxes .facilities { float: left; }
#section_boxes .marine { position: absolute; }
#section_boxes .harbour a { background-image: url(../images/box_harbour.gif); background-position: top left; background-repeat: no-repeat; margin-right: 12px; }
#section_boxes .harbour a:hover { background-image: url(../images/box_harbour_o.gif); color: #000000; }
#section_boxes .facilities a { background-image: url(../images/box_facilities.gif); background-position: top left; background-repeat: no-repeat; margin-right: 12px; }
#section_boxes .facilities a:hover { background-image: url(../images/box_facilities_o.gif); color: #000000; }
#section_boxes .marine a { background-image: url(../images/box_marine.gif); background-position: top left; background-repeat: no-repeat; }
#section_boxes .marine a:hover { background-image: url(../images/box_marine_o.gif); color: #000000; }

/* Info Boxes (right column)
-------------------------*/
.info_box { margin-bottom: 14px; }
.info_box h1 { margin: 0px 0px 8px 0px; padding: 6px 0px 6px 11px; color: #FFFFFF; }
.info_box_content { padding-left: 9px; padding-bottom: 8px; }
.info_box_content_weather { padding-left: 0px; text-align: center; padding-bottom: 8px; }
.brown { background-color: #E6E5E0; background-image: url(../images/info_box_brown_btm.gif); background-position: bottom right; background-repeat: no-repeat; color: #8E8976; }
.brown h1 { background-color: #8E8976; background-image: url(../images/info_box_brown_top.gif); background-position: top right; background-repeat: no-repeat; }
.brown a { color: #706E62; text-decoration: none; }
.brown a:hover { color: #000000; }
.blue { background-color: #D9E2EC; background-image: url(../images/info_box_blue_btm.gif); background-position: bottom right; background-repeat: no-repeat; color: #637890; }
.blue h1 { background-color: #8496AB; background-image: url(../images/info_box_blue_top.gif); background-position: top right; background-repeat: no-repeat; }
.blue a { color: #637890; text-decoration: none; }
.blue a:hover { color: #000000; }


.bright_blue { background-color: #bfe0f3; background-image: url(../images/info_box_b_blue_btm.gif); background-position: bottom right; background-repeat: no-repeat; color: #bfe0f3; }
.bright_blue h1 { background-color: #2784b0; background-image: url(../images/info_box_b_blue_top.gif); background-position: top right; background-repeat: no-repeat; }
.bright_blue a { color: #637890; text-decoration: none; }
.bright_blue a:hover { color: #000000; }

.info_box ul { margin: 0px; padding: 0px; list-style-type: none; }

/* Content
-------------------------*/
h1.entry_exit { color: #FFFFFF; background-color: #85C7E5; background-image: url(../images/h1_btm_blue.gif); background-position: bottom left; background-repeat: no-repeat; padding: 29px 0px 6px 10px; }
h2.entry_exit { color: #85C7E5; }
h1.facilities { color: #FFFFFF; background-color: #7AB5AB; background-image: url(../images/h1_btm_green.gif); background-position: bottom left; background-repeat: no-repeat; padding: 29px 0px 6px 10px; }
h2.facilities { color: #7AB5AB; }
h1.services { color: #FFFFFF; background-color: #8B6999; background-image: url(../images/h1_btm_purple.gif); background-position: bottom left; background-repeat: no-repeat; padding: 29px 0px 6px 10px; }
h2.services { color: #8B6999; }
#jump_list { border-bottom: 1px dashed #C1BFB6; margin-bottom: 10px; }
#jump_list td { padding: 5px 0px 5px 0px; }
#jump_list ul { list-style-type: circle; margin: 0px !important; }
#jump_list a { color: #706E62 !important; text-decoration: none !important; }
#jump_list a:hover { color: #000000 !important; }
#content a { color: #000000; text-decoration: none; }
#content a:hover { text-decoration: underline; }

/* Links
-------------------------*/
.link_container { margin: 10px 0px 0px 0px; }
.link_container .title { margin: 0px !important; padding: 0px !important; }
.link_container .description { margin: 0px !important; padding: 0px !important; font-style: italic; }



/* Search box
-------------------------*/
#search_form { width: 111px; height: 27px; background-image: url(../images/search_box.gif); background-position: top left; background-repeat: no-repeat; margin: 0px 0px 2px 5px; padding: 3px 0px 0px 6px; }
#search_form label { display: none; }
.field_search { width: 79px; color: #706E62; background-color: transparent; border: 0px; padding-top: 0px; }
.btn_search { padding-top: 3px; }

/* Advertising
-------------------------*/
#advertising_prices { margin-bottom: 10px; }
#advertising_prices th { font-weight: normal; }
#advertising_prices td { text-align: center; border-right: 2px solid #FFFFFF; background-color: #D9E2EC; }
.advert_template { background-color: #D9E2EC; padding: 10px 0px 0px 10px; border: 1px solid #516781; }
.advert_template h2 { margin: 0px !important; padding: 0px !important; }

/* Misc
-------------------------*/
#credit { margin-top: 10px; margin-bottom: 10px; }
#credit a { color: #FFFFFF; text-decoration: none; }
#credit a:hover { color: #000000; }

/* Fields
-------------------------*/
.field_select { border: 1px solid #516781; color: #516781; padding: 2px; width: 350px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.field_select_small { border: 1px solid #516781; color: #516781; padding: 2px; width: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.field_text { border: 1px solid #516781; color: #516781; padding: 2px; width: 350px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.field_text_small { border: 1px solid #516781; color: #516781; padding: 2px; width: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.field_textarea { border: 1px solid #516781; color: #516781; padding: 2px; width: 350px; height: 50px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.field_button { border: 1px solid #516781; background-color: #516781; color: #FFFFFF; }
.field_button_over { border: 1px solid #516781; background-color: #FFFFFF; color: #516781; cursor: pointer; }

.column_box h2 {
	font-size: 12px;
	color: #CCCCCC;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.column_box a {
	color: #999999;
	text-decoration: none;
}

.column_box a:hover {
	color: #000000;
}