* {
  margin: 0;
  padding: 0;
}

body {
	font-size:62.5%;
	color: #2D5887;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}

/*** Typography ***/

h1, h2, h3, h4 {
	color: #336666;
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
	line-height: 1.2;
	margin: 1.8em 0 1.8em 0;
	padding: 0;
}

h2 {
	font-size: 1.6em;
	line-height: 1.2375;
	margin: 1.2375em 0;
	padding: 0;
	clear: both;
}

h3 {
	font-size: 1.5em;
	line-height: 1.32;
	margin: 1.32em 0 1.32em 1em;
}

h4 {
	font-size: 1.3em;
	line-height: 1.52;
	margin: 1.52em 0;
}

p {
	color: #2D5887;
	font-size: 1.2em;
	line-height: 1.65;
	margin: 1.98em 0;
	padding: 0;
}

/*** Lists ***/

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

li {
	font-size: 1.2em;
	line-height: 1.65;
	color: #2D5887;
	background: url(images/circle_bullet.gif) no-repeat left 0.2em;
	padding: 0 0 0 25px;
	margin: 1.56em 0;
}

ol {
	margin-left: 25px;
}

ol li {
	background-image: none;
	list-style-position: outside;
	padding-left: 0px;
}

/*** Links ***/

a {
	font-weight: normal;
	background-color: white;
}

a:link {
	text-decoration: none;
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #144B72;
	color: #144B72;
	background-color: white;
}

a:visited {
	text-decoration: none;
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #144B72;
	color: #144B72; 
	background-color: white;
}

* html a:link, * html a:visited {
	border-bottom: 1px solid #6699CC;
}

a:active {
	color: #144B72;
	background-color: white; 
}

/*a:hover, a:active {*/
a:hover {
	color: white;
	background-color: #144B72; 
}

/*** Forms ***/

label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	display: block;
}

fieldset {
	border: none;
}

/*** Others ***/

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote {
	font-size: 1.3em;
	line-height: 2.5;
	margin: 0;
	padding: 0;
	background:  url(images/left_quote.gif) no-repeat left top #E2DCE7;
}

/*** Tables ***/

table {
	font-size: 1.2em;
}

/*------------------------------------------------------------- 
  =Layout
--------------------------------------------------------------*/

/*** All pages ***/

#wrapper {
	width: 882px;
	margin: auto;
	height: auto;
	padding: 0;
	background-color: white;
}

#banner {
	height: 190px;
	background-image: url(images/banner_background.jpg);
	background-repeat: no-repeat;
}

#banner_test {
	height: 210px;
	height: 190px;
	background-image: url(images/banner_background2.jpg);
	background-repeat: no-repeat;
}

#home {
	clear: right;
	position: relative;
	top: 5px;
	float: left;
	margin-left: 35px;
	padding-top: 3px;
	padding-left: 25px;
	height: 40px; 
	background: url(images/home.gif) no-repeat 0px 0px;
}

.col_123 {
	width: 862px;
	margin: 0 0 0 20px;
	padding: 0;
	clear: both;
	height: auto;
}

#gallery.col_123 {
	width: 882px;
	margin: 0;
}

.col_12 {
	width: 528px;
	margin: 0 30px 0 30px;
	padding: 0;
	clear: both;
}

.main_content {
	width: 568px;
	margin: 0 20px 0 294px;
}

.main_content.narrower {
	width: 538px;
	margin: 0 20px 0 324px;
}

.main_content.sea_trials {
	width: 412px;
	width: 352px;
	margin: 0 118px 0 0;
}

.main_content.homepage {
	width: 338px;
	margin: 0 20px 0 524px;
}

.sidebar {
	width: 294px;
	margin: 0 0 0 -882px;
}

.sidebar.sea_trials_video {
	width: 352px;
	width: 412px;
	margin: 0;
}

.sidebar.home {
	width: 524px;
	margin: 10px 0 0 -882px;
}

.col_2 {
	width: 294px;
	margin: 0;
}

.col_3 {
	width: 274px;
	margin: 0 10px 0 10px;
}

#gallery .col_1 {
	width: 274px;
	margin: 0 10px 0 10px;
}

#gallery .col_2 {
	width: 274px;
	margin: 0 10px 0 10px;
}

.col_1.contact_page {
	width: 250px;
	margin: 0;
}

.col_2.contact_page {
	width: 250px;
	margin: 0;
}

.col_3.contact_page {
	width: 348px;
	margin: 0 0 0 14px;
}

* html .col_3.contact_page {
	width: 250px;
	margin: 0 0 0 0px;
}

