/* The file below is read by ALL browsers but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */
@import "ie6win.css";

html { overflow-x:hidden;}
* { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif !important; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl, fieldset, address { margin: 0 0 1em 0; }
address { font-style: normal; }
body {  font: 76% Verdana, Arial, Helvetica, sans-serif; width: 760px; color: #000066; text-align: center; }
html > body { font-size: 12px; overflow:hidden; }
img { border: none; }
p, div { color: #000066; }
p, dl, select { font-size: 90%; }
pre { font-size: 90%; width:300px;}
xmp { font-size: 90%; width:300px;}

html>body #contentArea {height:auto;}

body 
{
  text-align:center;
  max-width:760px;
  /*width=100%;*/
  margin:0px auto 0px auto;
  overflow:hidden;
  background:white;
}

#container {max-width:760px;background:white;}

.hr { height: 1px; padding: 5px 0px 5px 0px; background: transparent url(/template-images/hrBackground.gif) repeat-x center; clear: left; }
.hrSolid { height: 10px; background: transparent url(/template-images/hrBackgroundSolid.gif) repeat-x center; margin: 0; padding: 0; }
.hrBlue { height: 10px;  margin: 0; padding: 0; clear: left; }
.vr { height: 10px; margin-left: 4px; background: transparent url(/template-images/hrVert.gif) repeat-y scroll top left; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }

#container { margin: 0 auto; text-align: left; width: 760px; }

.noSideNav { background: #E8F3FF; }

#slogan { display:none;font-size:1px;}   
     
#logo { display:none;}
#logo img{display:none;}

#header {  margin-top:20px; border: none; color: white; vertical-align: bottom; height:106px; }

      
#header { background: #000066 url(/template-images/pageheader.gif);}

#contentWrapper { border: none;background: #E8F3FF; width:760px;}
	html > body #contentWrapper { height: 585px; }
	#contentArea { float: left;background: #E8F3FF; width:760px;}

#footerWrapper { clear: both; position: relative; /*margin-bottom: -14px  remove this when devFooterInfo is removed from WCM\site\xsl\brand\rnli\PageTemplates\shared.xsl */; }

#botFooterWrapper { background: white; border: none; color: #000066; font-size: 0.8em; padding-top: 5px; padding-bottom: 10px; margin: 0; }
#botFooterWrapper { border-top:solid; border-width:1px;}

.mapKey
{
	padding:3px 0 0 0;
	margin:0;
}
.mapKey2
{
	padding:5px 0 0 0;
	margin:0;
}
.mapKey .keyContainer{display:block;}

.mapKey2 .keyContainer
{
	display:block;
	/*height:50px;*/
                
}
.keyContainer .keyLeft
{
	/*border:solid 2px red;*/
	width:190px;
	float:left;
}
.keyContainer .keyRight
{
	/*border:solid 2px blue;*/
	width:180px;
	float:right;       
}
html > body .keyContainer .keyRight, html > body .keyContainer .keyLeft
{
	height:50px;
}
.mapKey .keyContainer .keyRight img
{
	float:left;
	margin:9px 0 0 0;
}
.mapKey2 .keyContainer .keyRight img
{
	float:left;
	margin:9px 0 0 0;
        padding-left:5px;

}
.mapKey .keyContainer .keyLeft img
{
	float:left;
	margin:5px 0 0 0;
	padding-right:5px;
        
}
.mapKey2 .keyContainer .keyLeft img
{
	float:left;
	margin:5px 0 0 0;
        margin-right:5px;

        
}

html > body .mapKey div img
{
	margin:10px 0 0 0;
}
html > body .mapKey2 div img
{
	margin:10px 0 0 0;
	float:left;
	
}
* html body .mapKey
{
height:30px;
}


.mapKey .keyLeft div p, .mapKey .keyRight div p
{
	margin: -2px 0 0 25px;
	padding:5px 0 5px 0;
	display:block;
}

.mapKey2 .keyLeft div p, .mapKey2 .keyRight div p
{
	margin: -2px 0 0 30px;	
	display:block;	        

}

.mapKey2 .keyLeft div p{padding-left:5px;}

			

.mapKey
{
height:30px;

width:400px;

padding-right:10px;

padding-left:10px;

border-color:blue;

border-width:1px;

border-style:solid;

margin-top:-150px;

margin-left:300px;
}

.mapKey2
{
margin-top:10px;

height:85px;

width:400px;

padding-right:10px;

padding-left:10px;

border-color:blue;

border-width:1px;

border-style:solid;

margin-left:300px;
}

.mapKey2 .keyRight div p
{
padding-top:7px;
}


.hrBlue{
width:430px;
margin-left:300px;
}

#contentArea div img{margin-top:7px;}
#contentArea img{margin-left:10px;margin-top:7px;}

#irelandmap ,#sw,#northmap,#se,#londonmap,#scotlandmap,#e,#walesmap{ left:43%;top:140px;}

#outonashout {left:43%;top:140px;}
#swnavmap, #irelandnavmap, #senavmap, #londonnavmap, #enavmap, #northnavmap{left:43%;top:140px;};


/*
.recentStationLaunches
{
	height:140px;
	display:block;
	float:none;
}
html>body .recentStationLaunches
{
	height:auto;
	min-height:140px;
}
.recentStationLaunches h3
{
	font-style:italic;	
	font-weight:normal;
	color:Red;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:6px;
}
.recentStationLaunches ul
.devFooterInfo
{
	background-color:#cccccc;	
	width:740px;
	text-align:left;
	padding:10px;
}
.devFooterInfo h4
{
	font-size:100%;	
}
.devFooterInfo div
{
	border:solid 1px white;	
}
*/