/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* ==== Generic Catch all margin/padding ==== */
* {
   margin: 0;
   padding:0;
}

/* ==== HTML Overrides ==== */
body {
	font-family: tahoma, "trebuchet MS", verdana, sans-serif, arial;
	font-size:1em;
	text-align:center;
	background-color: #C6D5DD;
	padding: 40px 0;
}

a {
   text-decoration: underline;
   color: white;
}

a:hover {
	text-decoration: underline;
	color:#04A2DF;
}

p {
	font-size:80%;
}

strong {
	font-weight:bold;
}

/* ==== Structure ==== */
div#container {
	width: 840px;
	text-align:left;
	background-color:white;
	margin:0 auto;
}

div#content {
	clear: left;
	display: table;
	width: 800px;
	background-color: white;
	margin: 20px 20px 20px 20px;
}

div#header {
	float:left;
	display:inline;
	width:800px;
	height:114px;
	background:url("/images/css/background_header.jpg") no-repeat top right;	
}

div#header a#cpmarinelogo img {
	margin:0 0 0 0;
}

div#maincontent {
	float:left;
	display:inline;
	width:800px;
	margin:0;
	background:url("/images/css/background_main.jpg") no-repeat top right;
	background-color:#286095;
}

/* ==== Navigation ==== */
div#navigation {
	float:left;
	display:inline;
	padding:0;
	width:800px;
	border-top:1px solid #ccc;
	background-color:#ECEDEE;
	font-size:95%;
}

div#navigation li {
	background:url("/images/css/background_nav.jpg") top left no-repeat;
	background-color:#4289CE;
	list-style:none;
	float:left;
	text-align:center;
	margin:0 2px 0 0;
	min-height:29px;
}

div#navigation li a {
	display:block;
	text-decoration:none;
	color:white;
	font-size:75%;
	padding:7px 8px 7px 8px;
}

div#navigation li a:link {

}

div#navigation li a:visited {

}

div#navigation li a:hover {
	color:#1A3F64;
}

div#navigation li a:active {

}

/* ==== Main Content ==== */
div#maincontent div#contentcopy {
	float:left;
	display:inline;
	width:500px;
	padding: 20px 0 20px 20px;
	color:white;
}

div#maincontent h1 {
	margin:0 0 20px 0;
}

div#maincontent h2 {
	font-size:95%;
}

div#maincontent h3 {
	margin:0 0 20px 0;
	font-size:90%;
}

div#maincontent p {
	margin:0 0 20px 0;
}

div#maincontent ul {
	font-size:80%;
	margin:0 0 20px 15px;
}

div#maincontent p.download {
	clear:both;
	float:left;
	display:inline;	
}

div#maincontent p.download img {
	float:left;
	display:inline;	
}

div#maincontent p.download a {
	float:left;
	display:inline;
	margin:10px 0 0 5px;
}

/* Job Application Form */
div#maincontent p.application {
	clear:both;
	float:left;
	display:inline;
}

body#jobseeker div#maincontent div#contentcopy {
	float:left;
	display:inline;
	width:780px;
	padding: 20px 0 20px 20px;
	color:white;
}

body#jobseeker form fieldset {
	clear:both;
	float:left;
	display:inline;
	width:600px;
	background-color:#76A4D0;
	font-size:80%;
	padding:0 0 10px 0;
}

body#jobseeker form fieldset p {
	font-size:100%;
	padding:0 0 0 10px;	
}

body#jobseeker form fieldset p.sectionofsection {
	clear:both;
	text-align:right;
	padding:0 10px 0 0;
	margin:0;
	font-weight:bold;
}

body#jobseeker form fieldset h2 {
	color:white;
	padding:0 0 10px 0;
}

body#jobseeker form fieldset h3 {
	clear:both;
	color:white;
	margin:0 0 10px 10px;
	font-size:110%;
	font-weight:bold;
}

body#jobseeker form fieldset h3 strong {
	color:black;
}

body#jobseeker form fieldset label {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 0 10px;
	color:white;
}

body#jobseeker form fieldset select {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 10px 10px;
}

body#jobseeker form fieldset input, form fieldset textarea {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 10px 10px;
}

body#jobseeker form fieldset h3#errorheading {
	margin:10px 0 0 10px;
	color:black;
	font-weight:bold;
}

body#jobseeker form fieldset ol#errorlist {
	color:black;
	margin:10px 0 0 35px;	
}

body#jobseeker form fieldset label strong {
	color:black;
}

body#jobseeker form fieldset h2 {
	margin:10px 0 0 10px;
	font-size:150%!important;
}

body#jobseeker form fieldset table {
	clear:both;
	border:1px solid #ECEDEE;
	margin:0 10px 10px 10px;
	font-size:90%;
	border-collapse:collapse;
}

body#jobseeker form fieldset table th {
	text-align:center;
	border-bottom:1px solid #ECEDEE;
	background-color:#286095;
	color:white;
	padding:5px;
}

body#jobseeker form fieldset table tr td {
	text-align:center;
	border-bottom:1px dotted #ECEDEE;
	vertical-align:top;
	padding:5px;
}

body#jobseeker form fieldset div#buttons {
	clear:both;
	float:left;
	margin:20px 0 20px 0!important;
	padding:0!important;
	width:100%;
}

body#jobseeker form fieldset input.previous {
	clear:none!important;
	float:left;
	width:100px;
}

body#jobseeker form fieldset input.next {
	clear:none!important;
	float:right;
	width:100px;
	margin:0 10px 0 0;
}

