/*
     FILE ARCHIVED ON 16:45:29 Aug 18, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:18:55 Oct 17, 2014.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

body {
        background-color: #333333;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
}



* {
        margin: 0px;
}
#Wrapper {
        background-color: #FFFFFF;
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        height: 900px;
        padding-top: 20px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;       
}
#Wrapper #Header {
        background-image: url(../images/Header-Slice.jpg);
        height: 151px;
        width: 920px;
        margin-left: 20px;
        margin-bottom: 20px;
        background-color: #FFFFFF;
        position: relative;    
}
#Wrapper #all-aboard {
        height: 220px;
        width: 225px;
        background-image: url(../images/Railway-Museum.jpg);
        float: left;
        margin-left: 20px;
        display:inline;
        position: relative;
}
#Wrapper #main-grey-background {
        height: 444px;
        width: 687px;
        background-image: url(../images/Main-Grey-Background.jpg);
        float: left;
        margin-left: 20px;
        display:inline;
        position: relative;
}
#Wrapper #main-grey-background #web-form {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: regular;
        color: #4D4D4D;
        position: absolute;
        top: 50px;
        left:110px;
}
#Wrapper #main-grey-background #form-headline {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: regular;
        color: #4D4D4D;
        position: absolute;
        top: 20px;
        left:20px;
}
#Wrapper #main-grey-background #data-protection {
        width: 620px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: regular;
        color: #4D4D4D;
        position: absolute;
        top: 230px;
        left:-110px;
}
#Wrapper #Header #logo {
        height: 119px;
        width: 258px;
        background-image: url(../images/go-windermere-logo.jpg);
        background-repeat: no-repeat;
        float: left;
        position: absolute;
        top: 17px;
        left: 15px;
}
#Wrapper #test  {
        height: 132px;
        background-image: url(../images/Top-Banner.jpg);
        background-repeat: no-repeat;
        margin-left: 20px;
        width: 645px;
        float: left;
        margin: 0 20px 20px 20px;
        padding: 20px;
        display: inline;
}
#Wrapper #get-fishy {
        background-image: url(../images/Lakes-Aquarium.jpg);
        height: 220px;
        width: 235px;
        float: left;
        display:inline;
        position: relative;
}
#Wrapper #big-adventure {
        background-image: url(../images/Brockhole.jpg);
        float: left;
        height: 220px;
        width: 235px;
        display:inline;
        position: relative;
}
#Wrapper #get-fishy #orange-rollover a{
        height: 40px;
        width: 41px;
        background-image: url(../images/orange-btn.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        margin-top: 0px;
        margin-left: 0px;
        position: absolute;
        top: 165px;
        left: 20px;
}
#Wrapper #motor-museum {
        background-image: url(../images/Motor-Museum.jpg);
        height: 220px;
        width: 225px;
        float: left;
        margin-left: 20px;
        display:inline;
        position: relative;
}
#Wrapper #big-adventure #purple-rollover a {
        height: 40px;
        width: 40px;
        background-image: url(../images/purple-btn.jpg);
        background-position: left top;
        position: absolute;
        top: 165px;
        left: 19px;    
}
#Wrapper #ahoy {
        background-image: url(../images/Lake-Cruises.jpg);
        float: left;
        height: 220px;
        width: 235px;
        display:inline;
        position: relative;
}
#Wrapper #story-time {
        background-image: url(../images/Beatrix-Potter.jpg);
        float: left;
        height: 220px;
        width: 235px;
        display:inline;
        position: relative;
}
#Wrapper #footer {
        background-image: url(../images/Bottom-Footer.gif);
        height: 58px;
        width: 920px;
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        display:inline;
        position: relative;
}
#Wrapper #right-column {
        height: 633px;
        width: 214px;
        background-image: url(../images/Voucher-Column_2.jpg);
        float: right;
        margin-right: 20px;
        position: relative;
}
#Wrapper #all-aboard #pink-rollover a {
        height: 40px;
        width: 42px;
        background-image: url(../images/pink-btn.jpg);
        background-position: 0 0;
        position: absolute;
        top: 165px;
        left: 10px;
}
#Wrapper #right-column #register-rollover a {
        height: 44px;
        width: 160px;
        background-image: url(../images/Register-btn.jpg);
        background-position: 0 0;
        position: absolute;
        top: 250px;
        left: 25px;
        
}
#Wrapper #main-grey-background #download-rollover a {
        height: 44px;
        width: 160px;
        background-image: url(../images/Download-btn.jpg);
        background-position: 0 0;
        position: absolute;
        top: 50px;
        left:10px;
        
}
#Wrapper #voucher-column {
        height: 633px;
        width: 214px;
        background-image: url(../images/Right-Column.jpg);
        float: right;
        margin-right: 20px;
        position: relative;
}

/* CSS Accessible Links */





