body{
      	text-align: center;
      	margin:0px;
      	padding-top:20px;
}


table{
		padding:0px;
		margin:0px;
}

td{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight: normal;
		color: #333333;
		line-height:16px;
}

ul{
		 list-style-position: inside;
		 padding: 0;
		 margin: 0;
}

#sectionlist .hh2{ font-size:12px; line-height:14px; margin:0px; border:0px; padding:0px; font-weight:bold;}

h1{ font-size: 18px; font-weight:normal;}
h2{ font-size:14px; font-weight:bold;}
h3{ font-size:14px; font-weight:bold;margin:0px; padding:0px; line-height:15px; border:0px;}
#diarylist h2{ font-size:12px; line-height:14px; margin:0px; border:0px; padding:0px; font-weight:bold;}
#diarylist i b { font-size:12px; line-height:13px; margin:0px; border:0px; padding:0px; font-weight:bold;}

/* Background for Navigation bar at the top */
.nav{
		background-image: url(../images/nav.gif);
		background-repeat: no-repeat;
}



/* Sets up position of Nav links */
.navlinks {
		padding-top:1px;
		padding-right:16px;
		text-decoration: none;
		height:21px;
		font-size:11px;
		vertical-align:middle;
		/*line-height:21px;*/
}

/* Sets width of cell for each nav link */
#navHome {width:39px; }
#navWhatIsSPS {width:84px;}
#navShipRepair {width:75px;}
#navShipBuilding {width:81px;}
#navOffshore {width:59px;}
#navCivilEngineering {width:99px;}
#navMilitary {width:50px;}




/* Style for navigation links. Hover must have display block and height for bg color */ 
.navstyle A{  
		display: block;
		text-decoration: none; 
		color: #21235a;
}
.navstyle A:hover {
		display: block;
		text-decoration: none; 
		color: #fff; 
		background-color: #21235a;
		/*height:21px;
		line-height:21px;*/
}
.navstyleonn a, .navstyleonn a:link, .navstyleonn a:visited,.navstyleonn a:active{
color: #fff; 
}

.navstyleon, a.navstyleon, .navstyleon a {
		display: block;
		text-decoration: none; 
		color: #fff; 
		background-color: #21235a;
		height:21px;
		line-height:21px;
}

/* Sets up alignment of Navigation */
.navpadl {padding-left: 139px;}
.navpadr {padding-right: 22px;}


/* Default top padding for all content */
.maincontent{
		padding-top:18px;
}


/* Settings for side nav */
.sidenav{
		line-height:16px;
		text-align:right;
}