.col_12, .col_23, .col_1, .col_2, .col_3, .sidebar, .main_content {
	float: left;
	display: inline; /* to stop IE6 and below from doubling the left margin */
}

#footer {
	/*background-color: #88c44a;*/
	padding: 25px 0 0 0;
	margin-top: 0px;
	clear: both;
	background-image: url(images/footer_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.clear_both {
	clear: both;
}

/*------------------------------------------------------------- 
  =Form
--------------------------------------------------------------*/

.form_row {
	margin: 20px 0;
	position: relative;
}

.form_error {
	font-size: 1em;
	font-style: italic;
	color: red;
	position: absolute;
	margin-left: 10px;
}

/*------------------------------------------------------------- 
  =Primary navigation
--------------------------------------------------------------*/
/*
ul#nav {
	float: left;
	margin: 0 0 20px 0;
	font-weight: bold;
	width: 882px;
	background-image: url(images/nav_background.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

ul#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 124px;
	border-right: 1px solid white;
	font-size: 1.1em;
}

ul#nav li.wider {
	width: 130px;
}

ul#nav li a {
	display: block;
	text-decoration: none;
	border-bottom: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1.35;
	color: white;
	background-color: #6699CC;
}

ul#nav li a:hover {
	background-color: #88c44a;
	text-decoration: underline;
}

ul#nav li a.selected_item {
	background-color: #336666;
	text-decoration: none;
}

ul#nav li.middle a {
	padding-top: 1.2em;
	padding-bottom: 1.1em;
}

ul#nav li.middle2 a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ul#nav ul a {
	width: auto;
}
*/

div#nav {
	float: left;
	margin: 15px 0 20px 0;
	font-weight: bold;
	width: 882px;
	background-image: url(images/nav_background.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

div#nav ul {
	margin: 0;
	padding: 0;
	/*border-left: 1px solid white;*/
}

div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 125px;
	border-right: 1px solid white;
	font-size: 1.1em;
}

div#nav li a {
	display: block;
	text-decoration: none;
	border-bottom: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1.35;
	line-height: 1;
	color: white;
	background-color: #6699CC;
}

div#nav li a:hover {
	background-color: #CEDEEE;
	color: black;
	text-decoration: none;
}

div#nav li a.selected_item {
	background-color: #A8AFB9;
	color: white;
	text-decoration: none;
}

div#nav li ul.level2 li a.selected_item {
	background-color: #A8AFB9;
	text-decoration: none;
}

div#nav li.middle a {
	padding-top: 3px;
	padding-bottom: 3px;
}

div#nav li.middle2 a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div#nav ul a {
	width: auto;
}

div#nav ul ul {
	position: absolute;
	width: 125px;
	display: none;
	border-bottom: 1px solid white;
}

div#nav ul ul li {
	width: 125px;
	border-top: 1px solid white;
}

div#nav .level2 li {
	font-size: 1em;
}

div#nav ul.level1 li.submenu:hover ul.level2 {
	display: block;
	z-index: 500;
}

/*------------------------------------------------------------- 
  =Sidebar navigation
--------------------------------------------------------------*/
/*
ul#sidebar_nav {
	margin-top: 35px;
	padding: 1px 2px;
	width: 230px;
	border: 1px solid #CEDEEE;
}

.sidebar.test ul#sidebar_nav {
	margin-top: 5px;
} 

#sidebar_nav li {
	font-size: 1.2em;
	line-height: 1.6;
	padding: 0;
	background-image: none;
	display: inline;
}

#sidebar_nav a {
	font-weight: bold;
	padding: 0.6em 0 0.6em 30px;
	margin: 1px 0;
	color: #144B72;
	background-color: #F4F8FB;
	border: 1px solid #E1EBF5;
	display: block;
}

#sidebar_nav li#topnav a {
	color: white;
	background-color: #336666;
	border-color: #336666;
	padding-left: 25px;
}

#sidebar_nav li a:hover {
	background: url(images/pointer.gif) no-repeat 2px center;
	color: #2D5887;
	background-color: #F4F8FB;
}

#sidebar_nav li a.selected_item2 {
	background: url(images/pointer.gif) no-repeat 2px center;
	background-color: #F4F8FB;
	text-decoration: none;
}

#sidebar_nav li#topnav a:hover, #sidebar_nav li#topnav a.selected_item2 {
	background: url(images/pointer_top.gif) no-repeat 2px center;
	color: white;
	background-color: #336666;
	padding-left: 25px;
}
*/
ul#sidebar_nav {
	margin-top: 5px;
	padding: 1px 0px;
	width: 250px;
	border: 1px solid white;
}

