/*
SafetyatSea
Main stylesheet

Chris Evans

06 May 2008
*/

body 
{
    font: 70%/1.5em Verdana, Arial, Helvetica, sans serif;    
    background: #00aad3;
    color: #000;
    margin:0;
    padding:25px 0;
}


a { color:#09347a; }
a:hover {}
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0; padding: 0; }

h1
{
    font-size: 100%;
    color:#09347a;
}

h2
{
    font-size: 100%;
    color:#09347a;
}

p { margin: 0 0 .5em 0; padding:0; }

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

blockquote { margin: 0 0 .5em 0; padding:0; color:#33BBDB; }

img { border: none; }

span.site-name { color:#09347a; }
span.site-name .divider { color:#00aeef; }

div#page 
{   
  width: 1000px;
  margin: 0 auto;
  background: transparent url(../images/bg/page2.gif) repeat-y left top;
}

div#header {
	background: transparent url(../images/bg/header.gif) repeat-y left top;
	padding: 20px 35px;
}


div#banner div#standard { padding-left: 30px; background: transparent url(../images/bg/banner.gif) repeat-y left top; }
div#banner div#shipconcept { padding-left: 30px; background: transparent url(../images/bg/banner-ship-concept.gif) repeat-y left top; }
div#banner div#consulting { padding-left: 30px; background: transparent url(../images/bg/banner-consulting.gif) repeat-y left top; }
div#banner div#accident { padding-left: 30px; background: transparent url(../images/bg/banner-accident.gif) repeat-y left top; }
div#banner div#research { padding-left: 30px; background: transparent url(../images/bg/banner-research.gif) repeat-y left top; }
div#banner div#software { padding-left: 30px; background: transparent url(../images/bg/banner-software.gif) repeat-y left top; }


div#banner div#standard img,
div#banner div#shipconcept img,
div#banner div#consulting img,
div#banner div#accident img,
div#banner div#research img,
div#banner div#software img { float: left; }


/*
div#banner div.inner { min-height:140px; background:transparent url(../images/bg/banner-middle.gif) no-repeat 270px top;}
* html div#banner div.inner { height:140px; }
*/
div#banner div.inner { min-height:140px; background:#667DA2 no-repeat 270px top;}
div#banner div.inner2 { min-height:140px; background:#05347A no-repeat 270px top;}
div#banner div.inner3 { min-height:140px; background:#00AAD2 no-repeat 270px top;}

div#topmenu { margin-bottom: 20px; padding: 0; background: #fff;}
div#topmenu ul.navigation {margin:0; padding:2px 0 2px 21px; background: #33bbdb url(../images/nav/v2/top-main-ulbg.gif) no-repeat left bottom; }
div#topmenu ul.navigation li { display: inline; margin:0; padding:0 17px 0 0;}
div#topmenu ul.navigation li a { font-size: 85%; font-weight: bold; text-decoration: none; color:#fff; padding-left: 17px; background: transparent url(../images/nav/v2/mainsep.gif) no-repeat left 2px;}
div#topmenu ul.navigation li.firstNode a { background: transparent; padding-left:0; }
div#topmenu ul.navigation li a:hover { color:#fff200; }
div#topmenu ul.navigation li a.selected,
div#topmenu ul.navigation li a.childSelected { color:#fff200; background-image: url(../images/nav/v2/mainsep.gif); }

div#topmenu ul.navigation li.firstNode a.selected,
div#topmenu ul.navigation li.firstNode a.childSelected { background: transparent; padding-left:0; }

div#topmenu ul.navigation li a.selected:hover,
div#topmenu ul.navigation li a.childSelected:hover { color:#fff200; }


/*
div#topmenu ul.navigation li a.selected:hover,
div#topmenu ul.navigation li a.childSelected:hover { color:#fff200; background-image: url(../images/nav/v2/navitem-sel.png); }
*/

div#topmenu ul.secondary-main { background: #335184 url(../images/nav/v2/top-main-ulbg-alt.gif) no-repeat left bottom; }
div#topmenu ul.breadcrumb { padding-top: 0; background: #fff url(../images/nav/v2/top-main-ulbg-alt.gif) no-repeat left bottom; color:#000; }
div#topmenu ul.breadcrumb li a { color:#33bbdb; padding-left: 9px; background: transparent url(../images/nav/v2/navitem-bc.png) no-repeat left .33em; }

div#topmenu ul.breadcrumb li a:hover {color:#193b73;}
div#topmenu ul.breadcrumb li.selected a:hover,
div#topmenu ul.breadcrumb li.selected a { color:#193b73; background: transparent url(../images/nav/v2/navitem-bc-sel.png) no-repeat left .33em; }

div#topmenu ul.breadcrumb li.ship-concept-design-selected a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.ship-concept-design-selected a:hover { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png); }
div#topmenu ul.breadcrumb li.consulting-engineering-selected a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.consulting-engineering-selected a:hover {color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.marine-accident-investigation-selected a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.marine-accident-investigation-selected a:hover { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.research-and-development-selected a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.research-and-development-selected a:hover {color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.software-selected a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}
div#topmenu ul.breadcrumb li.software-selected a:hover {color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png);}



div#mainmenu { padding-bottom: 150px;}

div#mainmenu ul.navigation { background:transparent url(../images/nav/ul.gif) repeat-y left top;}
div#mainmenu ul.navigation li { margin:0; padding:0; background: #335183 url(../images/nav/v2/child.gif) no-repeat left top; }
div#mainmenu ul.navigation li a { font-size: 95; display: block; color: #193b73; text-decoration: none; padding: 3px 5px 3px 30px; line-height: 1.3em; background: transparent url(../images/nav/v2/navitem-sub.png) no-repeat 20px .66em; }
* html div#mainmenu ul.navigation li a { height: 1%; }
div#mainmenu ul.navigation li.firstNode { background-position: left -1px; }
div#mainmenu ul.navigation li ul li.firstNode { background-position: left top; }
div#mainmenu ul.navigation li a:hover {}


div#mainmenu ul.navigation li.selected,
div#mainmenu ul.navigation li.childSelected { background-image: url(../images/nav/v2/child-sel.gif); background-color:#4c6792; }
div#mainmenu ul.navigation li.selected ul li,
div#mainmenu ul.navigation li.childSelected ul li { background-image: url(../images/nav/v2/child.gif); }
div#mainmenu ul.navigation li ul li.selected,
div#mainmenu ul.navigation li.childSelected ul li.selected { background-image: url(../images/nav/v2/child-sel.gif); }

/*
div#mainmenu ul.navigation li.selected,
div#mainmenu ul.navigation li.childSelected { margin-bottom:19px;}
div#mainmenu ul.navigation li.selected ul li,
div#mainmenu ul.navigation li.childSelected ul li { margin-bottom:0;}
div#mainmenu ul.navigation li.selected a {} 
*/

div#mainmenu ul.navigation li.alternate { background-color:#33bbdb; }




div#mainmenu ul.navigation li.ship-concept-design-selected { background-color:#9dc354; }
div#mainmenu ul.navigation li.consulting-engineering-selected { background-color:#00aa86; }
div#mainmenu ul.navigation li.marine-accident-investigation-selected { background-color:#009a3d; }
div#mainmenu ul.navigation li.research-and-development-selected { background-color:#008367; }
div#mainmenu ul.navigation li.software-selected { background-color:#004438; }

div#mainmenu ul.navigation li ul { margin:0; padding:0; list-style: none; }
/*
div#mainmenu ul.navigation li ul li { display: none; }
div#mainmenu ul.navigation li.selected ul li,
div#mainmenu ul.navigation li.childSelected ul li { display: block; margin-bottom:0; }
*/
div#mainmenu ul.navigation li ul li,
div#mainmenu ul.navigation li.selected ul li,
div#mainmenu ul.navigation li.childSelected ul li { background-color: #193b73; color: #193b73; }

div#mainmenu ul.navigation li ul li a,
div#mainmenu ul.navigation li.selected ul li a,
div#mainmenu ul.navigation li.childSelected ul li a { color: #193b73; }


div#mainmenu ul.navigation li.ship-concept-design ul li { background-color:#33bbdb; color:#5a8e22; }
div#mainmenu ul.navigation li.ship-concept-design ul li a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png); }

div#mainmenu ul.navigation li.consulting-engineering ul li { background-color:#33bbdb; color:#006c56; }
div#mainmenu ul.navigation li.consulting-engineering ul li a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png); }

div#mainmenu ul.navigation li.marine-accident-investigation ul li { background-color:#33bbdb; color:#007836; }
div#mainmenu ul.navigation li.marine-accident-investigation ul li a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png); }

div#mainmenu ul.navigation li.research-and-development ul li { background-color:#33bbdb; color:#006c56; }
div#mainmenu ul.navigation li.research-and-development ul li a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png); }

div#mainmenu ul.navigation li.software ul li { background-color:#33bbdb; color:#1c3a09; }
div#mainmenu ul.navigation li.software ul li a { color:#193b73; background-image: url(../images/nav/v2/navitem-bc-sel.png); }


div#mainmenu ul.navigation li:hover,
div#mainmenu ul.navigation li ul li:hover { background-color:#193b73; background-image: url(../images/nav/v2/child-sel.gif); }
div#mainmenu ul.navigation li.ship-concept-design:hover,
div#mainmenu ul.navigation li.ship-concept-design ul li:hover { background-color:#193b73; }
div#mainmenu ul.navigation li.consulting-engineering:hover,
div#mainmenu ul.navigation li.consulting-engineering ul li:hover { background-color:#193b73; }
div#mainmenu ul.navigation li.marine-accident-investigation:hover,
div#mainmenu ul.navigation li.marine-accident-investigation ul li:hover { background-color:#193b73; }
div#mainmenu ul.navigation li.research-and-development:hover,
div#mainmenu ul.navigation li.research-and-development ul li:hover { background-color:#193b73; }
div#mainmenu ul.navigation li.software:hover,
div#mainmenu ul.navigation li.software ul li:hover { background-color:#193b73; }

/*div#content { position:relative; padding: 15px 30px 15px 15px; background: transparent url(../images/bg/content-left2.gif) no-repeat left top; }*/
div#content { position:relative; padding: 15px 30px 15px 15px; background: transparent url(../images/bg/content-left2.gif) no-repeat left top; }
div#content { min-height: 200px; }
* html div#content { height: 200px; }

div#content img.assurance { position: absolute; left: 30px; bottom:15px; }

div#content div#mainmenu { width: 185px; float: left; }
div#content div#mainContent { width: 743px; float: right; min-height: 200px; }

div#content p {  }

div#content h1 { color:#00aad2; font-size: 120%; }

div#content div.columns { background: transparent url(../images/bg/columns.gif) repeat-y left top; }
div#content div.columns div.column { float: left; line-height: 1.33em; }
div#content div.columns div.main { width:360px; color:#231f20;}
div#content div.columns div.second {width: 360px; float: right; color:#231f20;}
div#content div.columns p { margin: 2px 0 15px 0;}

div#content div.additional-main { padding-top: 15px; }
div#content div.distinct { text-align: right; }

div#content span.job-title,
div#content span.contact-email { padding-left: .9em; color:#09347a; }

div#content span.indicator { color:#00aedb; }

img.staff-photo { display: block; margin: 45px 0 15px; }

div#content div.promotion-box { padding:0 0 10px; background: #c9ebf6 url(../images/bg/promobox-foot.gif) no-repeat left bottom; }
div#content div.promotion-box h2 { font-size: 150%; padding: 18px 15px 0; margin: 0 0 15px; background: transparent url(../images/bg/promobox-head.gif) no-repeat left top; }
div#content div.promotion-box p { margin:0 15px 10px 15px; padding:0; }

div#content div.columns div.column ul { padding-left: 2.2em; margin-left:0; }
div#content div.columns div.column ul li { margin-bottom: 1em; }

div#content div.columns div.column ul li ul { margin-top: .125em; }
div#content div.columns div.column ul li ul li { margin-bottom: .125em; list-style: none; }

div#content div.columns div.column ul.downloads { list-style: none; padding:0; }
div#content div.columns div.column ul.downloads li { margin-bottom: 1em; }
div#content div.columns div.column ul.downloads li a { text-decoration: none; }
div#content div.columns div.column ul.downloads li a:hover { text-decoration: underline; }

div#content div.columns div.column ul.linklist { list-style: none; padding:0; }
div#content div.columns div.column ul.linklist li { margin-bottom: .125em; }
div#content div.columns div.column ul.linklist li a { text-decoration: none; }
div#content div.columns div.column ul.linklist li a:hover { text-decoration: underline; }

div#content div.image-gallery img { margin: 0 0 15px 0; float: left; }
div#content div.image-gallery img.alternate { float: right; }

div#content img.isolated { margin-bottom: 60px; }

div#footer 
{    
 padding: 0 30px;
 clear: both;
}

div#footer-address { position: relative; text-indent: -9999px; display: block; width:941px; height:61px; background: transparent url(../images/footer-info.gif) no-repeat left top; }
div#footer-address div { position: absolute; top:0; left:0; }



fieldset { border: none; margin:0; padding:1em 0 0 0; width: 422px;}

fieldset.news-edit-form { width: 700px; }

fieldset div.row input,
fieldset div.row select,
fieldset div.row textarea { border: 1px solid #7b7b7b; padding: 3px 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, Sans-Serif; }


div.submitrow { text-align: right; padding-right: 80px; padding-top: 20px; padding-bottom: 40px; }

fieldset div.row { padding:0; margin: 8px 0;}
fieldset div.row label { width:160px; float: left; font-weight: normal;}
fieldset div.wide label { display: block; float: none; width: auto; padding-bottom: 6px; padding-top: 6px; }
fieldset div.row input {width: 248px; float: left; padding: 3px 4px;}
fieldset div.row select {width: 267px; float: left;}
fieldset div.row select.small { width: 115px;  }
fieldset div.row textarea { width: 264px; float: left;}

fieldset div.wide input,
fieldset div.wide select,
fieldset div.wide textarea { margin-left: 122px; }

fieldset.news-edit-form div.row input { width:450px; }
fieldset.news-edit-form div.row textarea { width:458px; }

fieldset div.row input.button { width: auto; float: none; }
fieldset div.submit { text-align: right; }

fieldset div.current-image-display { clear: both; padding-left: 122px; }
fieldset div.current-image-display h3 { padding: 15px 0 10px 0; }
div#content fieldset div.current-image-display label,
div#content fieldset div.current-image-display input { width: auto; float: none; }

div#adminLoggedIn { background: #ccc; border: 1px solid #7b7b7b; margin-bottom: 1em; border-top: none; padding: .5em; margin-left: 15px; } 

div.login { width: 55%;  }
div.login em { font-style: normal; }
div.userPanel, div.passwordPanel { margin: 0 0 .5em 0; }
div.userPanel label, div.passwordPanel label { float: left; width: 40%; }
div.userPanel input, div.passwordPanel input {float: right; width: 55%;}
div.failurePanel { color: #ff0000; }

fieldset.news-edit-form div.checkbox { width: auto; padding-bottom: 10px; }
fieldset.news-edit-form div.checkbox label { width: auto; padding-left: 5px; padding-right: 15px;  }
fieldset.news-edit-form div.checkbox input { width: auto; border: none; background: none; }

div#content div.news-item {padding-top: 1em;}
div#content div.news-item h3 { font-weight:normal; font-size: 120%; color:#3E347A; margin: 0 0 0 0; }
div#content div.news-item h3 a { color:#3E347A; }
div#content div.news-item p.date { color:#8a8787; font-size: 80%; margin:0; }

div#header:after,
div#banner div.inner:after,
div#content:after,
div#footer:after,
div#content div.columns:after,
div#content div.image-gallery:after,
fieldset div.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#header,
div#banner div.inner,
div#content,
div#footer,
div#content div.columns,
div#content div.image-gallery,
fieldset div.row 
{
    height: 1%;    
    display: block; 
}


div#content div.main table {	width: 100%; margin: 0 0 0px 0; 
	padding: 0; border-collapse: collapse;
}

div#content div.main table { border: none; table-layout: fixed; }
div#content div.main table b { color: #193b73; }
div#content div.main table a.rss { font-weight: normal; color: #06357b;  }
div#content div.main table a.rss:hover, #maincontent table a.rss:active { font-weight: bold; color: #06357b;}


div#content div.main table a.email { color: #193b73; text-decoration: none }
div#content div.main table a.email:hover, #maincontent table a:active { font-weight: normal; text-decoration: underline; color: #193b73;}


div#content div.main table th {
	padding: 0 7px; line-height: 2.5em;
	background: #06357b;
}

div#content div.main table th.rss {
   
	background: #FFFFFF;
	color: #06357b;
	 
}

div#content div.main table th.rss2 {
   
	background: #FFFFFF;
	color: #06357b;
	 font-weight: normal;
	 	line-height: 135%;
}

