/* CSS Document */

	body {
		margin:0;
		padding:0;
		border:0;		/* This removes the border around the viewport in old versions of IE */
		width:100%;
		text-align:center;
		background:#fff;
		background-image:url(/image/shelter-offshore-gbg.jpg);
		background-repeat:repeat-x;
		min-width:600px;	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: Arial, Helvetica, sans-serif;
		color:#333;
	}
	a {
		color:#004BCC;
		text-decoration:none;
	}
	a:hover {
		color:#444;
		text-decoration:underline;
	}

h2 a {
		color:#444;
		text-decoration:none;
	}
	h2 a:hover {
		color:#004BCC;
		text-decoration:underline;
	}

        h1 {
	 color: #A80044;       
       font-weight: normal;
	font-size: 21px;
        margin: 0.6em 0 0.4em 0;
        padding: 0;
			}      
      
	 h2, h3 {
		margin:.8em 0 .2em 0;               
       font-weight: normal;
               padding:0;
	}
	p {
		margin:.4em 0 1.2em 0;
		padding:0;
		font-size: 0.8em;               
               line-height: 1.4em;
               
	}
	img {
		margin:10px 0 5px;		
	}
	/* Header styles */
	
	
	#header {
		clear:both;
		float:left;
		text-align:left;
		height:100px;
		width:100%;
		background-image:url(/image/shelter-offshore-gbg.jpg.jpg);
		background-repeat:repeat-x;
	}
	#header {
		border-bottom:0px solid #B7D0E7;
	}
	
	
	
	#header h1
	 {
		padding:.4em 15px 10px 15px;
		display:none;
		margin:0;
	}
	
	#header p { 
text-align:right;
	font-size: 0.7em;
	margin-top: 2px;
       margin-bottom: 5px;	
        margin-right: 27px;  
       padding-right: 18px;  
       color: #666;  
	}
	
  
#header a {
color: #111111;
} 	

#header a:hover {
color: #333;
} 	

	#header img{
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
	}
	
	#headernav {
	float:right;
	width:420px;
	}
	
.topbar {
    
    padding: 5px 5px 6px 6px;
   margin: 0;
}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */		
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	
		/* common column settings */
	.topleft,
	.topmid,
	.topright {
		float:left;
		width:100%;
		position:relative;
	}
	.top1,
	.top2,
	.top3 {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}
	
			/* 1 Column (single page) settings */
	.singlepage {
	
		margin-bottom:8px;
	}
	.singlepage .topleft {
		right:40%;			/* right column width */
	}
	.singlepage .top1 {
		width:55%;			/* left column content width (column width minus left and right padding) */
		left:43%;			/* right column width plus left column left padding */
	}
	.singlepage .top2 {
		width:35%;			/* right column content width (column width minus left and right padding) */
		left:47%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	.singlepage H1{
		font-size: 21px;
	}
	
	.singlepage p{
		font-size: 14px;
		
	}
	
		/* 2 Column (double page) settings */
	.doublepage {
	
		margin-bottom:8px;
	}
	.doublepage .topleft {
		right:40%;			/* right column width */
	}
	.doublepage .top1 {
		width:55%;			/* left column content width (column width minus left and right padding) */
		left:43%;			/* right column width plus left column left padding */
	}
	.doublepage .top2 {
		width:35%;			/* right column content width (column width minus left and right padding) */
		left:47%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	.doublepage H1{
		font-size: 21px;
	}
	
	.doublepage p{
		font-size: 14px;
		
	}
	
	.headerblock {
	padding: 7px 0 7px 0;
	border-top: 2px solid #A80044;
	border-bottom: 2px solid #A80044;
	}
	
	
		.top2 table{
	margin-top: 10px;
        margin-bottom: 0px;	
        font-weight: normal;
        font-size:12px;     
	color: #444;
	background-color: #F3F3F3;
       border-top: 8px solid #D3D3D3;
	}
     
     .top2 table p{
       color:#333333;
     font-size:11px;
      margin: 0;
      padding: 0; 
      }	
     
      .top2 table a{
      text-decoration: none;
      }	

       .top2 table a:hover{
      color: #333;  
       text-decoration: underline;   
      }	

	.top2 H3{
	margin: 0 0 3px 0;
        font-weight: normal;       
	font-size: 21px;
	}

	
	/* column container */
	
	
	#fixed {
   margin:0 auto;
   width:980px;   /* you can use px, em or % */
   text-align:left;
}
	
	
	#mask {
		position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:#fff;
	}
	#colmid {
		float:left;
		width:200%;
		position:relative;
		left:50%;
		margin-left:-100px;
		background:#FFFFFF;    	/* Centre column background colour */
		border-left: 0px solid #F5E082;
		
	}
	#colright {
		float:left;
		width:100%;
		position:relative;
		left:200px;         	/* Left column width + right column width */
		background:#fff;    	/* Left column background colour */
	    border-left: 0px solid #F5E082;
	}
	#col1wrap {
		float:left;
		width:25%;
		position:relative;
		right:25%;
	}
	#col1 {
		margin:0 15px 0 130px;
		position:relative;
		right:200px;
		overflow:hidden;
	}
	
	#col1 H1{
	font-size:21px;
	}
	
	#col1 H2{
	font-size:1.4em;
	}
	
	#col2wrap {
		float:left;
		width:25%;
		position:relative;
		right:25%;
	}
	#col2 {
		margin:0 25px 0 115px;
		position:relative;
		right:100px;
		overflow:hidden;
	}
	
	#col2 H1{
	font-size:1.3em;
	}
	
		#col2 table{
	margin-top: 0px;
        margin-bottom: 10px;	
        font-weight: normal;
        font-size:12px;      
	color: #444;
	background-color: #F3F3F3;
       border-top: 8px solid #D3D3D3;
	}
     
