@charset "utf-8";
/* CSS Document */

body  {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	color: #666666;
	background-color:#3A7AD1;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container { 
	width: 900px;  
	background: transparent;
	margin: 0 auto; 
	border: 0;
	padding: 0;
	} 
#outline {
		background: #FFFFFF; 
}
#header { 
	background: #FFFFFF; 
	padding: 0;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#topBar {
	background-color:#001033;
	color:#FFFFFF;
	width:880px;
	padding:0 10px 0 10px;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#topLeft{
	float: left;
	text-align: left;
	padding-top: 8px;
}
#topRight{
	float: right;
	text-align: right;
	padding-top: 8px;
}

#topImage {
}

#lightBlueBand {
	height:30px;
	padding: 10px 10px 10px 10px;
	text-align: right;
	background-color:#A1CBE1;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}

#floatLeftHome {
	float:left;
	text-align:left;
	width: 100px;
}

#textRight {
	float:right;
	text-align:right;
	width:600px;
}

#darkBlueBand {
	height:18px;
	padding: 12px 10px 5px 10px;
	text-align: right;
	background-color:#001033;
	color:#A0CBE0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#darkBlueBand a {
	color:#A0CBE0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#darkBlueBand a:link {
	text-decoration:none;
}

#darkBlueBand a:visited {
	text-decoration:none;
}

#darkBlueBand a:hover {
	text-decoration:underline;
}

#darkBlueBand a:active {
	text-decoration:none;
}

#leftMenu {
	float: left; 
	width: 200px; 
	background-image:url(../images/divide_line.gif);
	background-repeat:no-repeat;
	text-align: center;
	color:#000000;
	padding: 20px 0 30px 10px;
}

#britishMarineFedLogo {
	text-align:left;
}

#rightColumn {
	background-image:url(../images/divide_line_right_col.gif);
	background-repeat: no-repeat;
	float: right; 
	width: 220px; 
	text-align: left;
	padding: 30px 10px 30px 10px;
}

#mainContent { 
	margin: 0 260px 0 315px;
	padding:20px 0 30px 10px;
	background: #FFFFFF; 
	text-align: left;
	color:#003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

/* News page */

#mainContentNews {
	margin: 0 260px 30px 220px;
	padding:20px 0 0 10px;
	background: #FFFFFF;
	text-align: left;
	color:#3A7AD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

/* end News page */

#imageLeft {
	float:left;
	width:95px;
	padding: 40px 0 0 10px;
}

/* Buttons */

.lightBlueButtons {
	width:220px;
	height:25px;
	background-image:url(../images/buttons/light_blue_button.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding: 5px 0 0 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
}

.lightBlueButtons a {
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;
}
.lightBlueButtons a:link {
	text-decoration:none;
}
.lightBlueButtons a:visited {
	text-decoration:none;
}
.lightBlueButtons a:hover {
	text-decoration:none;
	color:#003;
}
.lightBlueButtons a:active {
	text-decoration:none;
}

/*footer */

#footer { 
	background:#FFFFFF;
	background-image:url(../images/footer_bground.jpg);
	background-repeat: no-repeat;
	height: 85px;
	width:880px;
	padding: 10px 10px 0 10px;
} 
#footer p {
	margin: 0; 
	padding:  0; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
}
#footerBottomLeft{
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 0.7em;
	color:#FFFFFF;
	padding: 20px 0 0 0;
}

#footerBottomLeftTwo{
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 0.7em;
	color:#FFFFFF;
	padding: 20px 0 0 20px;
}

#footerBottomLeftTwo a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#footerBottomLeftTwo a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#footerBottomLeftTwo a:visited{
		text-decoration:none;
}
#footerBottomLeftTwo a:hover{
		text-decoration:underline;
}
#footerBottomLeftTwo a:active{
		text-decoration:none;
}


#footerBottomLeftThree{
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 0.7em;
	color:#FFFFFF;
	padding: 20px 0 0 20px;
}

#footerBottomLeftThree a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#footerBottomLeftThree a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#footerBottomLeftThree a:visited{
		text-decoration:none;
}
#footerBottomLeftThree a:hover{
		text-decoration:underline;
}
#footerBottomLeftThree a:active{
		text-decoration:none;
}

#footerBottomRight{
	float: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color:#FFFFFF;
	padding-right: 5px;
	text-align:right;
	
}

#bwlogo { 
	height: 40px;
	width:880px;
	padding: 10px 10px 0 10px;
	background-color:transparent;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	text-align: left;
	color:#FFFFFF;
} 

#bwlogo a { 
	text-align: left;
	color:#FFFFFF;
	text-decoration:none;
} 

#bwlogo a:link { 
	color:#FFFFFF;
	text-decoration:none;
} 

#bwlogo a:visited{ 
	color:#FFFFFF;
	text-decoration:none;
} 

#bwlogo a:hover{ 
	color:#FFFFFF;
	text-decoration:underline;
} 

#bwlogo a:active{ 
	color:#FFFFFF;
	text-decoration:none;
} 

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#map {
	height: 375px;
	width: 900px;
}
#mainTopImage {
	height: auto;
	overflow: visible;	
}