div#content div.main table th img { padding: 3px 0; vertical-align: middle; }
div#content div.main table th a { text-decoration: none; }

div#content div.main table th.th-os { 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10%;
}

div#content div.main table th.th-os:hover {
	overflow: visible;
}

div#content div.main table td { 
	font-size: 11px;
	padding: 5px 7px;
	line-height: 135%;
	border-top: 1px solid #AFE1F4;
	border-bottom: 1px solid #AFE1F4;
	border-left: 1px solid #AFE1F4;
	border-right: 1px solid #AFE1F4;       
	
	vertical-align: top;
}

div#content div.main table td.email { 
	font-size: 11px;
	padding: 5px 7px;
	line-height: 135%;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;       
	
	vertical-align: top;
}

div#content div.main table td.white_border { 
	font-size: 11px;
	padding: 5px 7px;
	line-height: 1.3em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;       
	
	vertical-align: top;
}

div#content div.main table td.yes { color: #333333; background: #EAF0FB; width: 10%; }
div#content div.main table td.no { color: #333333; background: #F3F6FD; width: 10%; }
div#content div.main table td.partial { color: #333333; background: #E1E9F9; width: 10%; }
div#content div.main table td.none { background: #F3F6FD; width: 10%; }
div#content div.main table td.type { background: #EAF0FB; width: 20%; }
div#content div.main table td.category { background: #F3F6FD; width: 10%; }