#col2 table p{
       color:#333333;
     font-size:11px;
      margin: 0;
      padding: 0; 
      }	
     
      #col2 table a{
      text-decoration: none;
      color: #444;
      }	

       #col2 table a:hover{
      color: #004BCC;  
       text-decoration: underline;   
      }	

	.col2 H3{
	margin: 0 0 3px 0;
        font-weight: normal;       
	font-size: 21px;
	}
	
	#col2 H3{
	margin: 0 0 3px 0;
        font-weight: normal;       
	font-size: 21px;
	}
	
	#col3 {
		float:left;
		width:170px;        	/* Width of right column content (right column width minus left and right padding) */
		margin-left:-185px;  	/* Width of right column right-hand padding + left column left and right padding */
		position:relative;                
		right:50%;
	}
	
	.post {
	margin: 5px 0 15px 0;
	padding-top: 5px;	
	}
	
		.pubinfo {
	font-size: 0.7em;
	color:#666666;
	}
	
			.pubinfobig {
	font-size: 0.9em;
	color:#999999;
	}

    .post h3 {
	font-size: 21px;
        color: #004BCC;      
	}
	
.post ul {
	list-style: none;
	margin: 0;
	padding-left: 1em;	
	font-size: 12px;
	}

.post li {
	padding-top: 4px;
	padding-bottom: 4px;
	}


.archtitle {
margin: 0;
	font-size: 0.9em;	
	}


	.archinfo {
margin: 0;
	font-size: 0.8em;
	color:#333;
	}

.channel {
margin: 7px 0 5px 0;
padding: 7px 5px 7px 5px;
	font-size: 0.8em;
	color:#666;
       background-color: #EFF4FD;
       border: 1px solid #A0B3D9;
	}

.channel2 {
margin: 8px 0 0 0;
padding: 7px 5px 7px 5px;
	font-size: 0.8em;
	color:#666;
       background-color: #EFF4FD;
       border: 1px solid #A0B3D9;
	}

.channel3 {
margin: 0 0 10px 0;
padding: 0 6px 3px 5px;
	color:#CCC;
       background-color: #666;   
	}

.channel3 ul {
	list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	}

