/* RNLI elements stylesheet */ .regionListingSummary { margin-top: -9px; font-size: 0.9em; } /* START #siteSearch */ #siteSearch { margin-bottom: 4px; } #siteSearch fieldset { margin-left: 0; } #siteSearch fieldset label { display: block; font-weight: bold; margin-bottom: 11px; } #siteSearch fieldset input { margin-top: 0; vertical-align: middle; } #siteSearch fieldset button { margin-bottom: 0; vertical-align: middle; } .searchMatch { overflow: hidden; width: 425px; } /* END #siteSearch */ /*NEW SUMMARY LANDING PAGE */ .summaryLanding #contentArea #contentWrapper #mainContent #Links{margin-left:12px} .summaryLanding #contentArea #contentWrapper #mainContent #Links a{padding-left:8px;background:url(/template-images/_/layout/regionLanding/darkBlueArrow.gif) no-repeat;background-position:left center;} .summaryLanding #contentArea #contentWrapper #mainContent #Links p{margin:0 auto;margin-bottom:5px;} .summaryLanding #contentArea #contentWrapper #mainContent #Maintext{width:575px;margin-left:10px;float:left;margin-bottom:5px;padding-top:10px;padding-bottom:5px;} .summaryLanding #contentArea #contentWrapper #mainContent #Maintext h2{margin:0;margin-bottom:15px;} .summaryLanding #contentArea #contentWrapper #mainContent #Maintext p{margin:0 auto;padding-bottom:10px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext{background:url(/template-images/summary/shadowbox.jpg) no-repeat;width:282px;height:210px;float:left;margin-left:10px;margin-bottom:5px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Title{background:url(/template-images/summary/bluebar.jpg) no-repeat;width:282px;height:28px;text-align:center;color:white;font-weight:bold;padding-top:7px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Title p{font-weight:bold;font-size:12px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Title a{color:white;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection{height:182px;width:282px;padding:0;margin:0;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection #Middlesectionleft{height:179px;width:142px;padding-left:8px;padding-right:2px;padding-top:1px;padding-bottom:2px;float:left;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection #Middlesectionleft p{margin:0 auto;padding-bottom:10px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection #Middlesectionright{height:179px;width:117px;padding-left:2px;padding-right:8px;padding-top:1px;padding-bottom:2px;float:left;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection #Middlesectionright #Middlesectionrighttop{height:130px;width:117px;padding-top:1px;padding-bottom:10px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection #Middlesectionright #Middlesectionrightbottom{height:20px;width:117px;padding-top:3px;padding-bottom:3px;} .summaryLanding #contentArea #contentWrapper #mainContent #Subtext #Middlesection #Middlesectionright #Middlesectionrightbottom p{margin:0;} /*NEW SUMMARY LANDING PAGE */ /* START */ #pageWrap.homeTemplate #contentArea .landing { width: 591px; } #pageWrap.homeTemplate #contentArea .landing img { display: block; } #pageWrap.homeTemplate #contentArea .top .double { height: 225px; } #pageWrap.homeTemplate #contentArea .top .single { /*background-color: #8DB1E4;*/ background-color: #66A2E0; height: 225px; } #pageWrap.homeTemplate #contentArea .landing.middle { background: transparent url(/template-images/_/layout/landing/middleRow/bg.gif) repeat-y left top; } #pageWrap.homeTemplate #contentArea .middle .single { /*height: 197px;*/ } #pageWrap.homeTemplate #contentArea .bottom .double, #pageWrap.homeTemplate #contentArea .bottom .single { height: 96px; } #pageWrap.homeTemplate #contentArea .landing .double { float: left; width: 394px; } #pageWrap.homeTemplate #contentArea .landing .single { float: left; width: 197px; } #pageWrap.homeTemplate #contentArea .landing .single.textbox { background-color: #9CCF00; padding: 0 10px 10px 10px; font-size: 90%; min-height: 153px; width: 177px; } #pageWrap.homeTemplate #contentArea .landing .single.textbox h2 { height: 19px; font-size: 1.3em; height: auto; margin-bottom: 4px; font-weight:bold; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } #pageWrap.homeTemplate #contentArea .landing .single.textbox p { margin-top: 8px; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } #pageWrap.homeTemplate #contentArea .landing .single.textbox a { color:#000066; text-decoration:underline;} #pageWrap.homeTemplate #contentArea .landing .single.textbox.donateNowButton p { color:white;} #pageWrap.homeTemplate #contentArea .landing .single.textbox.donateNowButton a { color:white; } #pageWrap.homeTemplate #contentArea .landing .single.textbox .bottomLink { margin-left:10px; min-height:13px; padding-left:10px; background:url(/template-images/_/layout/blueArrowYellowBG.gif) no-repeat 0px 4px} #pageWrap.homeTemplate #contentArea .landing .single.textbox.donateNowButton { background-color: #009A31; } #pageWrap.homeTemplate #contentArea .landing .single.textbox.donateNowButton h2 { color: #FFFFFF; } #pageWrap.homeTemplate #contentArea .landing .single.textbox.donateNowButton .bottomLink { margin-left:10px; min-height:13px; padding-left:10px; background:url(/template-images/_/layout/whiteArrowGreenBG.gif) no-repeat 0px 4px} .landingWithLinkConstraint { /*min-height: 164px;*/ } #pageWrap.homeTemplate #contentArea .landing .single p a {color: #000066; } #pageWrap.homeTemplate #contentArea .landing .single p a:hover {color: #000066; text-decoration: underline; } /* stay informed bit */ #pageWrap.homeTemplate #contentArea #stayInformed { background-color: #FBA666; top: 462px; color: White; font-weight: bold; height: 97px; margin: -9px; padding: 0px; position: absolute; text-align: center; width: 167px;} #pageWrap.homeTemplate #contentArea #stayInformed #stayInformedHeader { background-color: #FF6D03; padding-bottom: 2px; padding-top: 2px; } #pageWrap.homeTemplate #contentArea #stayInformed a { color: White; } #pageWrap.homeTemplate #contentArea #stayInformed #stayInformedSignupToNewspaper { float: left; width: 82px; } #pageWrap.homeTemplate #contentArea #stayInformed #stayInformedSignupToNewspaper img { padding-bottom: 3px; padding-left: 27px; padding-top: 10px; } #pageWrap.homeTemplate #contentArea #stayInformed #stayInformedRss { float: right; width: 82px; } #pageWrap.homeTemplate #contentArea #stayInformed a { color: White; } #pageWrap.homeTemplate #contentArea #stayInformed #stayInformedlowerPart { color: White; font-weight: normal; height: 83px; margin: 0px; padding: 1px; text-align: center; width: 165px;} #pageWrap.homeTemplate #contentArea #stayInformed #stayInformedlowerPart img { margin: 0px; padding-left: 27px; padding-bottom: 3px; padding-top: 10px; text-align: left; } /* END */ /* START #RNLIeNews */ #RNLIeNews p { margin: 12px 0; font-size:100%;margin-top:0px;margin-bottom:6px;} #RNLIeNews a { color: #FF0000; font-weight: bold; text-decoration: none; font-size:1.1em;} #RNLIeNews a:hover { text-decoration: underline; } /* END #RNLIeNews */ /* START #homeNews */ #homeNews { } #homeNews h3 { font-size: 1.6em; font-weight: bold; margin-bottom: 0; margin-left: 0;} #homeNews h3 a { color: #FF0000; text-decoration: none; } #homeNews h3 a:hover { text-decoration: underline; } #homeNews .HN_headline { background: transparent url(/template-images/_/layout/homeNews/dotsHorizontal.gif) repeat-x left bottom; padding: 3px 0 3px 0; } #homeNews .HN_headline h4 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; margin-left: 0px;} #homeNews .HN_headline h4 a { color: #FF0000; text-decoration: none; } #homeNews .HN_headline h4 a:hover { text-decoration: underline; } #homeNews .HN_headline p a { background: transparent url(/template-images/_/layout/homeNews/orangeArrow.gif) no-repeat right center; display: block; margin-right: 9px; padding-right: 20px; text-decoration: underline; } #homeNews .HN_headline img { float: left; margin-bottom: 8px; } #homeNews .HN_headline p { padding-left: 45px; margin-right: 0; } #homeNews .HN_headline .readMore { background: transparent url(/template-images/_/layout/homeNews/orangeArrow.gif) no-repeat right center; display: block; line-height: 1.3em; margin-top: 5px; padding-left: 55px; padding-right: 10px; text-decoration: underline; width: 69px; } #homeNews .HN_headline .readMore:hover { color: #E2781C; text-decoration: none; } /* END #homeNews */ /* START .mainSectionLanding */ .mainSectionLanding {background:#ebf2fc; float:left;} .mainSectionLanding p, .mainSectionLanding ul {font-size: 0.88em;} .mainSectionLanding .padded { padding: 13px 18px 0 18px; } /*.mainSectionLanding h1, .mainSectionLanding h2, */ .mainSectionLanding a { color: red; padding: 0 0 10px 0; margin: 0; } .mainSectionLanding h3 { padding: 0 0 10px 0; margin: 0; } .mainSectionLanding h4 { margin: 0; padding: 0; clear: both;} .mainSectionLanding p, .mainSectionLanding ul { margin: 0; padding: 0 0 10px 0;} .mainSectionLanding .pageImageFloatleft {margin: 0 10px 0 0; } .mainSectionLanding .pageImageFloatright {margin: 0 0 0 10px; } .mainSectionLanding form, .mainSectionLanding form fieldset {margin:0px; padding:0px;} .mainSectionLanding select { width:80%;} .mainSectionLandingPrimary {min-height:245px; width:301px; background:transparent; float:left;} .mainSectionLandingPrimary form { padding: 0 !important; margin:0 0 5px 0 !important;} .mainSectionLandingSecondary {min-height:265px; width:254px; background:transparent; float:left;} .mainSectionLandingSecondary img, .mainSectionLandingSecondary div {float:left;} /* END .mainSectionLanding */ /* START .regionLanding */ .regionLanding {background:#D5E7FE; float:left;} .regionLanding p {font-size: 0.88em;} .regionLanding .padded { padding: 13px 14px 13px 18px; } /*.regionLanding h1, .regionLanding h2, .regionLanding h3, */ .regionLanding a {color:red; padding: 0 0 10px 0; margin:0px;} .regionLanding h4 { margin:0px; padding:0px;} .regionLanding p { margin: 0; padding:0; padding-bottom:10px;} .regionLanding .pageImageFloatleft {margin: 0 10px 0 0; } .regionLanding .pageImageFloatright {margin: 0 0 0 10px; } .regionLanding form, .regionLanding form fieldset {margin:0px; padding:0px;} .regionLandingPrimary {min-height:297px; width:218px; background:transparent; float:left;} .regionLandingSecondary {min-height:307px; width:333px; background:transparent; float:left; padding:4px;} .regionLandingSecondary img, .regionLandingSecondary div {float:left;} /* END .regionLanding */ /* START .landingSquares */ .landingSquaresSurround { float:left; width:394px;} .noContextTemplate .landingSquares { clear: both; font-size: 0.98em; height: 197px !important; z-index: 1002; } .noContextTemplate .landingSquares div, .noContextTemplate .landingSquares p, .noContextTemplate .landingSquares ul { font-size: 0.98em; } .noContextTemplate .landingSquares div div { float: left; width: 197px; height: 197px; clear: none; overflow: hidden; } html > body .noContextTemplate .landingSquares div div { overflow: visible; } .noContextTemplate .landingSquares div.bodytext { height: auto } .noContextTemplate .donateLanding { background-color: #009A31; } .noContextTemplate .donateLanding .bodytext p, .donateLanding h2 { color: #FFFFFF; } .noContextTemplate .donateLandingCentralStyle {display:none;} .noContextTemplate .donateLanding { margin-left: 197px; } .noContextTemplate .landingSquares div div img, .noContextTemplate .landingSquares .pageImageFloatleft { margin-left: 0; } .noContextTemplate .landingSquares div div p, .noContextTemplate .landingSquares div div h2, .noContextTemplate .landingSquares .newsWrapper, .noContextTemplate .landingSquares address, .noContextTemplate .landingSquares a { font-size: 1em; } .noContextTemplate .landingSquares div { clear: left; } .noContextTemplate .landingSquares .double { width: 394px; } .noContextTemplate .double img { margin-right: 10px; float: left; display: block; } .noContextTemplate .double h2, .noContextTemplate .double p, .noContextTemplate .double blockquote { width: auto; height: auto; margin-left: 10px; margin-right: 10px; } .noContextTemplate blockquote.volunteerQuote { margin-left: 0; margin-right: 0; } .noContextTemplate .double h2, .noContextTemplate .landingSquares div div h2 { margin-top: 10px; } .noContextTemplate .landingSquares div.hr { height: 20px; clear: left; width: 394px; } .noContextTemplate .landingSquares .news { display: block; } .noContextTemplate .landingSquares .news li { clear: both; width: 394px; } .noContextTemplate .landingSquares .news .listingtext h2 { margin-top: 0; } .noContextTemplate .landingSquares .news img { width: 81px; } .noContextTemplate .landingSquares .padded { height: 187px; width: 177px; padding: 10px 10px 0 10px; margin-bottom: -10px; overflow:hidden;} html>body .noContextTemplate .padded h2 { margin-top: 0px; } /* top margin of 0 here for FF, as it was doubling the padding on some of the landing pages */ .noContextTemplate .padded img { margin-top: -10px; margin-bottom: 10px; } .noContextTemplate .landingSquares div div h2, .noContextTemplate .landingSquares div div div, .noContextTemplate .landingSquares div div p { height: auto; width: auto; } .noContextTemplate .landingSquares div div p { margin: 0 0 10px 0; } .noContextTemplate .landingSquares ul, .noContextTemplate .landingSquares ol { list-style: none; } .noContextTemplate .landingSquares img { float: left; display: block; /*position: relative; - rem'd out as it stops IE from overflow:hidden - espeically on any double pic pages */ } .noContextTemplate .landingSquares .singleImage { height: 197px; width: 197px; overflow: hidden; } .noContextTemplate .landingSquares .doubleImage { background: transparent; height: 197px; width: 394px; overflow: hidden; } .noContextTemplate .landingSquares a { font-weight: bold; } .noContextTemplate .landingSquares .newsWrapper { height: auto; } /* END .landingSquares */ #stationMainInfo { font-size: 0.9em; } #mainContent .stationMenu, #mainContent .directionDetails { font-size: 0.9em; } .stationMenu li { color: #666666; padding: 0px 0px 10px 0px;} .noContextTemplate .landingSquares .stationMenu li a, .stationMenu li a:hover, .stationMenu li a:visited { font-weight:normal; } /* START .landingRectangles */ .landingRectangles {float:left; border-top: 13px #ffffff solid; border-bottom: 13px #ffffff solid;} .landingRectangles p { margin-left:0px; margin-bottom:0px;} .landingRectangles .newsSummaryText p { margin-bottom:10px;} .dotRectangle {background: transparent url(/template-images/_/layout/regionLanding/dottedLine.gif) repeat-y center;} .landingRectangles .Content1, .landingRectangles .Content2 { float: left; width: 259px; padding: 0 18px; } .landingRectangles .Content2 {margin-left:1px;} .landingRectangles h1, .landingRectangles h2, .landingRectangles h3 {color:red;} .landingRectangles h1, .landingRectangles h2 {padding-bottom:10px;} .landingRectangles h3 { margin-left:0px; margin-bottom:6px;margin-top:0px;} .landingRectangles a.articleLink { background: transparent url(/template-images/_/layout/regionLanding/darkBlueArrow.gif) no-repeat 0px 3px; padding-left:10px; clear:left; float:left; } .landingRectangles ul { margin-left:0px} .landingRectangles a.articleLink:hover { text-decoration: none; } /* END .landingRectangles */ /* START .summary */ .summary {float:none; padding:0 0 10px 0; margin:0; clear:both;} .summary * {font-size: 1.02em;} .summary div {padding:0; margin:0;} .summary a {text-decoration: none;} .summaryImage {width:auto!important; float:left; margin: 0 10px 10px 0!important; min-height: 0px !important;} .summaryImage img {float:left; margin: 0!important;} .summaryText {float:none; width:auto!important; padding:0; margin:0!important; min-height: 0px !important;} /* END .summary */ /* START .newsSummary */ .newsSummary {float:none; padding:0 0 10px 0; margin:0; clear:both;} .newsSummary a { } .newsSummary a:hover { text-decoration: none; } .newsSummary div {padding:0; margin:0;} .newsSummaryImage {width:auto!important; float:left; margin: 0 10px 10px 0!important; min-height: 0px !important;} .newsSummaryImage img {float:left; margin: 0!important;} .newsSummaryText {float:none; width:auto!important; padding:0; margin:0!important; min-height: 0px !important;} .newsSummaryText {float:none; width:auto!important; padding:0; margin:0!important; min-height: 0px !important;} /* END .newsSummary */ /* START .verysmallQuote */ .verysmallQuote { height:auto; min-height:81px; float:left; font-size:1.1em; padding:0; margin-bottom:0; width:591px;} .verysmallQuote img { width:81px; height:81px; float:left; margin: 0px 20px -10px 0px; } .verysmallQuote blockquote { line-height: 1.5em; padding: 10px 20px 0 0;} .verysmallQuote p { color: #ffffff;} .verysmallQuote .name { color: #ffffff; margin:0; float:right; padding: 0 10px 0 0;} /* END .verysmallQuote */ /* START quote box colours */ .greenBackground{ background-color: #99CC00; } .blueBackground{ background-color: #C4E2FF; } .orangeBackground, .yellowBackground{ background-color: #FFCC00; } /* START quote box colours */ /* START .quote */ .quoteContent { padding-top: 10px; } .largeQuote img { width: 219px; height: 219px; } .normalQuote img { width: 142px;height: 142px;} .smallQuote img { width: 97px; height: 97px; } .mediumQuote img { width: 142px;height: 142px;} /* END .quote2 */ /* START 3 box colours */ .darkgreenBox h1, .darkgreenBox h2, .darkgreenBox h3, .orangeBox h1, .orangeBox h2, .orangeBox h3 {font-weight:bold;} .orangeBox h1, .orangeBox h2, .orangeBox h3 {color:red;} .darkgreenBox h1, .darkgreenBox h2, .darkgreenBox h3, .darkgreenBox p, .darkgreenBox a {color:#ffffff;} /* END 3 box colours */ /* START .solid */ .solidBottom { border-bottom: 1px solid #ffffff; } .solidTop { border-top: 1px solid #ffffff; } .solidLeft { background: transparent url(/template-images/solidLeft.gif) no-repeat scroll top left; } .solidLeftBottom { border-bottom: 1px solid #ffffff; background: transparent url(/template-images/solidLeft.gif) no-repeat scroll top left; } .solidLeftTop { border-top: 1px solid #ffffff; background: transparent url(/template-images/solidLeft.gif) no-repeat scroll top left; } .solidRight { background: transparent url(/template-images/solidRight.gif) no-repeat scroll top left; } .solidRightBottom { border-bottom: 1px solid #ffffff; background: transparent url(/template-images/solidRight.gif) no-repeat scroll top left; } .solidRightTop { border-top: 1px solid #ffffff; background: transparent url(/template-images/solidRight.gif) no-repeat scroll top left; } /* END .solid */ /* START .goButton */ .goButton { margin-left: 10px; width: 26px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_go.gif) no-repeat; } .goButton:hover { margin-left: 10px; width: 26px; height: 20px; border: none; background: transparent url(/template-images/formBtns/formbtn_go_over.gif) no-repeat; } /* END .goButton */ /* START #imageLibrary */ #mainContent #content #imageLibrary { list-style: none; margin: 0 10px; } #mainContent #content #imageLibrary li { background: #C4E1FF; float: left; list-style: none; margin: 0 3px 6px 2px; min-height: 285px; width: 135px; } #mainContent #content #imageLibrary li h2 { font-size: 1em; min-height: 4em;} #mainContent #content #imageLibrary a { font-weight: bold; } #mainContent #content #imageLibrary table { background: transparent; margin: 2px; } #mainContent #content #imageLibrary th, #mainContent #content #imageLibrary td { background: transparent; color: #000066; font-size: 0.9em; vertical-align: top; } #mainContent #content #pressReleases { list-style: none; margin: 0 10px; } #mainContent #content #pressReleases li { background: #C4E1FF; float: left; list-style: none; margin: 0 3px 6px 2px; } #mainContent #content #pressReleases li h2 { font-size: 1em; } #mainContent #content #pressReleases a { font-weight: bold; } #mainContent #content #pressReleases th, #mainContent #content #pressReleases td { font-size: 0.9em; vertical-align: top; } #mainContent #content #newsReleaseDetails { padding-left: 1em; padding-right: 1em; } /* END #imageLibrary */ /* START .pagingControls */ #mainContent .nextpreviousPagingControls, .pagingControls { background-color: #FFFFFF; margin: 0 10px 10px 10px; padding: 4px; color: #FF0000; text-align: center; clear:left; height: 14px;} #mainContent .nextpreviousPagingControls .previous, #mainContent .pagingControls .previous { background: transparent url(/template-images/pagingPrevious.gif) no-repeat scroll 0px 6px; display: block; float: left; font-size: 90%; margin-left: 0px; padding: 2px 0 0 12px; } #mainContent .nextpreviousPagingControls .next, #mainContent .pagingControls .next { background: transparent url(/template-images/pagingNext.gif) no-repeat scroll right 4px; display: block; float: right; font-size: 90%; margin-right: 0px; padding: 0 12px 0 0; } #mainContent .pageNums { display: inline; float: left; margin: 0 auto; text-align: center; width: 240px; } #mainContent .pagingControls ul { list-style: none; margin: 0 2px; } #mainContent .pagingControls li { clear: none; display: inline; margin: 0 2px; } #mainContent .pagingControls a { display: inline; } #mainContent .pagingControls li span { font-weight: bold; text-decoration: underline; } #mainContent .pagingControls .noprevious { color: #FFFFFF; float: left; font-size: 90%; margin-left: 2px; padding: 2px 0 0 12px; } #mainContent .PageOn { font-weight: bold; } /* END .pagingControls */ /* START #regionalMap */ #mainContent #content #regionalMap { background: url(/template-images/regionalmap/UKMap.gif); height: 291px; margin: 10px auto; padding: 0; position: relative; width: 220px; } #regionalMap li { display: block; list-style: none; margin: 0; padding: 0; position: absolute; } #regionalMap #north { height: 95px; left: 124px; top: 108px; width: 71px; } #regionalMap #east { height: 63px; left: 154px; top: 186px; width: 66px; } #regionalMap #southEast_London { height: 45px; left: 157px; top: 212px; width: 45px; } #regionalMap #southWest { height: 75px; left: 72px; top: 214px; width: 89px; } #regionalMap #wales_west { height: 90px; left: 92px; top: 145px; width: 67px; } #regionalMap #scotland { height: 140px; left: 60px; top: 0px; width: 138px; } #regionalMap #ireland { height: 112px; left: 0px; top: 120px; width: 92px; } #regionalMap a { display: block; } #regionalMap #north a { height: 95px; } #regionalMap #east a { height: 63px; } #regionalMap #southEast_London a { height: 45px; } #regionalMap #southWest a { height: 75px; } #regionalMap #wales_west a { height: 90px; } #regionalMap #scotland a { height: 140px; } #regionalMap #ireland a { height: 112px; } #regionalMap #north a:hover { background: url(/template-images/regionalmap/UKMap.gif) -124px -408px no-repeat; } #regionalMap #east a:hover { background: url(/template-images/regionalmap/UKMap.gif) -154px -1075px no-repeat; } #regionalMap #southEast_London a:hover { background: url(/template-images/regionalmap/UKMap.gif) -157px -1396px no-repeat; } #regionalMap #southWest a:hover { background: url(/template-images/regionalmap/UKMap.gif) -72px -514px no-repeat; } #regionalMap #wales_west a:hover { background: url(/template-images/regionalmap/UKMap.gif) -92px -738px no-repeat; } #regionalMap #scotland a:hover { background: url(/template-images/regionalmap/UKMap.gif) -60px -593px no-repeat; } #regionalMap #ireland a:hover { background: url(/template-images/regionalmap/UKMap.gif) -0px -1009px no-repeat; } /* END #regionalMap */ /* START #latestMediaRotator */ /* landingpageresults.xsl */ #latestMediaRotator { } #latestMediaRotator h3 { float: left; } #latestMediaRotator ol#rotator { } #mainContent #latestMediaRotator ol#rotator li { float: left; list-style: none; margin-left: 2px; width: 135px; } #latestMediaRotator ol#rotator li#rotateLeft { background: transparent url(/template-images/latestMediaRotator/left_btn.gif) no-repeat scroll left top; float: left; height: 135px; width: 15px; } #latestMediaRotator ol#rotator li#rotateLeft.disableRotator { background: transparent url(/template-images/latestMediaRotator/left_btn_disabled.gif) no-repeat scroll left top; } #latestMediaRotator ol#rotator li#rotateRight { background: transparent url(/template-images/latestMediaRotator/right_btn.gif) no-repeat scroll left top; float: left; height: 135px; width: 15px; } #latestMediaRotator ol#rotator li#rotateRight.disableRotator { background: transparent url(/template-images/latestMediaRotator/right_btn_disabled.gif) no-repeat scroll left top; } #moreMedia { float: right; } #moreMedia li { float: left; margin-right:10px; list-style:none; } /* END #latestMediaRotator */ /* START #mediaAccessContactDetails */ #mediaAccessContactDetails { background-color: #FFFFFF; margin-bottom: 10px; min-height: 120px; } #mediaAccessContactDetails div { float: left; padding: 10px; width: 257px; } #mediaAccessContactDetails img { float: left; } /* END #mediaAccessContactDetails */ /* START .regCatLink used in the following id's #regionsLink, #categoriesLink */ #context .regCatLink { } #context .regCatLink a { font-size: 1.1em; font-weight: bold; padding-left: 14px; } #context .regCatLink .regCatCollapsed { background: transparent url(/template-images/latestMediaRotator/right_arrow.gif) no-repeat scroll 0px 3px; } #context .regCatLink .regCatExtended { background: transparent url(/template-images/latestMediaRotator/down_arrow.gif) no-repeat scroll 0px 3px; } .hideThis { display: none; } /* END .regCatLink, #categoriesLink */ /* START #regionsWrap */ /* /who_we_are/press_centre/register */ .formBuilder #regionsWrap { } .formBuilder #regionsWrap .categories { float: right; margin-top: 1em; width: 49%; /*padding-left: 144px;*/ /*width: 40%;*/ } .formBuilder #regionsWrap .categories .form_checkbox { } .formBuilder #regionsWrap .categories div div { width: 100%; } .formBuilder #regionsWrap .categories input { width: auto; } .formBuilder #regionsWrap .categories label { width: auto; } /* AA split out into 2 classes */ .formBuilder #regionsWrap { } .formBuilder #regionsWrap .regions { float: left; margin-top: 1em; width: 49%; /*padding-left: 144px;*/ /*width: 40%;*/ } .formBuilder #regionsWrap .regions .form_checkbox { } .formBuilder #regionsWrap .regions div div { width: 100%; } .formBuilder #regionsWrap .regions input { width: auto; } .formBuilder #regionsWrap .regions label { width: auto; } /* END #regionsWrap */ /* START #detailPaging */ /* imagedetail.xsl */ /* videodetail.xsl */ #mainContent #content #detailPaging { list-style: none; margin: 10px; } #mainContent #content #detailPaging li { float: left; list-style: none; } .DP_related { width: 100%; display: block; } .DP_back { width: 25%; } .DP_library { text-align: center; width: 49%; } .DP_next { text-align: right; width: 25%; } /* END #detailPaging */ .arrowBackground { background: transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 0 1px; padding-left: 10px; font-weight: normal; } .recentStationLaunches { font-size: 0.98em; } .recentStationLaunches h2 { font-weight: bold; margin: 10px 0; } #mainContent .recentStationLaunches h4 { color: #FF0000; font-style: italic; font-weight: normal; margin: 0; padding-bottom: 0; padding-top: 6px; } .recentStationLaunches ul { margin-left: 2px; } .recentStationLaunches li { color: #FF0000; } .lastStationLaunch { padding-left: 2px; } #mainContent .lastStationLaunch h3 { margin: 10px 0 2px 0; } #rnliThroughTime { margin-left: 10px; } #rnliThroughTime ul, #rnliThroughTime li { 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; } /* listings */ .listing { padding: 0 10px; } .listing ul { list-style-type: disc; clear:left;} .listing li { clear:left;} .listing ol { list-style-type: decimal; clear:left;} .listing img { float: left; margin-right:10px; margin-bottom:5px;} .listing p { margin: 0 10px 1em 10px; } .listing p a { font-size:100%; display:inline; } .listing a { font-size:90%; display:inline; } .listing h3 a, .listing h4 a { font-size:100%; display: block; } .listing h4 { margin-bottom: 2px; margin-left: 0px;} .listing h3 { margin-bottom: 6px; margin-left: 0px;} .listing .hr { margin: 0;} .listing .normalweight { font-weight: normal; } #mainContent #content .quoteList ul { list-style-type: none; margin-left: 0; } #mainContent #content .eventList ul { list-style-type: none; } #mainContent #content .listing.search ol { list-style: none; margin-left: 0; } #mainContent #content .listing.search li { list-style: none; margin-left: 12px; } .standardsummary h3 { color: #ff0000; } /** Heritage **/ #mainContent .heritage { padding: 0; } .heritage { margin-bottom: 0; clear: left; } .heritage li { padding: 10px; background: transparent url(/template-images/hrBackground.gif) repeat-x top; } .heritage ul { background: transparent 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 */ .standardlist li { margin-right:6px; background:transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 3px 1px; padding-left:10px; font-size:90%; list-style-type:none; padding-bottom:2px; } .standardlist { font-size: 90%; margin-left: 16px; margin-bottom: 10px; margin-top: 10px; list-style-type: none; aaaalist-style-image: url(/template-images/contextualNavBullet.gif); } .standardlist.top li {margin-left: 360px;} /* various different hr styles */ .hrSolid { height: 10px; background: transparent url(/template-images/hrBackgroundSolid.gif) repeat-x center; margin: 0; padding: 0; } .hrBlue { height: 1px; padding: 5px 10px 5px 10px; background: transparent url(/template-images/hrBackground.gif) repeat-x center; clear: left; margin-left:10px;margin-right:10px;} .vr { height: 10px; margin-left: 4px; background: transparent url(/template-images/hrVert.gif) repeat-y scroll top left; } .hr { clear: left; height: 1px; padding: 5px 0px 5px 0px; background: transparent url(/template-images/hrBackground.gif) repeat-x center; margin-left:10px; margin-right:10px; } #mainContent #context .hr { clear: none; } #mainContent .pageImageFloatleft, #mainContent .pageImageFloatright { margin:15px 10px 5px 10px;} #mainContent .pageImageFloatright { margin:15px 10px 5px 10px;float:right;} #mainContent .pageImageFloat { margin: 5px 10px 5px 10px;} #mainContent .landingSquares .pageImageFloatleft, #mainContent .landingSquares .pageImageFloatright {margin:0px;} /* Image previews */ #previewImage img { float: left; margin-right:0px; margin-left: -11px; margin-bottom:5px;} /* steves bits */ .form_multiedit input { border:1px solid #DDDDDD; width:3em; } .formBuilder div .form_multiedit_container { clear:none; } .formBuilder div .form_date_items { clear:none; width:200px; } html > body .formBuilder div .form_date { width:360px; } .form_date .fm-opt div { width:180px; } .form_date input { border:1px solid #DDDDDD; margin-right:2px; width:60px; } #pageWrap.defaultTemplate #content { padding-bottom: 1em; } #stationInfo { float: right; width: 197px; background: url(/template-images/horizontalDottedBlue.gif) repeat-y scroll top left; } #stationInfo h2 { font-size: 1em; font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif; } #stationInfo ul { margin-left:6px; } #stationInfo li { margin-left: 16px; margin-right:6px;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); } #stationInfo pre { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 90%; padding: 8px; white-space: pre-wrap; word-wrap:break-word; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; width:180px; padding-left:10px ; } /* 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(/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(/template-images/buttons/home-donate-rollover.gif) no-repeat; }font-weight: bold; /* End donate now orb */ .sitemap { background-color: #E7F4FD; } .sitemap ul { } .sitemap ul li { background-color: #C4E1FF; float: left; margin-right: 7px; } .sitemap ul li a { color: #000066; display: block; font-weight: bold; padding: 5px 0 5px 10px; width: 275px; } .sitemap ul li ul { background-color: #E7F4FD; } .sitemap ul li ul li { background-color: #E7F4FD; float: none; margin-right: 0; margin-left:0px; } .sitemap ul li ul li a { background: transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 2px 7px; color: #FF0000; font-weight: normal; margin-left: 10px; padding: 5px 0 5px 10px; width: 250px; } .sitemap ul li ul li ul{ background-color: #E7F4FD; } .sitemap ul li ul li ul li{ background-color: #E7F4FD; float: none; margin-right: 0; } .sitemap ul li ul li ul li a { background: transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 2px 7px; color: #FF0000; font-weight: normal; margin-left: 30px; padding: 5px 0 5px 10px; width: 220px; } #mainContent .name { color: Red; font-weight: bold; margin: 0 0 2px 1em; } #stationsByVisitType { clear: left; width: 400px; } #stationsByVisitType fieldset label { height: 1px; left: -9999em; overflow: hidden; position: absolute; top: 0; width: 0; } #stationsByVisitType fieldset select { width: 200px; } #heritageListing .listingtext { margin-left: 90px; } #heritageListing .listingtext p { margin: 0 0 10px 0; } #stationInfoCol { float: right; width: 197px; clear:none; } #stationInfoCol .landingSquares { font-size: 1.05em; } #stationInfoCol .landingSquares h3 { margin: 0 0 10px 0; } #stationInfoCol .landingSquares p { margin: 0 0 10px 0; } #stationInfoCol .arrowBackground { background: transparent url(/template-images/contextualNavBullet.gif) no-repeat scroll 0pt 2px; } /* sos styled containers */ /* START h3.pressCentreHeading */ h3.pressCentreHeading { /*padding-left: 10px;*/ } h3.pressCentreHeading a { text-indent: 0; } p.pressCentreDate { text-indent: 0; } /* END h3.pressCentreHeading */ .boxcontent { padding: 7px 6px 7px 6px; vertical-align:middle; } .box { background-color:White; width: 120px; height: 100%; margin-left: 7px; margin-bottom:15px; } .boxTopLeft { width:100%; height:100%; background-image:url(/template-images/sos/topLeft.gif); background-position: top left; background-repeat:no-repeat; } .boxTopRight { width:100%; height:100%; background-image:url(/template-images/sos/topRight.gif); background-position: top right; background-repeat:no-repeat; } .boxBottmLeft { width:100%; height:100%; background-image:url(/template-images/sos/bottomLeft.gif); background-position: bottom left; background-repeat:no-repeat; } .boxBottomRight { width:100%; height:100%; background-image:url(/template-images/sos/bottomRight.gif); background-position: bottom right; background-repeat:no-repeat; } .boxImageLeft { float: left; margin-top:15px; } .boxImageRight { float:right; margin-top:15px; } .boxTitle { color:Red; font-size:12px; font-weight:bold; } .boxText { font-size:9px; } .boxLink { background-image: url(/template-images/sos/rightArrow.gif); background-position: 100% 5px; background-repeat:no-repeat; color :Red; vertical-align: middle; } .boxLink a { color: Red; text-decoration: none; } .boxLink a:link { color : Red; text-decoration: none; } .boxLink a:active { color : Red; text-decoration: none; } .boxLink a:visited { color : Red; text-decoration: none; } .boxLink a:hover { color : Red; text-decoration: none; } .boxInner a { font-size:9px; color: Red; text-decoration:none; } .boxInner { margin-left:5px; float:left; width:63px; } .crewmember ul, .crewmember ol, .crewmember li { clear:none; } .crewmember ul li { margin-left: 26px; } .crewmemberinfo { float:left; width: 275px; } .crewmemberinfo p { margin: 0 0px 1em 0px; } #mainContent table { background-color:white; margin:10px; } #mainContent table td { border:none; } #mainContent table th { background-color:#000066; color:White; } /*NEW HOME PAGE CHANGES START*/ /* START #siteSearch */ #siteSearch { margin-top:5px; } #siteSearch fieldset { margin-left: 0; } #siteSearch fieldset label { display: block; font-weight: bold; margin-bottom: 11px; } #siteSearch fieldset input { margin-top: 0; vertical-align: middle; } #siteSearch fieldset button { margin-bottom: 0; vertical-align: middle; margin-right:5px;} #siteSearch #searchPhrase{color:gray;} .searchMatch { overflow: hidden; width: 425px; } /* END #siteSearch */ /*NEW LANDING PAGE for NO CONTEXT TEMPLATE*/ .noContextTemplate #contentArea #contentWrapper #mainContent #Links{margin-left:12px} .noContextTemplate #contentArea #contentWrapper #mainContent #Links a{padding-left:8px;background:url(/template-images/_/layout/regionLanding/darkBlueArrow.gif) no-repeat;background-position:left center;} .noContextTemplate #contentArea #contentWrapper #mainContent #Links p{margin:0 auto;margin-bottom:5px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Maintext{background:url(/template-images/rnlinearyou/rnli_box.jpg) no-repeat;width:185px;height:190px;margin-left:10px;float:left;margin-bottom:5px;padding-top:10px;padding-bottom:10px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext{background:url(/template-images/rnlinearyou/rnli_box.jpg) no-repeat;width:185px;height:210px;float:left;margin-left:10px;margin-bottom:5px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Title{background:url(/template-images/rnlinearyou/rnli_header.jpg) no-repeat;width:185px;height:28px;text-align:center;color:white;font-weight:bold;padding-top:7px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Title p{font-weight:bold;font-size:12px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Title a{color:white;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Middlesection{height:141px;width:154px;padding-left:14px;padding-right:11px;padding-top:3px;padding-bottom:2px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Middlesection p{margin:0;margin-top:4px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Last{width:180px;height:23px;padding-right:5px;padding-bottom:10px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Subtext #Last p{margin:0;} /*NEW LANDING PAGE for NO CONTEXT TEMPLATE*/ /*EVENTS LANDING PAGE WITH SEARCH*/ .noContextTemplate #contentArea #contentWrapper #mainContent #Searchpostcode .frmcontent span{padding-left:0px;text-align:left;margin-left:0px;margin-bottom:4px;font-size:11px;} .noContextTemplate #contentArea #contentWrapper #mainContent #Searchpostcode .frmcontent .submitGoButton { width: 30px; height: 23px; border: none; background: transparent url(/template-images/_/layout/homepage/rnli_go_button.jpg) no-repeat right;} .noContextTemplate #contentArea #contentWrapper #mainContent #Searchpostcode .frmcontent .submitGoButton:hover {width: 30px; height: 23px; border: none; background: transparent url(/template-images/_/layout/homepage/rnli_go_button.jpg) no-repeat right;} .noContextTemplate #contentArea #contentWrapper #mainContent #Searchpostcode .frmcontent .searchNews{width:180px;color:gray;} /*EVENTS LANDING PAGE WITH SEARCH*/ #OuterBackground { width:776px; min-height:100%; margin:0px auto; text-align:center; background: url(/template-images/_/layout/homepage/Homepage_bg_shadow.jpg) repeat-y; } #pageWrap #header{clear:both;} #homepageWrap #header{clear:both;} #topLink #topLinkNav .search #searchbtn { margin-left: 5px; width: 61px; height: 20px; border: none; background: transparent url(/template-images/_/layout/homepage/rnli_search_button.jpg) no-repeat; } #topLink #topLinkNav .search #searchbtn:hover { margin-left: 5px; width: 61px; height: 20px; border: none; background: transparent url(/template-images/_/layout/homepage/rnli_search_button.jpg) no-repeat; } #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent{width:760px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .top{background:transparent url(/template-images/_/layout/homepage/rnli_box_1_bg.jpg) no-repeat;width:756px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing{width: 756px;margin-top:10px;margin-left:12px;margin-right:12px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .keymessage{padding-top:10px;padding-left:9px;padding-right:10px;padding-bottom:6px;width:438px;min-width:438px;height:384px;float:left;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .keymessage #bottommessage{margin-top:5px;width:438px;margin-left:0;height:89px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .keymessage #bottommessage #keymessagecell{padding-right:8px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest {width: 268px; height:375px;float:left;padding-top:10px;margin-right:10px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestTitle{width:268px;padding-left:5px;text-align:left;height:29px;color:white;position:relative;background:transparent url(/template-images/_/layout/homepage/rnli_dropmenu_button.jpg) no-repeat;font-size:12px;cursor:pointer;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestTitle p{margin:0;padding:0;position:absolute;bottom:8px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestTitle .latestImg{padding-right:10px;float:right;width:9px;height:9px;padding-top:12px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent{margin:0;padding-left:10px;padding-right:10px;padding-bottom:2px;width:248px;clear:both;background:transparent url(/template-images/_/layout/homepage/rnli_box_2_bg.jpg) no-repeat;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .heading{color: #008ED6;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .frmcontent{padding-top:5px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .frmcontent p{font-weight:bold;color:black;padding-left:0px;text-align:left;margin-left:0px;margin-bottom:4px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .frmcontent .submitGoButton { width: 30px; height: 23px; border: none; background: transparent url(/template-images/_/layout/homepage/rnli_go_button.jpg) no-repeat right;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .frmcontent .submitGoButton:hover {width: 30px; height: 23px; border: none; background: transparent url(/template-images/_/layout/homepage/rnli_go_button.jpg) no-repeat right;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .frmcontent .searchNews{width:180px;color:gray;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop{width:248px;height:230px;margin-top:10px;padding-left:1px;clear:both;min-height:230px;padding-bottom:10px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .ShoutsContentitem{width:246px;padding-left:2px;height:225px;overflow-y:scroll;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .ShoutsContentitem li{padding-left:7px;height:30px;clear:left;width:200px;margin:0;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .Contentitem{padding-left:2px;height:195px;overflow-y:scroll;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .tblNavigation{width:248px;text-align:center;padding-left:0px;margin:0 auto;margin-top:6px;height:24px;float:left;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .tblNavigation .left{background:url(/template-images/_/layout/homepage/rnli_mini_left.jpg) no-repeat;width:22px;height:24px;position:relative;cursor:pointer;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .tblNavigation .right{background:url(/template-images/_/layout/homepage/rnli_mini_right.jpg) no-repeat;width:22px;height:24px;position:relative;cursor:pointer;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .landing .latest .LatestContent .Contenttop .tblNavigation .tblcenter{background:url(/template-images/_/layout/homepage/rnli_mini_centre.jpg) repeat-x;width:204px;height:24px;vertical-align:middle;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle{width:756px;height:340px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .grayline{width:736px;padding-bottom:2px;margin-left:12px;height:0px;border-top:1px solid gray;clear:both;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .HomeSitemap{margin-left:12px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .HomeSitemap a{color:gray;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .HomeSitemap .Heading{color:red;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent{margin-right:10px;padding-left:10px;padding-right:10px;height:330px;padding-bottom:10px;float:left;width:215px;background:transparent url(/template-images/_/layout/homepage/rnli_box_3_bg.jpg) no-repeat;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent .title{font-size:1.2em;color:#007fc8;padding-top:10px;font-weight:bold;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent p{margin:0;padding-top:10px;padding-bottom:10px;font-size:1em;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent .Redarrow{background-repeat:no-repeat;width:4px;height:7px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent .tblNavigation{width:215px;text-align:center;padding-left:0px;margin:0;margin-top:8px;height:20px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent .tblNavigation .left{background: transparent url(/template-images/_/layout/homepage/rnli_mini_left.jpg) no-repeat;width:22px;height:24px;position:relative;cursor:pointer;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent .tblNavigation .right{background: transparent url(/template-images/_/layout/homepage/rnli_mini_right.jpg) no-repeat;width:22px;height:24px;position:relative;cursor:pointer;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent .tblNavigation .tblcenter{background:transparent url(/template-images/_/layout/homepage/rnli_mini_centre.jpg) repeat-x;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent #imagesection{background: transparent url(/template-images/_/layout/homepage/rnli_box_6_bg.jpg) no-repeat;width:215px;height:179px;text-align:center;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent #imagesection .imagesectionitem{width:211px;height:175px;padding-top:4px;clear:both;padding-right:4px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #middlecontent #imagesection .imagesectionitem p{margin:0;padding-left:3px;text-align:left;padding-right:3px;padding-top:3px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent{width:246px;height:340px;float:left;display:inline;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent p{font-size:1em;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontenttop{margin-bottom:10px;width:226px;height:160px;padding-bottom:10px;padding-left:10px;padding-right:10px;float:left;display:inline;background:transparent url(/template-images/_/layout/homepage/rnli_box_4_bg.jpg) no-repeat;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontenttop .title{font-size:1.2em;color:#007fc8;padding-top:10px;font-weight:bold;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontenttop p{margin:0;padding-top:10px;padding-bottom:10px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontenttop #firsthalf{width:109px;height:18px;float:left;padding-left:3px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontenttop #paratext{padding-bottom:5px;padding-top:5px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontenttop .Redarrow{background-repeat:no-repeat;width:4px;height:7px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontentbottom{width:226px;height:150px;padding-bottom:10px;padding-left:10px;padding-right:10px;float:left;display:inline;background:transparent url(/template-images/_/layout/homepage/rnli_box_5_bg.jpg) no-repeat;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontentbottom p{margin:0;padding-top:10px;padding-bottom:10px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontentbottom .title{font-size:1.2em;color:#007fc8;padding-top:10px;font-weight:bold;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .middle #rightcontent #rightcontentbottom .tblInformed{margin:0;vertical-align:middle;width:200px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .bottom{margin-bottom:8px;float:left;width:756px;display:inline;margin-left:12px;margin-top:5px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .bottom .long{margin-right:10px;width:480px;float:left;height:110px;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent .bottom .short{width:246px;float:left;height:110px;display:inline;} #homepageWrap.homeTemplate #contentArea #contentWrapper #mainContent{} /*NEW HOME PAGE CHANGES END*/