#Wrapper #all-aboard #pink-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}

#Wrapper #get-fishy #orange-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}
#Wrapper #logo a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}

#Wrapper #big-adventure #purple-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}

#Wrapper #motor-museum #green-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}

#Wrapper #ahoy #red-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}

#Wrapper #story-time #blue-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
}

#Wrapper #right-column #register-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
        
}
#Wrapper #main-grey-background #download-rollover a i {
        visibility: hidden;
        margin-left: -2000px;
        display: block;
        
}       


#Wrapper #all-aboard #pink-copy p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;

        color: #FFFFFF;
        font-weight: normal;
        position: absolute;
}
#Wrapper #story-time #blue-rollover a {
        background-position: left top;
        height: 40px;
        width: 40px;
        background-image: url(../images/blue-btn.jpg);
        position: absolute;
        top: 172px;
        left: 20px;
}
#Wrapper #all-aboard #pink-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        position: absolute;
        top: 75px;
        left: 15px;
        right: 100px;
}
#Wrapper #all-aboard #pink-sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #E582B3;
        position: absolute;
        top: 42px;
        left: 15px;
}
#Wrapper #all-aboard #pink-rollover a:hover {
        background-position: bottom;
}
#Wrapper #get-fishy #orange-rollover a:hover {
        background-position: bottom;
}
#Wrapper #big-adventure #purple-rollover a:hover {
        background-position: bottom;
}
#Wrapper #test #banner-headline-2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 30px;
        font-weight: bolder;
        color: #FFCC00;
        margin-left: 20px;
}
#Wrapper #right-column #register-rollover a:hover {
        background-position: bottom;
}
#Wrapper #main-grey-background #download-rollover a:hover {
        background-position: bottom;
}
        
#Wrapper #all-aboard #pink-header {
        height: 32px;
        width: 147px;
        background-image: url(../images/pink-header.jpg);
        margin-left: 0px;
        margin-top: 0px;
        position: absolute;
        top: 10px;
        left: 15px;
}
#Wrapper #ahoy #red-header {
        height: 32px;
        width: 79px;
        background-image: url(../images/red-header.jpg);
        position: absolute;
        top: 18px;
        left: 23px;
}
#Wrapper #test #banner-headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bolder;
	color: #FFFFFF;
}
#Wrapper #right-column #main-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        margin-top: 190px;
        margin-left: 15px;
        margin-right: 15px;
		}