/* side nav link style */
.sidenav A:link, .sidenav A:visited, .sidenav A:active {text-decoration: none; color: #21235a; font-weight:bold;}
.sidenav A:hover {color:#f8981e; font-weight:bold;}

/* Default link style */
A{text-decoration: underline; color: #f8981e;}
A:hover {text-decoration: none; color: #f8981e;}


/* Link style for section home pages - dark blue */ 
.sectionlink A:visited, .sectionlink A:link{text-decoration: underline; color: #23285f; font-size:12px; font-weight:bold;}
.sectionlink A:visited:hover, .sectionlink A:hover, .sectionlink A:active {text-decoration: none; color: #23285f; font-size:12px; font-weight:bold;}


/* Link style for sub nav - dark blue with orange border on bottom*/ 
.section{ border-bottom: 1px solid #f8981e;}
.section A:link, .section A:visited, .section A:active {text-decoration: none; color: #21235a; font-weight:bold;}
.section A:hover {color:#f8981e; font-weight:bold;}

/* Link style for sub nav - light blue, rollover orange */
.sidenavsub A:link, .sidenavsub A:visited, .sidenavsub A:active{text-decoration: none; color: #a6aed7;line-height:12px; }
.sidenavsub A:hover {color:#f8981e;line-height:12px;  }


/* Link style for sub nav when on a page - orange */
.sidenavon A:link, .sidenavon A:visited, .sidenavon A:active{text-decoration: none; color: #f8981e;line-height:12px; }
.sidenavon A:hover {color:#f8981e;line-height:12px; }

/* Link style for footer - white, rollover light orange */
.footer A:link, .footer A:visited, .footer A:active{text-decoration: none; color: #fff;font-size:11px;}
.footer A:hover, .footer td a.footeron {color:#23285f;font-size:11px;}

/* Link style for steps nav on all steps pages - links light grey, orange border top and bottom  */
.stepsnav { 
		color:#7b7c7c; 
		font-weight: bold; 
		font-size:12px;
		border-bottom: 1px solid #f8981e;
		border-top: 1px solid #f8981e;
		padding-top:4px;
		padding-bottom:4px;
}

/* used on steps pages - large heading, dark grey */
.step{ font-size: 18px; font-weight:bold; color:#7b7c7c;}

/* Link style for steps pages - light grey */
.steps {border:0px;}
.steps A:link{text-decoration: underline; color: #cacbcb;}
.steps A:visited, .steps A:active, .steps A:hover {text-decoration: none; color: #cacbcb;}

/* table style for google style ads - greytablebot can also be used for underline*/
.greytabletop { 
		background-color: #e8e8e9;
		line-height:16px;
		padding-left:12px;
		padding-right:12px;
}

.greytable{
		border-left: 1px solid #e8e8e9;
		border-right: 1px solid #e8e8e9;
		padding-left:12px;
		padding-right:12px;
		padding-top:8px;
		padding-bottom:8px;
}

.greytablebot{ border-bottom: 1px solid #e8e8e9; background-color: #ffffff;}


/* padding for flash ads on left - stops content from touching footer */
.sideflash { padding-bottom:25px;}

/* padding on left and right for columns */
.col1 { padding-left:32px; }
.col1r{ padding-right:18px;}

/* adds padding between breadcrumb and underline */
.breadcrumb{ padding-bottom: 3px;}

.padtop{ padding-top: 18px;}
.padtopsmall{ padding-top: 12px;}





/* padding for footer */
.footerpad {
		padding-top:18px;
		padding-bottom:18px;
}

/* footer color */
.footer {
		background-color: #f8981e;
}

/* padding for white line on footer */
.line{ padding-left:15px; padding-right:15px; }

/* Creates needed extra space on footer */ 
.footerspace{ padding-left:62px; }


/* row settings for table on brochures and technical papers */
.row1 {
		background-color:#feecd6;
		padding-left: 13px;
		padding-right: 13px;
		line-height:16px;
}

.row2 {
		background-color:#ffffff;
		padding-left: 13px;
		padding-right: 13px;
		line-height:16px;
}

.rowtop { padding-top: 7px;}
.rowbottom { padding-bottom: 7px;}


/* Add padding to small document images */ 
.smalldoc { padding-right:2px;}

/* padding for gallery prev next box */
.galleries{ padding-bottom:12px; padding-left:12px;}


/* Adverts panel must be 100% on all pages apart from this one
	Therefore the width of the panel must be set */
.galleryad {
		max-width: 350px;
		width:350px;
}

/* For general padding use */
.leftpadsmall { padding-left:7px;}

.orangeholder {border-top:1px solid #fab45c;border-left:1px solid #fab45c;}
.orangebottom {border-bottom:1px solid #fab45c;}
.orangeside {border-left:1px solid #fab45c;}
.orange {border:1px solid #fab45c;}
.emphasis {color: #f8981e;}
.selector {width:133px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.selectorsmall {width:103px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.greyborder {border:1px solid #cacaca;}

a img.h{border:2px solid #ffffff;}
a:hover img.h, a img.hon {border:2px solid #fab45c;}

.newsletterreg{width:193px; font-size:12px;  color:#333;font-family: Arial, Helvetica, sans-serif; }
label {font-weight:bold;}
label strong {font-size:9px; color:#ff0000;font-family: Arial, Helvetica, sans-serif;}

.homepage {font-family:Arial; font-size:12px; font-weight:bold; color:#1C1C1C;}
.sps {color:#003E7E;}

#homepage a{color:#003E7E; font-weight:bold;}

#sitemap h2, h2 a, h2 a:hover{border:0px; margin:0px; padding:0px; font-size: 14px; line-height:17px; color:#21235a; font-weight:bold;}

.homepagelink a {color:#003d7e;text-decoration:underline; font-weight:bold;font-size:11px;}
.homepagelink a:hover {color:#003d7e;text-decoration:none; font-weight:bold;font-size:11px;}

.caption { padding-left:7px;padding-right:7px;padding-bottom:2px;padding-top:2px; border-bottom:1px solid #fab45c; border-left:1px solid #fab45c; border-right:1px solid #fab45c;}