.channel3 li {
	padding-top: 2px;
	padding-bottom: 2px;
	}


.channel3 p{
	font-size: 14px;
	padding: 4px 0 0 0;
	margin: 0;
	}


.channel3 a{
	color:#EEE;
	}

.channel3 a:hover {
color: #FFF;
text-decoration:none;
}

.gorange {
margin: 10px 0 5px 0;
padding: 5px 5px 7px 5px;
background-color: #FDF9F0;
	color: #A80044;
	border: solid 1px #E4CB8D;
	}


.essentials {
margin: 0px 0 8px 0;
padding: 5px 5px 7px 5px;
background-color: #F3F3F3;
       border-top: 8px solid #D3D3D3;	         

	}

.essentials  a {
		color:#444;
		text-decoration:none;
	}
.essentials a:hover {
		color:#004BCC;
		text-decoration:underline;
	}

.smallintro {
 color:#FFF;
 font-size:11px;
 padding: 0 0 5px 0;
 margin: 0;
 }

.essentials p{
        font-size: 13px;     
	   padding: 8px 0 3px 0;
		 color: #666;
      margin: 0
    }

.essentials a{
      text-decoration: none;
      }	

.essentials  a:hover{
       text-decoration: none;  
      }	

.essentialstitle {                
	font-size: 21px;
		color: #444;
		margin: 0;
		padding: 0;

}


.essentials ul {
	list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	}

.essentials li {
	padding-top: 2px;
	padding-bottom: 4px;
	}


.homenav {    
margin: 10px 0 5px 0;
padding: 5px 5px 7px 5px;
color:#FFFFFF;
	background-color: #111111;
       border: 1px solid #111111;

	}
.homenav p{
        font-size: 1em;
       padding: 0;
      margin: 0
    }

.homenav a{
      color: #DDD;
      text-decoration: underline;
      }	

.homenav  a:hover{
      color: #FFF;     
      }	

.homenavtitle {                
		font-size: 1.1em;                    
}

.visitnav {       
margin: 10px 0 10px 0;
padding: 5px 5px 7px 5px;
color:#FFFFFF;
	background-color: #111111;
	}
.visitnav p{
        font-size: 1em;
       padding: 0;
      margin: 0
    }

.visitnav a{
      color: #DDD;
      text-decoration: underline;
      }	

.visitnav  a:hover{
      color: #FFF;     
      }	

.visitnavtitle {                
		font-size: 1.1em;                    
}

.related {
margin: 10px 0 8px 0;
padding: 7px 8px 7px 8px;
	font-size: 0.8em;
	color:#666;
       background-color: #F3F3F3;
       border-top: 8px solid #D3D3D3;
	}

.relatedtitle {
                color: #444;
		font-size: 21px;
               margin-bottom: 20px;
}

.related ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
       	text-indent: 0;
	}

.related li {
	line-height: 18px;
       font-size: 12px;
      padding-bottom: 5px;
	}

	.readon {
	font-size: 0.8em;
	margin: 0 0 10px 0;
	}

	.adtop{
       padding-top: 10px;
}

.related  a {
		color:#444;
		text-decoration:none;
	}
.related a:hover {
		color:#004BCC;
		text-decoration:underline;
	}

.hline {
margin: 5px 20px 5px 20px;
border-top: 1px dotted #CCC;
}

.searchbox {
margin: 10px 8px 0 0;
padding: 5px;
}
	
.searchbox form {
margin: 0;
padding: 0;
}

.gtright {
margin: 0;
padding: 0px 0 5px 0;
}


.grct {
margin: 10px 0 5px 0px;
}
	/* Footer styles */
	#footer {
                margin: 20px 0 0 0;
		clear:both;
		text-align:center;
		float:left;
		width:100%;
                border-top: 1px solid #DDD; 
               background-color: #EEE;
	}
	#footer p {
		font-size: 0.7em;
		padding:10px 20px 10px 20px;
		margin:0;
	}
	
		#fixedfooter {
   margin:0 auto;
   width:980px;   
   text-align:left;
}