#Wrapper #right-column #main-copy2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        margin-top: 250px;
        margin-left: 15px;
        margin-right: 15px;
}
#Wrapper #voucher-column #right-main-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        margin-top: 188px;
        margin-left: 15px;
        margin-right: 15px;
}
#Wrapper #Header #slogan {
        height: 28px;
        width: 364px;
        background-image: url(../images/header-slogan.jpg);
        margin-left: 0px;
        background-repeat: no-repeat;
        position: absolute;
        left: 540px;
        top: 107px;
}
#Wrapper #footer #site-build {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        float: right;
        position: absolute;
        top: 24px;
        right: 20px;
}
#Wrapper #footer #copyright-img {
        height: 15px;
        width: 450px;
        float: left;
        position: absolute;
        left: 20px;
        top: 22px;
        color: #fff;
}
#Wrapper #voucher-column #intro-copy p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
        margin-left: 15px;
        margin-top: 12px;
        margin-right: 15px;
        line-height: normal;
}
#Wrapper #Header #CTA {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bolder;
        color: #FFFFFF;
        position: absolute;
        left: 572px;
        top: 15px;
}
#Wrapper #story-time #blue-header {
        height: 31px;
        width: 153px;
        background-image: url(../images/blue-header.jpg);
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 20px;
}
#Wrapper #motor-museum #green-rollover a {
        height: 40px;
        width: 42px;
        background-image: url(../images/green-btn.jpg);
        background-position: left top;
        position: absolute;
        top: 172px;
        left: 11px;
        display: block;
}
#Wrapper #story-time #blue-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        position: absolute;
        top: 75px;
        left: 24px;
        right: 95px;
}
#Wrapper #story-time #blue-sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #5BA9D5;
        font-weight: bold;
        position: absolute;
        top: 55px;
        left: 24px;
}
#Wrapper #motor-museum #green-rollover a:hover {
        background-position: bottom;
}
#Wrapper #ahoy #red-rollover a{
        height: 40px;
        width: 41px;
        background-image: url(../images/red-btn.jpg);
        background-position: left top;
        position: absolute;
        top: 172px;
        left: 18px;
}
#Wrapper #ahoy #red-rollover a:hover {
        background-position: bottom;
}
#Wrapper #motor-museum #green-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        position: absolute;
        top: 75px;
        left: 17px;
        right: 60px;
}
#Wrapper #motor-museum #green-sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #C8D22C;
        position: absolute;
        top: 54px;
        left: 17px;
}
#Wrapper #story-time #blue-rollover a:hover {
        background-position: bottom;
}
#Wrapper   #right-column   #Tophead  {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bolder;
        color: #FFFFFF;
        line-height: 23px;
        margin-left: 15px;
        margin-top: 15px;
}
#Wrapper   #voucher-column   #right-head  {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bolder;
        color: #FFFFFF;
        line-height: 23px;
        margin-left: 15px;
        margin-top: 15px;
}
#Wrapper #big-adventure #purple-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        position: absolute;
        top: 105px;
        left: 25px;
        right: 70px;
}
#Wrapper #ahoy #red-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        position: absolute;
        top: 85px;
        left: 24px;
        right: 90px;
}
#Wrapper #get-fishy #orange-header {
        height: 32px;
        width: 131px;
        background-image: url(../images/orange-header.jpg);
        margin-left: 0px;
        margin-top: 0px;
        position: absolute;
        top: 10px;
        left: 23px;
}
#Wrapper #big-adventure #purple-header {
        height: 59px;
        width: 155px;
        background-image: url(../images/purple-header.jpg);
        position: absolute;
        top: 10px;
        left: 18px;
}
#Wrapper #motor-museum #green-header {
        height: 33px;
        width: 132px;
        background-image: url(../images/green-header.jpg);
        position: absolute;
        top: 18px;
        left: 13px;
}
#Wrapper #get-fishy #orange-sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #E35523;
        position: absolute;
        top: 45px;
        left: 25px;
}
#Wrapper #get-fishy #orange-copy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        position: absolute;
        top: 62px;
        left: 25px;
        right: 90px;
}
#Wrapper #big-adventure #purple-sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #B38FC1;
        position: absolute;
        top: 72px;
        left: 25px;
}
#Wrapper #ahoy #red-sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #660000;
        position: absolute;
        top: 52px;
        left: 24px;
}


a:link, a:visited {
text-decoration:none;
color:#C8D210;
}

a:hover, a:active {
color: #fff;
text-decoration:underline;
}

h1 {font-size: 18px;}
h2 {font-size: 12px;}
.blue {color: #21407D;}
.red {color: #ffcc00;}