/* LAYOUT STYLES FOR rnli.org.uk */

html { min-height: 100.01%; margin-bottom: 0.01%; }
/* this is to force vertical scrollbar throughout site has to be 100.01% as if 100.1 there is slight vertical movement. */

body { background: #FFFFFF; color: #000066; font: 76% Verdana, Arial, Helvetica, sans-serif; min-width: 760px; text-align: center; }



a { text-decoration: underline; color: #333333; }
	a:hover { text-decoration: none; }
button { cursor: pointer; }






/* START ACCESSIBILITY */
.access { position: absolute; left: -1000px; width: 100px; top: 0; }
/* END ACCESSIBILITY */






/* START HEADER */
#header { height: 80px; position: relative; width: 760px; }
	#header h1 { color: #091176; font-size: 1.6em;}
	#header a { height: 80px; width: 760px; }
	#header img {  }
/* END HEADER */

/* START PLAIN HEADER */
#appealHeader { background: #000066 url(/crew_thank_you/images/header/plainheader.png) no-repeat right top; position: relative; width: 760px; }
	#appealHeader h1 { color: #091176; font-size: 1.6em; }
	#appealHeader a { height: 80px; width: 760px; }
	#appealHeader img { padding: 10px }
/* END PLAIN HEADER */





/* START layout */
#pageWrap { background: #FFFFFF url(/crew_thank_you/images/bg/default.png) repeat-y right top; margin: 0 auto; text-align: left; width: 760px; }
	#pageWrap #contentArea { position: relative; clear: both; }
		#pageWrap #contentArea #contentWrapper { float: left; margin-right: -168px; width: 100%; }
			#pageWrap #contentArea #contentWrapper #mainContent { margin-right: 168px; }
				#pageWrap #contentArea #contentWrapper #mainContent #content { }
		#pageWrap #contentArea #subContent { float: right; font-size: 0.9em; padding: 9px 9px 0 9px; width: 150px; }
/* END layout */






/* START MAIN NAV */
#primaryNav { background-color: #5A7DA1; border-bottom: 1px solid #FFFFFF; display: block; width: 592px; }
	#primaryNav ol {  }
		#primaryNav li { display: block; float: left; text-align: center; min-width: 148px; }
			#primaryNav li a { background: #5A7DA1 url(/crew_thank_you/images/primaryNav/off.png) no-repeat right top; border-bottom: 1px solid #6E7B8C; border-top: 1px solid #6E7B8C; color: #FFFFFF; display: block; font-weight: bold; min-width: 148px; padding: 7px 0 7px 0; text-decoration: none; }
				#primaryNav li a:hover, 
				#primaryNav li a.selected { background: #A65815 url(/crew_thank_you/images/primaryNav/on.png) no-repeat right top; }
/* END MAIN NAV */







/* START SUB NAVIGATION */
#subNavigation { background-color: #8DB1E4; border: 1px solid #FFFFFF; }
	#subNavigation h3 { color: #FFFFFF; font-weight: bold; font-size: 1.2em; margin: 10px 4px; }
	#subNavigation ol { border-top: 1px solid #FFFFFF; }
		#subNavigation li { border-bottom: 1px solid #FFFFFF; }
			#subNavigation li a { background: transparent url(/crew_thank_you/images/subNav/whiteArrow.gif) no-repeat right center; color: #FFFFFF; display: block; padding: 4px 10px 4px 4px; text-decoration: none; }
			#subNavigation li.selected a { background: transparent url(/crew_thank_you/images/subNav/whiteArrowDown.gif) no-repeat 138px center; color: #FFFFFF; display: block; font-weight: bold; padding: 4px 10px 4px 4px; text-decoration: none; }
				#subNavigation li a:hover { background-color: #091176; }
		#subNavigation li.selected { background-color: #091176; }
			#subNavigation li.selected ol { background-color: #FFFFFF; }
				#subNavigation li.selected li { border-bottom: 1px solid #8DB1E4; }
					#subNavigation li.selected ol li a { background: transparent url(/crew_thank_you/images/subNav/blueArrow.gif) no-repeat right center; color: #8DB1E4; font-weight: normal; padding-left: 11px; }
						#subNavigation li.selected ol li a:hover { background: #091176 url(/crew_thank_you/images/subNav/whiteArrow.gif) no-repeat right center; color: #FFFFFF; }
				#subNavigation li.selected li.subSelected a { font-weight: bold; }
	#subNavigation li.selected .last, 
	#subNavigation .last { border-bottom: none; }
/* END SUB NAV */






/* START UTILITY NAV */
#utilityNav { margin: 15px 0 10px 4px; }
	#utilityNav li {  }
		#utilityNav li a { background: transparent url(/crew_thank_you/images/utilityNav/orangeArrow.gif) no-repeat right center; color: #212684; display: block; line-height: 1.6em; text-decoration: none; width: 142px; }
		.homeTemplate #utilityNav li a { width: 137px; }
		
			#utilityNav li a:hover { color: #E2781C; text-decoration: underline; }
			
#pageWrap.homeTemplate #utilityNav { margin-top:0px}
/* END UTILITY NAV */






/* START BREADCRUMB NAV */
#breadcrumbNav { background-color: #E8F3FF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; display: block; font-size: 0.75em; width: 591px; }
	#breadcrumbNav ol { padding-left: 10px; }
		#breadcrumbNav li { display: block; float: left; padding: 7px 0 7px 0; }
			#breadcrumbNav li a { color: #FF0000; text-decoration: none; }
				#breadcrumbNav li a:hover { text-decoration: underline; }
				#breadcrumbNav li span { color: #000066; padding: 0px 4px 0px 6px; text-decoration: none; }
/* END BREADCRUMB NAV */






/* START FOOTER */
#footer { background-color: #091176; border-top: 1px solid #FFFFFF; clear: both; display: block; font-size: 0.9em; width: 100%; }
	#footer #footerNav { display: block; clear: both; width: 760px; }
		#footer #footerNav ol { background-color: #091176; float: right; }
			#footer #footerNav li { display: block; float: left; padding: 10px 20px 10px 0; }
				#footer #footerNav li a { border-right: 1px solid #FFFFFF; color: #FFFFFF; display: block; padding-right: 20px; text-decoration: none; }
				#footer #footerNav li span { border-right: 1px solid #FFFFFF; color: #FFFFFF; display: block; padding-right: 20px; text-decoration: none; }
					#footer #footerNav a:hover { text-decoration: underline; }

				#footer #footerNav li.last a { border: none; padding-right: 0; }

	#footer p { background-color: #FFFFFF; clear: both; color: #091176; display: block; font-size: 0.9em; padding: 5px 0; }
	
	
	
/* END FOOTER */

.devFooterInfo { margin: 10px 20px; text-align: left; }