/* 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";

* { 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; }

style="text-align:center;"
body { background: #FFF5EE; font: 76% Verdana, Arial, Helvetica, sans-serif; min-width: 760px; color: #000066; text-align: center; }
html > body { font-size: 12px; }
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;}

h1 { font: 150% Arial, Helvetica, sans-serif !important; font-weight: 500; color: #000066; }
#contentArea h1 { margin-left: 10px; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif !important; } /* if more top/bottom margin is needed on the H1's on the landing pages adjust here */
#contentArea #mainContent h1 { margin-left: 0; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif !important; }

#contentArea {height:400px;}
html>body #contentArea {height:auto;min-height:400px;}
.noContextNav #contentArea h1
{
	padding-bottom:10px;
	padding-top:4px;
}

h2 { font-size: 100%; color: #000066; }
h3 { font-size: 90%; color: #000066; }

fieldset { padding-bottom: 10px; border: none; }

#mainContent { width: 423px; padding: 10px 10px 40px 10px;overflow:hidden; } /* KF added the bottom 40px as the footerWrapper was overlapping some links and making them unclickable */
html > body #mainContent { width: 425px; clear: left; }
#mainContent .pageImageFloatleft { margin-right: 10px; margin-bottom: 5px;}
#mainContent .pageImageFloatright { margin-left: 10px; margin-bottom: 5px;}


a, a:hover, a:visited { color: #FF0000; text-decoration: none; z-index: 2000 !important; }

.normalweight /* Yeah, yeah I know... */
{ font-weight: normal; }

.hr { height: 1px; background: url('/template-images/hrBackground.gif') repeat-x center; clear: left; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px }
.hrSolid { height: 10px; background: url('/template-images/hrBackgroundSolid.gif') repeat-x center; margin: 0; padding: 0 }
.hrBlue { height: 10px; background: url('/template-images/hrBlue.gif') repeat-x center; margin: 0; padding: 0; clear: left }
.vr { height: 10px; margin-left: 4px; background: url('/template-images/hrVert.gif') repeat-y 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; }
html > body #container { min-width: 760px; }


.homeBackground { background: #E8F3FF url('http://www.rnli.org.uk/template-images/contentBackgroundHome.gif') repeat-y top right; }
/* this appears as the blue bg on the right hand side with the main content being white and the grey column on the left with the dots */	

.subNavBG { background: #FFFFFF url('http://www.rnli.org.uk/template-images/contentBackgroundTopLevel.gif') repeat-y top right; }
/* this appears as the blue bg on the right hand side with the main content being white */	

#header { background: #000066; border: none; color: white; height: 113px; vertical-align: bottom; padding: 0; position: relative; }
html > body #header { height: 113px; }
	#slogan { background: url('http://www.rnli.org.uk/template-images/1_header_top.gif') no-repeat right bottom; text-indent: -2000px; height: 92px; width: 256px; float: left; border: medium none; }
	#logo { margin-top:20px;height: 88px; width: 161px; float: right; }

#navigation { background: #000066; min-height: 30px; position: relative; border: none; border-bottom: 1px solid white; }
#navigation ul { list-style: none; height: 30px; }
#navigation li { float: left; position: relative; }
#navigation li a { display: block; height: 30px; }
#navigation li a * { display: none; }
#navigation li span { width: 152px; height: 30px; border: none; }

#navhome { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_home.gif') no-repeat; }
#navhome:hover, #navhomeOn { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_home_over.gif') no-repeat; }
#navwho_we_are { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_who.gif') no-repeat; }
#navwho_we_are:hover, #navwho_we_areOn { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_who_over.gif') no-repeat; }
#navwhat_we_do { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_what.gif') no-repeat; }
#navwhat_we_do:hover, #navwhat_we_doOn { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_what_over.gif') no-repeat; }
#navrnli_near_you { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_rnli.gif') no-repeat; }
#navrnli_near_you:hover, #navrnli_near_youOn { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_rnli_over.gif') no-repeat; }
#navhow_to_support_us { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_how.gif') no-repeat; }
#navhow_to_support_us:hover, #navhow_to_support_usOn { width: 152px; background: url('http://www.rnli.org.uk/template-images/1_button_how_over.gif') no-repeat; }

#contentWrapper { border: none; }
	html > body #contentWrapper { height: auto; min-height: 100px; }
	#contentArea { border: none; width: 591px; float: left; }

	#contentAreaBlue { border: none; padding: 0; margin: 0; }
	html > body #contentAreaBlue { width: 590px; background: #E8F3FF; }

.imagePreviewWrap h2 { clear: both; color: #000066; margin: 0px 0px 10px 0px; padding: 0px; }
.imagePreviewWrap p { clear: both; color: #000066; margin: 0px 0px -10px 0px; padding: 0px; }



#breadcrumbWrapper { border: none; border-bottom: 1px solid white; height: 22px; background: #E8F3FF; width: 591px; line-height: 22px; padding: 0; margin: 0; font-size: 0.75em; }
html > body #breadcrumbWrapper { width: 591px; line-height: 22px; }
#breadcrumbWrapper ul { list-style: none; padding: 0; margin: 0; padding-left: 10px; }
#breadcrumbWrapper ul li { float: left; padding: 0; margin: 0; padding-left: 0px; }
a.breadcrumbHistory, a#breadcrumbCurrentPage { font-size: 100%; color: #336699; padding: 0; margin: 0; text-decoration: none; }
a.breadcrumbHistory:hover, a#breadcrumbCurrentPage:hover { text-decoration: underline; }
a#breadcrumbCurrentPage, .stepOn { color: #FF6600; }
.breadcrumbSeperator { font-size: 0.8em; padding: 0 4px 0 2px; margin: 0; }
html > body .breadcrumbSeperator { padding: 0 4px 0 6px; }


/* blue right hand side column */
/* start */
#secondLevelNav { background-color: #C4E1FF; float: right; padding: 0 16px 16px 10px; width: 140px; }
* html #secondLevelNav {height: 350px;}
	html > body #secondLevelNav { width: 140px; padding: 0 19px 16px 10px; height: 350px; }
/* end */


/* secondLevelMenu is only actually used on the homepage */
/* start secondLevelMenu */
	.secondLevelMenu { font-size: 0.9em; /*margin-top: 12px; */ }
		.secondLevelMenuHeading { font-weight: bold; }
		.secondLevelMenu ul { padding-top: 8px; list-style: none; border-bottom: 1px solid white; }
		.secondLevelMenu li { border-left:0px none; border-right:0px none; border-bottom:0px none; width: 140px; height: 19px; border-top: 1px solid white; background: url('/template-images/1_nav_arrow_main.gif') no-repeat right; padding-top: 2px }
		html > body .secondLevelMenu li { height: auto; min-height: 16px; width: 140px; }
		.secondLevelMenu li a { text-decoration: none; color: #000066; }
/* end secondLevelMenu */

/* secondLevelNav topLevelSubNavMenu */
	.subNavigation { width: 140px; font-size: 90%; }
		.subNavigation ul { margin: 15px 0; list-style: none; }
		.subNavigation a { color: #000066; text-decoration: none; display: block; height: 19px; border-top: 1px solid #C4E2FF; background: white url('/template-images/topLevelMenuArrow.gif') no-repeat right; padding-left:9px; padding-right:9px; padding-top:4px; padding-bottom:0 }
		html > body .subNavigation a { height: auto; min-height: 19px; } /* height set here for other browsers so that it overrides the height for IE */
		.subNavigation a:link,
		.subNavigation a:visited { color: #000066; }
		.subNavigation a:hover { color: White; text-decoration: none; display: block; background: #FF6600 url('/template-images/topLevelMenuArrowOver.gif') no-repeat right; padding-left:9px; padding-right:9px; padding-top:4px; padding-bottom:0 }
		
		/*
		.subNavigation .selected span { padding: 2px 9px; display: block; }
		
		.subNavigation .selected a { padding: 2px 9px; display: block;color: #000066; min-height: 19px; border-bottom: 1px solid white; background: #C4E2FF; padding: 4px 9px 0 9px; font-size: 100%; }
		.subNavigation .selected a:link,
		.subNavigation .selected a:visited { color: #000066; }
		.subNavigation .selected a:hover { padding: 2px 9px; display: block;color: #FF0000; background: #C4E2FF url(/template-images/topLevelMenuMiniArrow.gif) no-repeat scroll left; }
		
		
		*/
		
		.subNavigation .selected { color: White; display: block; height: 19px; background: #FF6600 url('/template-images/secondLevelMenuArrow.gif') no-repeat top right; border-top: 1px solid #C4E2FF }
		html > body .subNavigation .selected { height: auto; min-height: 19px; }
		
		
		.subNavigation .selected a { color:White;background: url('/template-images/secondLevelMenuArrow.gif') no-repeat top right;}
		.subNavigation .selected ul { margin: 2px 0 0 0; display: block; background: #C4E2FF; }
		.subNavigation li.subSelected a { color: #000066; background: #C4E2FF url('/template-images/topLevelMenuMiniArrow.gif') no-repeat left; font-weight: bold }
		

		.subNavigation .selected ul a { padding: 2px 9px; display: block;color: #000066; min-height: 19px; border-bottom: 1px solid white; background: #C4E2FF; padding: 4px 9px 0 9px; font-size: 100%; }
		.subNavigation .selected ul a:link,
		.subNavigation .selected ul a:visited { padding: 2px 9px; display: block;color: #000066; }
		.subNavigation .selected ul a:hover { display: block;color: #FF0000; background: #C4E2FF url('/template-images/topLevelMenuMiniArrow.gif') no-repeat left;; padding-left:9px; padding-right:9px; padding-top:2px; padding-bottom:2px }
		
		.subNavigation #searchWrapper label { font-size: 100%; }
/* end */

/*  FOOTER MARGIN */
#footerMargin, #footerMargin2 { margin-top: 8px; height: 21px; float: left; width: 760px; position: relative; background: url('/template-images/contentBackground.gif') repeat-y; }
#footerMargin2 { background: url('/template-images/siteDirectoryBackground.gif') repeat-y; }
#footerWrapper { clear: both; position: relative; margin-bottom: -14px /* remove this when devFooterInfo is removed from WCM\site\xsl\brand\rnli\PageTemplates\shared.xsl */; }
	#topFooterWrapper { border-top: 1px solid white; background: #000066 url('/template-images/1_footer_r_end.gif') no-repeat bottom right; height: auto; clear: both }
	html > body #topFooterWrapper { height: auto; min-height: 30px; }
	#topFooterContent { border: medium none; color: white; height: 30px; line-height: 30px; font-size: 0.9em; text-align: right; position: relative; background: url('/template-images/1_footer_l_end.gif') no-repeat bottom left; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:2px }
	html > body #topFooterContent { height: auto; min-height: 30px; }
	#topFooterContent ul, #topFooterContent li { padding: 0px; list-style: none; display: inline; margin-left: -7px; }
	#topFooterContent li a { color: white; text-decoration: none; }
	.footerSeperator { color: #99CCFF; display: inline; padding: 0 0.5em 0 1em; }
	#botFooterWrapper { background: white; border: none; color: #000066; font-size: 0.8em; padding-top: 5px; padding-bottom: 10px; margin: 0; }

#searchWrapper { margin-top: 10px; }
	#searchWrapper label { color: #000066; font-weight: bold; margin-bottom: 5px; }
	#searchSiteInputBox { border: 1px solid #3C6787; background: white; width: 107px; height: 20px; margin-top: 8px; float: left; }
	html > body #searchSiteInputBox { height: 16px; }
	#searchButtonWrapper { list-style-type: none; width: 60px; margin: -31px 0 0 190px; }

	#advancedSearchWrapper { float: right; }
	
#imageListWrapper { padding-top: 10px; }
html > body #imageListWrapper { padding-top: 15px; }

#donateNowWrapper { /*margin-top: -42px;*/ /*margin-bottom: 10px;*/ /*margin-left: 600px;*/ width: 170px; float: right; height: 30px; z-index: 2500; }
	#donateNowWrapper ul { height: 20px; border: none; /*width: 60px; */list-style: none; float: right; padding-right: 15px; }
	#donateNowWrapper li a { height: 20px; display: block; }
	#donateNowWrapper li a { height: 30px; }
	#donateNowWrapper li a * { display: none; }
	#donateNowWrapper li { list-style: none; }
	#donateNowWrapper li span { width: 140px; height: 20px; border: none; float: right; }

#donateNow { width: 140px; background: url('http://www.rnli.org.uk/template-images/1_button_donatesm.gif') no-repeat; }
#donateNow:hover { width: 140px; background: url('http://www.rnli.org.uk/template-images/1_button_donatesm_over.gif') no-repeat; }

#topDonateNow { width: 140px; background: url('http://www.rnli.org.uk/template-images/1_button_donatesm.gif') no-repeat; }
#topDonateNow:hover { width: 140px; background: url('http://www.rnli.org.uk/template-images/1_button_donatesm_over.gif') no-repeat; }

#homePageFooter #donateNowWrapper { display: none; visibility: hidden; /* homePageFooter is here so that the donate now button can be hidden on this page only */ }

#homeDonateNowWrapper { margin-top: 10px; height: 30px; }
	#homeDonateNowWrapper ul { height: 30px; border: none; width: 60px; list-style: none; }
	#homeDonateNowWrapper li a { height: 30px; display: block; }
	#homeDonateNowWrapper a * { display: none; padding: 0; margin: 0; }
	#homeDonateNowWrapper li { list-style: none; }
	#homeDonateNowWrapper span { width: 140px; height: 30px; border: none; }

/* Donate now orb */
#donateNowButtonWrapper { margin-top: 10px; text-align: center; }
	/*html > body #donateNowButtonWrapper { margin-top: 12px; }*/
	#donateNowButtonWrapper ul { list-style: none; }
	#donateNowButtonWrapper li a { height: 67px; display: block; }
	#donateNowButtonWrapper li a * { display: none; }
	#donateNowButton { width: 66px; background: url('http://www.rnli.org.uk/template-images/buttons/sub-donate.gif') no-repeat; margin: 0 35px }
	#donateNowButton:hover { width: 66px; background: url('http://www.rnli.org.uk/template-images/buttons/sub-donate-rollover.gif') no-repeat; }
/* End donate now orb */

/* home page Donate now orb */
#homeDonateNowButtonWrapper { margin-top: 10px; text-align: center; }
	#homeDonateNowButtonWrapper ul { list-style: none; }
	#homeDonateNowButtonWrapper li a { height: 67px; display: block; }
	#homeDonateNowButtonWrapper li a * { display: none; }
	#homeDonateNowButton { width: 66px; background: url('http://www.rnli.org.uk/template-images/buttons/home-donate.gif') no-repeat; margin: 0 35px }
	html>body #homeDonateNowButton { margin: 0 35px 0 50px; }
	#homeDonateNowButton:hover { width: 66px; background: url('http://www.rnli.org.uk/template-images/buttons/home-donate-rollover.gif') no-repeat; }font-weight: bold;
/* End donate now orb */

#searchWrapper { /*margin-bottom: 50px; */ }
	#searchWrapper fieldset { border: none; width: 140px; }
	#goButtonWrapper ul { height: 20px; width: 26px; margin-top: 8px; }
	html > body #goButtonWrapper ul { margin-top: 8px; }
	#goButtonWrapper li a { height: 20px; margin-left: 3px; }
	html > body #goButtonWrapper li a { margin-left: 5px; }
	#goButtonWrapper li span { width: 26px; }
	#goButton { width: 26px; background: url('http://www.rnli.org.uk/template-images/formBtns/formbtn_go.gif') no-repeat; }
	#goButton:hover { width: 26px; background: url('http://www.rnli.org.uk/template-images/formBtns/formbtn_go_over.gif') no-repeat; }

#newsButtonWrapper ul { padding: 0; margin: 0; padding-left: 0; list-style: none; height: 12px; border: none; }
#newsButtonWrapper li { padding: 0; margin: 0; }
#newsButtonWrapper li a { height: 12px; display: block; }
#newsButtonWrapper li a * { display: none; }
#newsButtonWrapper li span { width: 54px; height: 12px; border: none; }
#newsButton { width: 54px; background: url('/template-images/1_button_news.gif') no-repeat; }
#newsButton:hover { width: 54px; background: url('http://www.rnli.org.uk/template-images/1_button_news_over.gif') no-repeat; }

#eventsButtonWrapper ul { padding: 0; margin: 0; padding-left: 0; list-style: none; height: 12px; border: none; }
#eventsButtonWrapper li { padding: 0; margin: 0; }
#eventsButtonWrapper li a { height: 12px; display: block; }
#eventsButtonWrapper li a * { display: none; }
#eventsButtonWrapper li span { width: 62px; height: 12px; border: none; }
#eventsButton { width: 62px; background: url('http://www.rnli.org.uk/template-images/1_button_events.gif') no-repeat; }
#eventsButton:hover { width: 62px; background: url('http://www.rnli.org.uk/template-images/1_button_events_over.gif') no-repeat; }

#mediaCentreButtonWrapper { background: transparent; padding-top: 14px; clear: both; }
	#mediaCentreButtonWrapper ul { border: none; padding-left: 0; list-style: none; height: 11px; width: 96px; }
	#mediaCentreButtonWrapper li { }
	#mediaCentreButtonWrapper li a { height: 11px; display: block; }
	#mediaCentreButtonWrapper li a * { display: none; }
	#mediaCentreButtonWrapper li span { width: 96px; height: 11px; border: none; }
	#mediaCentreButton { width: 96px; background: url('http://www.rnli.org.uk/template-images/1_button_mediac.gif') no-repeat; }
	#mediaCentreButton:hover { width: 96px; background: url('http://www.rnli.org.uk/template-images/1_button_mediac_over.gif') no-repeat; }

.h2Background { height: 22px; line-height: 24px; background: #C4E2FF; text-indent: 10px; color: #000066; }
html > body .h2Background { line-height: 26px; padding-bottom: 5px; }

#contextualNav p.telNo  { color: #009933; font-weight: bold; }
#contextualNav strong.telNo  { color: #009933; }
#contextualNav hr { margin: 5px 0px 5px 0px; } 
.address p { margin: 0px; }

.standardlist { font-size: 90%; margin-left: 16px; margin-bottom: 10px; margin-top: 10px; list-style-type: none; list-style-image: url('/template-images/contextualNavBullet.gif'); }
.standardlist li a { margin-left: -8px; font-size: 90%; }
html>body .standardlist li a { margin-left: -4px;}
.lifeboats .standardlist { font-size: 100%; }

#newsEvents .standardlist li a { font-size: 100%; }
#newsEvents .standardlist ul { margin-top: 5px; }
/* Listing page styles */

.listing li { list-style-type: none; }
	.listing img { position: relative; float: left; }
	.listing .listingtext { margin-left: 90px; margin-top: -15px; }
	html>body .listing .listingtext { margin-top: 0; }
	.heritage .listingtext { margin-top: 0; }
	.listing h2 { margin: 0; position: relative; }
	.listing h3 { margin: 0; color: #336699; position: relative; }
	.listing p { margin: 0; margin-top: 10px; position: relative; }
		.events img { margin-right: 10px; }
		.events .listingtext { margin-left: 91px; margin-top: -1em; }
		.events .listingtext h2 { padding-top: 10px; }
		html>body .events .listingtext h2 { padding-top: 0; }
		
		.news .listingtext h2,
		.keyfeatures .listingtext h2 { padding-top: 14px; }
		html>body .news .listingtext h2,
		html>body .keyfeatures .listingtext h2 { padding-top: 0; }

		.listingtext h3.source { font-style: italic; font-weight: normal; }

.lifeboats .details {margin-left: 140px;}
.lifeboats .details .listingtext{ height:42px; margin:0px;}
.lifeboats .details h2{ }

.lifeboats img
{
	padding-top:12px;
}

html>body .lifeboats img
{
	padding-top:0px;
}

html>body .lifeboats .details .listingtext
{
	height:auto;
	min-height:42px;
}


/* Boats and Stations */
.lifeboatDetail img { margin-top: 10px; }
.lifeboatcopy { background: #93BEE9 url('http://www.rnli.org.uk/template-images/1_copy_r_end.gif') no-repeat bottom right; color: #FFFFFF; font-size: 80%; margin-left: 2px; text-align: right; padding-left:2px; padding-right:10px; padding-top:4px; padding-bottom:4px }
html>body .lifeboatcopy { font-size: 80%; }
.lifeboatcopywrap { background: #93BEE9 url('http://www.rnli.org.uk/template-images/1_copy_l_end.gif') no-repeat bottom left; margin-bottom: 0px; width: 228px }
.stationdropdown { width: 228px; }
/*.stationdropdown select { margin-top: -10px; }
html>body .stationdropdown select { margin-top: 10px; }*/
.stationdropdown p { margin-top: 20px; }

.lifeboatDetail dl { display: block; font-size: 90%; width: 192px;/*margin-left: 225px; margin-top: -190px;*/}


/*html > body .lifeboatDetail dl { margin-left: 228px;  margin-top: -190px; }*/
/*html > body .lifeboatDetail dl { margin-left: 228px;}*/

.lifeboatDetail dt { color: #336699; padding: 5px 5px 5px 10px; }
.lifeboatDetail dd { color: #000066; margin-left: 10px; margin-top: -23px; background: url('http://www.rnli.org.uk/template-images/hrBackground.gif') repeat-x bottom;; padding-left:80px; padding-right:0; padding-top:5px; padding-bottom:5px }
.lifeboatDetail .keyFeatures { background: transparent; }
.lifeboatDetail dd ul { color: #FF0000; font-size: 100%; list-style-type: none; margin-left: -65px; margin-top: 23px; }
.lifeboatDetail dd ul li { margin-bottom: 5px; }

.stationdropdown
{
	margin-top:-130px;
}

html > body .stationdropdown
{
	margin-top:-100px;	
}

.lifeboatDetail img
{
	margin-top:0px;
}

.lifeboatDetail .hr
{
	padding-bottom:100px;
}



/* The coloured header (quotes, events, etc.) */
.header { display: block; height: 122px; margin-left: -10px; margin-bottom: 10px; padding: 10px; }
	html > body .header { height: auto; min-height: 122px; }
	.header img { float: right; margin: -10px -13px -10px 5px; }
	html > body .header img { margin-right: -10px; }
	.header h2 { margin-bottom: 3px; }
	.header h3 { margin-bottom: 3px; }
	.header h4 { font-size: 95%; padding-top: 3px; }
	.header .caption { margin: 0; }
/* End header */

/* Events */
.event .header { background-color: #99CC01; }
/* End events */

.pagingControls { background-color: White; width: 100%; height: 20px; text-align: center; margin: 10px 0; }
	html>body .pagingControls { min-height: 20px; height: auto; }
	.pageNums {float: left; width: 295px;}
	.pagingControls ul { margin: 2px 0px 0 0px; display: inline; }
	.pagingControls li { display: inline; color: Red; padding: 0 2px; }
	.pagingControls li span { text-decoration: underline; font-weight: bold; }
	.pagingControls .previous { float: left; font-size: 90%; /* display: block; */ background: url('http://www.rnli.org.uk/template-images/pagingPrevious.gif') no-repeat 0px 6px; margin-left: 2px; padding-left:12px; padding-right:0; padding-top:2px; padding-bottom:0 }
	.pagingControls .next { float: right; font-size: 90%; /* display: block; */ background: url('http://www.rnli.org.uk/template-images/pagingNext.gif') no-repeat right 6px; margin-right: 2px; padding-left:0; padding-right:12px; padding-top:2px; padding-bottom:0 }
	.pagingControls .noprevious { float: left; font-size: 90%; /* display: block; */ margin-left: 2px; padding: 2px 0 0 12px; color: White;}


.nextpreviousPagingControls { background-color: White; width: 100%; height: 20px; text-align: center; margin: 10px 0; clear: left; }
	html>body .nextpreviousPagingControls { min-height: 20px; height: auto; }
	.nextpreviousPagingControls .previous { float: left; font-size: 90%; display: block; background: url('http://www.rnli.org.uk/template-images/pagingPrevious.gif') no-repeat 0px 6px; margin-left: 5px; padding-left:12px; padding-right:0; padding-top:2px; padding-bottom:0 }
	.nextpreviousPagingControls .next { float: right; font-size: 90%; display: block; background: url('http://www.rnli.org.uk/template-images/pagingNext.gif') no-repeat right 6px; margin-right: 10px; padding-left:0; padding-right:12px; padding-top:2px; padding-bottom:0 }/* -13px */

	
.formBuilder .pagingControls { background-color: White; width: 100%; height: 20px; text-align: center; margin: 10px 0; }
	.formBuilder .previous { float: left; font-size: 90%; display: block; background: url('http://www.rnli.org.uk/template-images/pagingPrevious.gif') no-repeat 0px 6px; margin-left: 5px; padding-left:12px; padding-right:0; padding-top:2px; padding-bottom:0 }
	.formBuilder .next { float: right; font-size: 90%; display: block; background: url('http://www.rnli.org.uk/template-images/pagingNext.gif') no-repeat right 6px; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:12px; padding-top:2px; padding-bottom:0 }
	
.formBuilder .pagingControls { background-color: White; width: 100%; height: 30px; text-align: center; margin: 10px 0; }
	.formBuilder .nextButton { font-size: 90%; float: left; margin-left: 10px; width: 120px; height: 24px; background: url('http://www.rnli.org.uk/template-images/formBtns/greenbutton.jpg') no-repeat center;}
	.formBuilder .backButton { font-size: 90%; float: left; margin-left: 10px; width: 120px; height: 24px; background: url('http://www.rnli.org.uk/template-images/formBtns/greenbutton.jpg') no-repeat center;}
	.formBuilder .cancelButton { font-size: 90%; float: left; width: 120px; height: 24px; background: url('http://www.rnli.org.uk/template-images/formBtns/greenbutton.jpg') no-repeat center;}

formbtn_filter.gif

/* Useful links */
.links h2 { margin-top: 12px; margin-bottom: 12px; }
.links a { font-size: 90%; }

/* Publications */
.publications .listingimage { float: left; width: 60px; text-align: center; }
.publications .hr { margin-top: 10px; margin-bottom: 5px; }
.publications .listingimage h2 { text-transform: uppercase; color: #9f2b4e; top: 0px; }
.publications img { margin: 0 auto; }
.publications .listingtext { margin-left: 70px; }
.publications p { margin-bottom: 5px; }
.publications .buylink { margin: 5px 5px 5px 0px; }
.publications .phoneorder { color: #019A32; }

.telephoneIcon { background: url('/template-images/telephone_icon.gif') no-repeat; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:10px }
.telephoneIcon span { padding: 5px 0px 10px 21px; }

/* End publications */

/* Downloads */
.downloads .hr { margin-top: 10px; margin-bottom: 10px; }
.downloads h2 { top: 0; }
.downloads h3 { top: 0; margin-top: 10px; margin-left: 10px; }
.downloads p { top: 0; margin-top: 0; margin-left: 10px; }
.downloads select { width:250px; }
/* End downloads */


/*Beaches*/
#beachInfo {float: right; width: 197px; background: url('/template-images/horizontalDottedBlue.gif') repeat-y top left; }
#beachInfo img,
#beachInfo h2,
#beachInfo h3,
#beachInfo p,
#beachInfo ul { padding-left: 10px; padding-right: 10px; padding-top: 10px; }

#beachMainInfo a {font-weight: normal; color: #000066; text-decoration:underline;}
/*End beaches*/

/* Divisional map */
.stationListingNav ul { margin-left: 30px; margin-right: 30px; }
.stationListingNav a { text-decoration: underline; }
.stationListingNav { height: 18px;  padding-top: 2px;  }
.stationListing h3 { color: #336598; }
.stationListing .top { position: relative; margin-left: 360px; margin-top: -24px; font-weight: normal; }
.stationListing .top a { font-weight: normal; }
.stationListing ul { list-style-type: none; margin-top: 4px; margin-bottom: 10px; }
.stationListing a { font-weight: bold; }
/* End divisional map */

/* Stations */
#stationMain h3,
#stationMain p,
#stationMain ul,
#stationContact h3,
#stationContact p,
#stationLinks h3,
#stationLinks ul,
#stationInfo h2,
#stationInfo h3,
#stationInfo p,
#stationInfo ul  { padding-left: 10px; padding-right: 10px; padding-top: 10px; }
#stationMain { width: 396px; float: left; background-color: #C4E1FF; }
#stationAbout { float: left; width: 197px; height: 198px; background: #C4E1FF url('/template-images/horizontalDottedBlue.gif') repeat-y top left; }
#stationLaunches { width: 197px; height: 198px; float: right; background: #C4E1FF url('/template-images/horizontalDottedBlue.gif') repeat-y top left; }
#stationNews { width: 394px; float: left; }
#stationContact  { float: right; width: 197px; height: 198px; background: #E7F3FF url('/template-images/hrBlue.gif') repeat-x bottom; padding: 0 }
#stationContact p { padding-top: 0px; margin-bottom: 0px; color: #5B595C; } 
#stationContact p.telNo { color: #009933; font-weight: bold; }
#stationLinks  { float: right; width: 197px; height: 197px; background: #E7F3FF url('/template-images/hrBlue.gif') repeat-x bottom; }
/*html > body #stationLinks { height: 201px;}*/
#stationInfo { float: right; width: 197px; background: url('/template-images/horizontalDottedBlue.gif') repeat-y top left; }
#stationInfo li { margin-left: 16px; font-size: 90%; }
#stationInfo .discover { list-style-image: url('/template-images/discover.gif'); }
#stationInfo .observe { list-style-image: url('/template-images/observe.gif'); }
#stationInfo .explore { list-style-image: url('/template-images/explore.gif'); }
#stationInfo .beachGuard { list-style-image: url('/template-images/beach.gif'); }
#stationNews { float: left; background: #ffffff url('/template-images/hrBlue.gif') repeat-x top; width: 396px }


#stationMainInfo .discover { list-style-image: url('/template-images/discover.gif'); padding-left:20px}
#stationMainInfo .observe { list-style-image: url('/template-images/observe.gif'); padding-left:20px }
#stationMainInfo .explore { list-style-image: url('/template-images/explore.gif'); padding-left:20px }
#stationMainInfo .beachGuard { list-style-image: url('/template-images/beach.gif'); padding-left:20px }



.launchList { list-style: none; color: #FF0000; font-size: 90%; }
	.launchList li { margin-bottom: 10px; }
	.launchList .launchDate { font-style: italic; }
	.launchList .launchPlace { font-weight: bold; }
/**/

/** Heritage **/
	.heritage { margin-bottom: 0; clear: left; }
	.heritage li { padding: 10px; background: url('/template-images/hrBackground.gif') repeat-x top; }
	.heritage ul { background: url('/template-images/dotVertical.gif') repeat-y left; }
	.heritage ul ul { background: transparent; }
	.heritage li li { padding: 0px; background: transparent; }
	.heritage h2 a, .heritage h2 a:hover, .heritage h2 a:visited{color:#000066;}
/* End Heritage */

/* Homepage */
	.textBlock { background: transparent; padding: 19px 10px 25px 10px; margin: 0; min-height: 197px; display: table-column; float: left; width: 177px; border: none; }
	* html .textBlock { height: 153px; }
	html > body .textBlock { min-height: 153px; /*height: 100%; */ width: 177px; }
	.textBlock p { margin-top: 8px; }
	.pictureBlock { float: left; }
	.doublePictureBlock { background: transparent; display: inline; float: left; width: 394px; height: 197px; }
	html > body .doublePictureBlock { min-height: 197px; }
	.dottedRight { background: url('/template-images/horizontalDottedBlue.gif') repeat-y top right; }
	#newsEvents { margin-top:-197px;  z-index:-100;}
		#newsEvents .hr { margin: 1em 0.5em; }
		#newsEvents ul li { margin-bottom: .5em; }	
		#newsEvents ul li ul { list-style-image:url('/template-images/newsEventsBullet.gif') }
/* End homepage */

.arrowBackground { background: url('/template-images/contextualNavBullet.gif') no-repeat 0 4px; padding-left: 10px; font-weight: normal }
/* this adds the arrow to the left of the element the class its added to */

.landing li { background: #c4e1ff; padding: 0; }
.landing li img { margin: -3px -5px 5px 0; /* these margins are to put the img in the correct place, as it was slightly off */ }
.landing li h2 { padding-left: 3px; }
.landing ul li h2 { margin: 5px 0; }

table.imageTable tr { font-size: 0.8em; }
html>body table.imageTable tr { font-size: 0.9em; }
table.imageTable th { text-align: left; }

div.sitemap { background-color: #E7F4FD; padding: 10px; }
	.sitemap ul { width: 50em; list-style: none; padding: 0; margin: 0; }
	* html .sitemap ul { width: 570px;  }
	.sitemap ul li { float: left; width: 23.5em; background-color: #C4E1FF; margin-right: 1em; }
	* html .sitemap ul li { width: 20em; }
	.sitemap ul li a { display: block; text-decoration: none; width: 23.5em; font-weight: bold; color: #000066 !important; padding: 5px 0 5px 10px; }
	* html .sitemap ul li a { width: 20em; }
	.sitemap ul li a:hover { }
	.sitemap ul li ul { padding: 0; margin: 0; list-style: none; min-height: 20em; width: 23.5em; background-color: #E7F4FD; }
	* html .sitemap ul li ul { height: 20em; width: 20em; }
	.sitemap ul li ul li { float: none; background-color: #E7F4FD; }
	.sitemap ul li ul li a { font-weight: normal; color: Red !important; background: url('/template-images/contextualNavBullet.gif') no-repeat left; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:5px }


.landingSquares { clear: both; height: 197px !important; z-index: 1002; }
	.landingSquares * { font-size: 0.98em !important; }
	.landingSquares div div { float: left; width: 197px; height: 197px; clear: none; overflow: hidden; }
	html > body .landingSquares div div { overflow: visible; }
	.landingSquares div.bodytext { height: auto }
	.donateLanding { background-color: #009A31; }
	.donateLanding .bodytext p, .donateLanding h2 { color: #FFFFFF; }
	
	.donateLandingCentralStyle {display:none;}
	.donateLanding { margin-left: 197px; }
	
	*html body .donateLandingCentralStyle { display:block;}
	*html body .donateLanding { margin-left: 0;}
	
	.landingSquares div div img, 
	.landingSquares .pageImageFloatleft { margin-left: 0; }
	
	.landingSquares div div p, 
	.landingSquares div div h2, 
	.landingSquares .newsWrapper,
	.landingSquares address, 
	.landingSquares a { font-size: 1em; }
	
	.landingSquares div { clear: left; }
	.landingSquares .double { width: 394px; }
	.double img { margin-right: 10px; float: left; display: block; }
	.double h2, .double p, .double blockquote { width: auto; height: auto; margin-left: 10px; margin-right: 10px; }
	blockquote.volunteerQuote { margin-left: 0; margin-right: 0; }

	.double h2,
	.landingSquares div div h2 { margin-top: 10px; }
	.landingSquares div.hr { height: 20px; clear: left; width: 394px; }

	.landingSquares .news { display: block; }
		.landingSquares .news li { clear: both; width: 394px; }
		.landingSquares .news .listingtext h2 { margin-top: 0; }
		.landingSquares .news img { width: 81px; }

	.landingSquares .padded { height: 187px; width: 177px; padding: 10px 10px 0 10px; margin-bottom: -10px; }
		html>body .padded h2 { margin-top: 0px; } /* top margin of 0 here for FF, as it was doubling the padding on some of the landing pages */
		.padded img { margin-top: -10px; margin-bottom: 10px; }
	.landingSquares div div h2, .landingSquares div div div, .landingSquares div div p { width: auto; height: auto; }
	.landingSquares ul, .landingSquares ol { list-style: none; }
	.landingSquares img { float: left; display: block; /*position: relative; - rem'd out as it stops IE from overflow:hidden - espeically on any double pic pages */ }
	.landingSquares .singleImage { height: 197px; width: 197px; overflow: hidden; }
	.landingSquares .doubleImage { height: 197px; width: 394px; overflow: hidden; }
	.landingSquares a { font-weight: bold; }
	.landingSquares .newsWrapper { height: auto; }

	.dottedEdgeLeft { background: url('/template-images/dotVertical.gif') repeat-y top left; }	
	.dottedEdgeRight { background: url('/template-images/dotVertical.gif') repeat-y top right; }
	.dottedEdgeTop { background: url('/template-images/dotHoriz.gif') repeat-x top; }
	.dottedEdgeBottom { background: url('/template-images/dotHoriz.gif') repeat-x bottom; }
	
	.dotBottom { background: url('/template-images/dotBottom.gif') no-repeat top left; }
	.dotLeft { background: url('/template-images/dotLeft.gif') no-repeat top left; }	
	.dotLeftBottom { background: url('/template-images/dotLeftBottom.gif') no-repeat top left; }	
	.dotLeftTop { background: url('/template-images/dotLeftTop.gif') no-repeat top left; }	
	.dotRight { background: url('/template-images/dotRight.gif') no-repeat top left; }
	.dotRightBottom { background: url('/template-images/dotRightBottom.gif') no-repeat top left; }	
	.dotRightTop { background: url('/template-images/dotRightTop.gif') no-repeat top left; }	
	.dotTop { background: url('/template-images/dotTop.gif') no-repeat top left; }
	
.smallQuote { padding-bottom: 0; }
	html > body .smallQuote { padding-bottom: 2px; }

.rnliThroughTime {  }
	.rnliThroughTime ul { list-style: none; }

	.rnliThroughTime .events a { color: #ff6600; font-weight: bold; }
	.rnliThroughTime .years { width: 427px; background: #5996C9; }
	.rnliThroughTime .years .previous, .rnliThroughTime .years .next { display: block; width: 24px; height: 24px; background-color: #ff6600;  }
	.rnliThroughTime .years .previous { float: left; }
	.rnliThroughTime .years .next { float: right; }
	.rnliThroughTime .years li { background: #5996C9; float: left; padding-left: 10px; padding-top: 4px; }
	.rnliThroughTime .years a, .rnliThroughTime .years a:visited { color: White; font-weight: bold; }
	
	.rnliThroughTime .picture { width: 427px; height: 252px; clear: both; }
	
	.rnliThroughTime .events { width: 427px; background-color: #5996C9; }
	.rnliThroughTime .events table { color: White; font-size: 90%; border-collapse: collapse; }
	.rnliThroughTime .events th { background-color: #5996C9; }
	.rnliThroughTime .events td { text-align: center;   }
	.rnliThroughTime .events .months { border-bottom: solid 2px #FFFFFF; }
	.rnliThroughTime .events .months th { width: 32px; text-align: center; height: 20px; }
	.rnliThroughTime .events .selectedEvents { background-color: #a7c8e3; }
	.rnliThroughTime .events .selectedEvents th { width: 90px; height: 30px; padding: 2px; background-color: #ffbb8e; color: #ff7d26; }
	.rnliThroughTime .events .selectedEvents a { background-image: url('/template-images/whoweare/rnlithroughtime/selectedstar.gif'); background-position: 3 3; background-repeat: no-repeat }
	
	.rnliThroughTime .events .unselectedEvents { background-color: #d7e5f1; }
	.rnliThroughTime .events .unselectedEvents th { width: 90px; height: 30px; padding: 2px; background-color: #fee0cb; color: #ff7d26; }
	.rnliThroughTime .events .unselectedEvents a { background-image: url('/template-images/whoweare/rnlithroughtime/unselectedstar.gif'); background-position: 3 3; background-repeat: no-repeat }
	
	.rnliThroughTime .events .hidden { display: none; }
	.rnliThroughTime .events table a { display: block; width: 12px; height: 12px; }
	.rnliThroughTime .events table a span { display: none; }
	
	.rnliThroughTime .eventDetail { padding: 10px; background-color: White; width: 407px; height: 140px; }
	.rnliThroughTime .eventDetail h3 { font-size: 130%; color: #FF7D26; }
	
	
	.standardSummary .listingtext {	padding-left:0px;margin-left:150px;	}
	
	.landingSquares #stationMainInfo p {font-size:70%;}

	.landingSquares #beachMainInfo p {font-size:70%;}

.stationMenu li { color: #666666; background: url('/template-images/contextualNavBullet.gif') no-repeat 3px 7px;; list-style-type:none; padding-left:16px; padding-right:5px; padding-top:3px; padding-bottom:3px }

.stationMenu li a, .stationMenu li a:hover, .stationMenu li a:visited{ font-weight:normal;  }


.stationNews li
{
	clear:left;
}
.stationNews .listingtext
{
	margin-left:10px;
	height:100px;
	width:300px;
}

html>body
{
	min-height:100px;	
	height:auto;
}


.crew .listingtext
{
	margin-left:152px;	
	margin-top:0px;
}

.crew h2
{
	margin-bottom:6px;		
}

.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
{
	margin-left:2px;
}
.recentStationLaunches li
{
	color:Red;	
	font-size:140%;
}
	
.lastStationLaunch
{
	clear:both;
	padding-left:2px;	
}

.lastStationLaunch h3
{
	margin-bottom:2px;	
}

.double .rightImage
{
	float:right;	
}

.double .rightImage img
{
	margin-right:0px;
	margin-left:20px;	
}



.devFooterInfo
{
	background-color:#cccccc;	
	width:740px;
	text-align:left;
	padding:10px;
}

.devFooterInfo h4
{
	font-size:100%;	
}

.devFooterInfo div
{
	border:solid 1px white;	
}

/* START CLEARING */
	/* http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clearfix { display: inline-table; }
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }
		/* End hide from IE-mac */
	
	.clearingDiv {  }
		.clearingDiv img { width: 99%; height: 1px; border: none; } /* width: 758px; */
/* END CLEARING */


#stationInfo pre
{	
	width:180px;
	white-space: pre-wrap;
	word-wrap:break-word;	
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	padding:8px;
	overflow:hidden;
}

pre.contextNav
{	
	width:114px;
	white-space: pre-wrap;
	word-wrap:break-word;	
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	padding:4px;
	overflow:hidden;
	color:#666666;
}

.appeals
{
	background-color:#c4e1ff;
}

.appeals #contentArea
{
	background-color:#e9f3ff;	
}

.homepageRotator h2
{
	margin-bottom:0px;
	height:19px;
	margin-top:0px;
	margin-bottom:4px;		
}

.homepageRotator .textBlock .fullHeight
{
	height:118px;
	font-size:90%;
	overflow:hidden;
}

.donateLanding .shortHeight
{
	height:45px;
	font-size:90%;
	overflow:hidden;
	color:White;
}

.donateLanding h2
{
	margin-bottom:4px;	
	height:19px;
}

label
{
	margin-top: 3px;
}

html>body label {margin-top: 0px;}


.crew .listingtext
{
	font-size:90%;	
}

.crew .listingtext p
{
	font-size:100%;	
}

.crew .listingtext h2
{
	font-size:110%;	
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/galimages/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/galimages/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}