div#content div.main table th.type { width: 20%; }
div#content div.main table th.category { width: 10%; }









div#content div.second table {	width: 100%; margin: 0 0 0px 0; 
	padding: 0; border-collapse: collapse;
}

div#content div.second table { border: none; table-layout: fixed; }
div#content div.second table b { color: #193b73; }
div#content div.second table a.rss { font-weight: normal; color: #06357b;  }
div#content div.second table a.rss:hover, #maincontent table a.rss:active { font-weight: bold; color: #06357b;}


div#content div.second table a.email { color: #193b73; text-decoration: none }
div#content div.second table a.email:hover, #maincontent table a:active { font-weight: normal; text-decoration: underline; color: #193b73;}


div#content div.second table th {
	padding: 0 7px; line-height: 2.5em;
	background: #06357b;
}

div#content div.second table th.rss {
   
	background: #FFFFFF;
	color: #06357b;
	 
}

div#content div.second table th.rss2 {
   
	background: #FFFFFF;
	color: #06357b;
	 font-weight: normal;
	 	line-height: 135%;
}

div#content div.second table th img { padding: 3px 0; vertical-align: middle; }
div#content div.second table th a { text-decoration: none; }

div#content div.second table th.th-os { 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10%;
}

div#content div.second table th.th-os:hover {
	overflow: visible;
}

div#content div.second table td { 
	font-size: 11px;
	padding: 5px 7px;
	line-height: 135%;
	border-top: 1px solid #AFE1F4;
	border-bottom: 1px solid #AFE1F4;
	border-left: 1px solid #AFE1F4;
	border-right: 1px solid #AFE1F4;       
	
	vertical-align: top;
}

div#content div.second table td.email { 
	font-size: 11px;
	padding: 5px 7px;
	line-height: 135%;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;       
	
	vertical-align: top;
}

div#content div.second table td.white_border { 
	font-size: 11px;
	padding: 5px 7px;
	line-height: 1.3em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;       
	
	vertical-align: top;
}

div#content div.second table td.yes { color: #333333; background: #EAF0FB; width: 10%; }
div#content div.second table td.no { color: #333333; background: #F3F6FD; width: 10%; }
div#content div.second table td.partial { color: #333333; background: #E1E9F9; width: 10%; }
div#content div.second table td.none { background: #F3F6FD; width: 10%; }
div#content div.second table td.type { background: #EAF0FB; width: 20%; }
div#content div.second table td.category { background: #F3F6FD; width: 10%; }

div#content div.second table th.type { width: 20%; }
div#content div.second table th.category { width: 10%; }