body#jobseeker form fieldset input.submit {
	clear:none!important;
	float:left;
	display:inline;
	width:100px;	
}

body#jobseeker form fieldset input.add {
	float:left;
	display:inline;
	width:140px;	
}

body#jobseeker form fieldset p#rating {
	clear:both;
	margin:0 0 5px 10px;
	padding:0;
}

body#jobseeker form fieldset p#languageintro {
	clear:both;
	margin:0 0 5px 10px;
	padding:0;
}

body#jobseeker form fieldset dl#languagerating {
	clear:both;
	float:left;
	padding:0;
	margin:0 0 10px 10px;
}

body#jobseeker form fieldset dl#languagerating dt {
	clear:both;
	float:left;
	font-weight:bold;
	margin:0 10px 0 0;
}

body#jobseeker form fieldset label.languagelabel {
	font-weight:bold;
}

body#jobseeker form fieldset ul.rating {
	clear:both;
	float:left;
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

body#jobseeker form fieldset ul.rating li {
	float:left;
	display:inline;
	width:50px;
}

body#jobseeker form fieldset ul.rating li input {
	clear:none!important;
	float:left;
	display:inline;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
}

body#jobseeker form fieldset ul.rating li label {
	clear:none!important;
	float:left;
	display:inline;
	width:20px;
	height:20px;	
	margin:0;
	padding:4px 0 0 0;	
}

/* Accreditations */
div.accreditation {
	clear:both;
	float:left;
	display:inline;
	width:450px;
	border-bottom:1px solid #ccc;
	background-color:#76A4D0;
}

div.last {
	border-bottom:none;
}

div.accreditation img {
	float:left;
	display:inline;
	width:130px;
}

div.accreditation div.copy {
	float:left;
	display:inline;
	width:310px;
}

div.accreditation h2 {
	margin:5px 0 10px 0!important;
}

div.accreditation h2 a {
	color:white;
	text-decoration:underline;
}
div.accreditation h2 a:hover {
	color:#ccc;
}

div.accreditation p {
	margin:0 0 0 0!important;
	padding:0 0 10px 0;
}

/* Contact Form */
form fieldset {
	clear:both;
	float:left;
	display:inline;
	width:450px;
	background-color:#76A4D0;
	font-size:80%;
	padding:0 0 10px 0;
}

form fieldset label {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 0 10px;
	width:95%;
}

form fieldset label.formtop {
	clear:both;
	float:left;
	display:inline;
	margin:10px 0 0 10px;
}

form fieldset input, form fieldset textarea {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 10px 10px;
}

form fieldset h3#errorheading {
	margin:10px 0 0 10px;
	color:black;
	font-weight:bold;
}

form fieldset ol#errorlist {
	color:black;
	margin:10px 0 0 35px;	
}

form fieldset label strong {
	color:black;
}

p.telephone em {
	clear:both;
	float:left;
	display:block;
	width:75px;
	font-style:normal;
}

/* Sitemap */
ul.sitemap a {
	text-decoration:none;
}

/* Vacancies Table */
body.full-width div#maincontent div#contentcopy { float:left; display:inline; width:740px; padding: 20px 0 20px 20px; color:white; }

div#contentcopy ul#jobvacancy { float:left; display:inline; font-size:80%; width:100%; list-style-type:none; margin:0; background-color: #76a4d0; padding:10px; }
#jobvacancy a { color:White; text-decoration:none; }
#jobvacancy a:link { color:White; }
#jobvacancy a:visited { color:White; }
#jobvacancy a:hover { color:White; text-decoration:underline; }
#jobvacancy a:active { color:White; }
ul#jobvacancy li { clear:both; float:left; display:inline; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0 0 10px 0; width:100%; }
ul#jobvacancy li.last { border-bottom:none; }
ul#jobvacancy li dl {width:100%; }
ul#jobvacancy li dl dt { clear:both; float:left; display:inline; width:160px; font-weight:bold; margin:0 0 10px 0; }
ul#jobvacancy li dl dd { float:left; display:inline; width:575px; margin:0 0 10px 0; }

/* Vacancies Admin Table */
table#jobvacancy { background-color: #76a4d0; border-right:1px solid #ccc; border-top:1px solid #ccc; font-size:80%; margin:10px 0 0 0; width:100%; }
table#jobvacancy tr th { border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; padding:5px; }
table#jobvacancy tr td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; }

/* ==== Logos ==== */
div#logos {
	width:800px;
	clear:both;
	background-color:#ECEDEE;
	padding:10px 0 10px 0;
}

div#logos a.logos {
	margin:0 0 0 10px;
}

/* ==== Footer ==== */
div#footer {
	clear:both;
	width:800px;
	padding:0;
	font-size:80%;
}

div#footer div#footerContainer {
	border-top:1px solid #CCC;
	float:left;
	display:inline;
	background-color:white;
	padding:0 0 5px 0;
}

div#footer ul {
	float:left;
	display:inline;
	padding:10px 0 0 0;
	list-style:none;
	font-size:75%;
}

div#footer ul li {
	float:left;
	display:inline;
	padding:0 10px 0 0;
}

div#footer p#clever4 {
	padding:5px 0 0 0;
	float:right;
	display:inline;
}

div#footer img#clever4logo {
	vertical-align: middle;
	margin: 0 0 0 5px;
	border:none;
}

div#footer a {
	color: #666;
}

div#footer a:visited {
	color: #666;
}

div#footer a:hover {
	color:#04A2DF;
	text-decoration:underline;
}

div#footer a:active {
	color: #666;
}