#sidebar_nav li {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 0;
	background-image: none;
	display: inline;
}

#sidebar_nav a {
	font-weight: bold;
	padding: 0 0 0 25px;
	margin: 2px 0;
	display: block;
	color: white;
	background-color: #6699CC;
	border-bottom: none;
}

#sidebar_nav li#topnav a {
	padding-left: 10px;
}

#sidebar_nav li a:hover {
	background-color: #CEDEEE;
	color: black;
	text-decoration: none;
}

#sidebar_nav li a.selected_item2 {
	color: white;
	background-color: #A8AFB9;
	text-decoration: none;
}

#sidebar_nav li#topnav a.selected_item2 {
	background-color: #A8AFB9;
}


/*------------------------------------------------------------- 
  =Images
--------------------------------------------------------------*/

#logo {
	float: left;
	position: relative;
	left: 15px;
	top: 5px;
	border: none;
}

.sidebar_image {
	width: 274px;
	/*height: 182px;*/
	margin-top: 25px;
	margin-bottom: 25px;
}

.sidebar_image2 {
	width: 250px;
	margin-bottom: 0.5em;
	border: none;
}

.sidebar_image3 {
	margin-bottom: 25px;
}

.management_image {
	margin: 0 10px 5px 0;
	float: left;
}

/*------------------------------------------------------------- 
  =Conditional typography
--------------------------------------------------------------*/

p.highlight {
	color: #336666;
	font-weight: bold;
	margin-right: 30px;
}

p.caption {
	font-size: 1em;
	line-height: 1;
	margin: 0 30px 2.5em 0;
	padding: 0;
}

#gallery p.caption {
	margin-bottom: 4em;
}

p.caption.portrait {
	margin-left: 12px;
}

p.caption.world_map {
	margin: 20px 0 40px 100px;
}

p.header3 {
	margin-left: 1em;
}

#footer p {
	color: #144B72;
	line-height: 1;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #CEDEEE;
}

a.image_link {
	border: none;
	background-color: white;
}

a:hover.image_link {
	background-color: white;
}

#home a {
	border: none;
	font-weight: bold;
}

#gallery h1, #gallery h2 {
	padding-top: 1.5em;
	margin-left: 10px;
	margin-bottom: 35px;
}

p.media_left {
	clear: both;
	float: left;
	margin: 0;
	width: 15em;
}

p.media_right {
	font-weight: bold;
	float: left;
	margin: 0;
	width: 20em;
}

p.press_release_left {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
	width: 26em;
}

p.press_release_right {
	float: left;
	margin: 0 0 25px 0;
	width: 18em;
}

p.press_release_left a {
	font-weight: bold;
}

a#back {
	float: right;
	margin-right: 20px;
	border-bottom: none;
}

.rc_box h2 {
	font-size: 1.4em;	
	line-height: 1.6;
	text-align: center;
}

.rc_box a {
	color: #336666;
	background-color: white; 
	font-weight: bold;
}

.rc_box a:active {
	color: #336666;
	background-color: white; 
}

.rc_box a:hover {
	color: white;
	background-color: #336666; 
}

li.decm_bullet {
	line-height: 1.5;
}

p.centre {
	text-align: center;
}

h2.no_gap {
	font-size: 1.4em;
	line-height: 1;
	margin: 0 0 -20px 0;
	padding: 0;
}


/*------------------------------------------------------------- 
  =Site by
--------------------------------------------------------------*/

#footer #site_by p {
	font-size: 0.9em;
	text-align: right;
	margin: 0;
	padding: 0 5px 5px 0;
}

#footer #site_by a, #footer #site_by a:visited {
	border: none;
	color: #828282;
	background-color: #CEDEEE;
}

#footer #site_by a:hover {
	color: #828282;
	text-decoration: underline;
	background: transparent;
}

/*------------------------------------------------------------- 
  =Round cornered box
--------------------------------------------------------------*/

.rc_box {
	padding: 0px;
	width: 274px;
	background: url(images/rc_box_middle.gif) repeat-y;
}

.rc_box h2 {
  background: url(images/rc_box_top.gif) no-repeat left top;
  padding-top: 20px;
}

.rc_box .last {
  background: url(images/rc_box_bottom.gif) no-repeat left bottom;
  padding-bottom: 20px;
}

.rc_box h2, .rc_box p {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}

/*------------------------------------------------------------- 
  =Specials
--------------------------------------------------------------*/

.world_map {
	margin-left: 100px;
}
