/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX S T A R T G E N E R A L R U L E S XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ body { background-color: #003366; color: #000; margin: 0; padding: 10px 0 0 0; font-family: Georgia, serif; } /* Fix Firefox clear Float Problem. (see 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 */ /* Hide Focus Outline in Firefox */ *:focus { outline-style:none; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX E N D G E N E R A L R U L E S XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX S T A R T H O M E P A G E R U L E S XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ #divHomeContent { width: 770px; margin-left: auto; margin-right: auto; padding: 11px 8px 0 8px; border: 3px solid #cc9900; } #divHomeTy { width: 151px; height: 173px; margin: 0 19px 0 0; float: left; } #divHomeTy a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeTy a:link, #divHomeTy a:visited { text-decoration: none; background: url(images/home_ty.jpg) no-repeat top left; } #divHomeTy a:hover, #divHomeTy a:active { text-decoration: none; background: url(images/home_ty.jpg) no-repeat bottom left; } #divHomePhoebe { width: 112px; height: 215px; margin: 0; float: left; } #divHomePhoebe a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomePhoebe a:link, #divHomePhoebe a:visited { text-decoration: none; background: url(images/home_phoebe.jpg) no-repeat top left; } #divHomePhoebe a:hover, #divHomePhoebe a:active { text-decoration: none; background: url(images/home_phoebe.jpg) no-repeat bottom left; } #divHomeKaren { width: 152px; height: 173px; margin: 0 18px 0 0; float: left; } #divHomeKaren a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeKaren a:link, #divHomeKaren a:visited { text-decoration: none; background: url(images/home_karen.jpg) no-repeat top left; } #divHomeKaren a:hover, #divHomeKaren a:active { text-decoration: none; background: url(images/home_karen.jpg) no-repeat bottom left; } #divHomeKatherine { width: 154px; height:173px; margin: 0 18px 0 0; float: left; } #divHomeKatherine a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeKatherine a:link, #divHomeKatherine a:visited { text-decoration: none; background: url(images/home_katherine.jpg) no-repeat top left; } #divHomeKatherine a:hover, #divHomeKatherine a:active { text-decoration: none; background: url(images/home_katherine.jpg) no-repeat bottom left; } #divHomeDave { width: 111px; height: 215px; margin: 0 19px 0 7px; float: left; display: inline; } #divHomeDave a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeDave a:link, #divHomeDave a:visited { text-decoration: none; background: url(images/home_dave.jpg) no-repeat top left; } #divHomeDave a:hover, #divHomeDave a:active { text-decoration: none; background: url(images/home_dave.jpg) no-repeat bottom left; } #h1CBA { font-size: 12pt; width: 493px; height: 116px; margin: -43px 0 0 130px; padding: 0; float: left; display: inline; } #h1CBA a:link, #h1CBA a:visited { text-indent: -8000px; display: block; text-decoration: none; width: 100%; height: 100%; margin: 0; padding: 0; background: url(images/cba.gif) no-repeat top left; } #h1CBA a:hover, #h1CBA a:active { text-indent: -8000px; display: block; text-decoration: none; width: 100%; height: 100%; margin: 0; padding: 0; background: url(images/cba.gif) no-repeat bottom left; } #h2Dates { font-size: 12pt; text-indent: -8000px; width: 769px; height: 31px; margin: 0 0 0 30px; padding: 0; background: url(images/dates.gif) no-repeat; float: left; display: inline; } #ulLinks { width: 770px; height: 31px; float: left; list-style: none; margin: 0 0 9px 0; padding: 0; } #ulLinks li { height: 31px; margin: 0; padding: 0; float: left; } #ulLinks li a { display: block; width: 100%; height: 100%; text-decoration: none; text-indent: -8000px; } #liDirections { width: 101px; } #liDirections a:link, #liDirections a:visited { background: url(images/directions.gif) no-repeat top left; } #liDirections a:hover, #liDirections a:active { background: url(images/directions.gif) no-repeat bottom left; } #liFlourish1 { width: 36px; background: url(images/flourish1.gif) no-repeat; } #liChurch { width: 493px; } #liChurch a:link, #liChurch a:visited { background: url(images/church.gif) no-repeat top left; } #liChurch a:hover, #liChurch a:active { background: url(images/church.gif) no-repeat bottom left; } #liFlourish2 { width: 41px; background: url(images/flourish2.gif) no-repeat; } #liPress { width: 99px; } #liPress a:link, #liPress a:visited { background: url(images/press.gif) no-repeat top left; } #liPress a:hover, #liPress a:active { background: url(images/press.gif) no-repeat bottom left; } #divHomeGreatBags { width: 101px; height: 127px; margin: 0 17px 0 0; float: left; display: inline; } #divHomeGreatBags a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeGreatBags a:link, #divHomeGreatBags a:visited { text-decoration: none; background: url(images/home_bags.jpg) no-repeat top left; } #divHomeGreatBags a:hover, #divHomeGreatBags a:active { text-decoration: none; background: url(images/home_bags.jpg) no-repeat bottom left; } #divHomeMartha { width: 105px; height: 127px; margin: 0 17px 0 0; float: left; } #divHomeMartha a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeMartha a:link, #divHomeMartha a:visited { text-decoration: none; background: url(images/home_martha.jpg) no-repeat top left; } #divHomeMartha a:hover, #divHomeMartha a:active { text-decoration: none; background: url(images/home_martha.jpg) no-repeat bottom left; } #divHomeFionna { width: 98px; height: 127px; margin: 0 17px 0 0; float: left; } #divHomeFionna a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeFionna a:link, #divHomeFionna a:visited { text-decoration: none; background: url(images/home_fionna.jpg) no-repeat top left; } #divHomeFionna a:hover, #divHomeFionna a:active { text-decoration: none; background: url(images/home_fionna.jpg) no-repeat bottom left; } #divHomeSusan { width: 64px; height: 127px; margin: 0 17px 0 0; float: left; } #divHomeSusan a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeSusan a:link, #divHomeSusan a:visited { text-decoration: none; background: url(images/home_susan.jpg) no-repeat top left; } #divHomeSusan a:hover, #divHomeSusan a:active { text-decoration: none; background: url(images/home_susan.jpg) no-repeat bottom left; } #divHomeSheila { width: 83px; height: 127px; margin: 0 17px 0 0; float: left; } #divHomeSheila a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeSheila a:link, #divHomeSheila a:visited { text-decoration: none; background: url(images/home_sheila.jpg) no-repeat top left; } #divHomeSheila a:hover, #divHomeSheila a:active { text-decoration: none; background: url(images/home_sheila.jpg) no-repeat bottom left; } #divHomeRon { width: 99px; height: 127px; margin: 0; float: left; } #divHomeRon a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeRon a:link, #divHomeRon a:visited { text-decoration: none; background: url(images/home_tom.jpg) no-repeat top left; } #divHomeRon a:hover, #divHomeRon a:active { text-decoration: none; background: url(images/home_tom.jpg) no-repeat bottom left; } #divHomeDiana { width: 118px; height: 127px; margin: 0 17px 0 0; float: left; } #divHomeDiana a { display: block; text-indent: -8000px; width: 100%; height: 100%; margin: 0; } #divHomeDiana a:link, #divHomeDiana a:visited { text-decoration: none; background: url(images/home_diana.jpg) no-repeat top left; } #divHomeDiana a:hover, #divHomeDiana a:active { text-decoration: none; background: url(images/home_diana.jpg) no-repeat bottom left; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX E N D H O M E P A G E R U L E S XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX S T A R T L E V E L 2 R U L E S XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ #divWrapper { width: 648px; border: 3px solid #cc9900; padding: 12px; margin-top: 6px; margin-right: auto; margin-left: auto; background-color: #fffff0; color: #000; } #divLeftColumn { width: 205px; float: left; margin-right: 9px; } #divLeftColumnAbout { width: 100%; float: left; } #divLeftColumn h1 { font-size: 12pt; text-indent: -8000px; width: 205px; margin: 0; padding: 0; } #divLeftColumn p, #divLeftColumnAbout p { font-size: 10pt; width: 205px; text-indent: .5em; padding: 0; margin: .5em 0; line-height: 1.4em; } p.address { font-size: 10pt; text-indent: 0 !important; text-align: center; } #h1Ty { background: url(images/l2_ty.gif) no-repeat; width: 205px; height: 62px; } #h1GreatBags { background: url(images/l2_greatbags.jpg) no-repeat; width: 205px; height: 62px; } #h1Martha { background: url(images/l2_martha.gif) no-repeat; width: 205px; height: 30px; } #h1Fiona { background: url(images/l2_fiona.gif) no-repeat; width: 205px; height: 30px; } #h1Diana { background: url(images/l2_diana.gif) no-repeat; width: 205px; height: 30px; } #h1Phoebe { background: url(images/l2_phoebe.gif) no-repeat; width: 205px; height: 61px; } #h1Karen { background: url(images/l2_karen.gif) no-repeat; width: 205px; height: 100px; } #h1Katherine { background: url(images/l2_katherine.gif) no-repeat; width: 205px; height: 77px; } #h1Moorland { background: url(images/l2_moorland.gif) no-repeat; width: 205px; height: 77px; } #h1Tim { background: url(images/l2_tim.gif) no-repeat; width: 205px; height: 32px; } #h1Ann { background: url(images/l2_ann.gif) no-repeat; width: 205px; height: 32px; } #h1Valorie { background: url(images/l2_valorie.gif) no-repeat; width: 205px; height: 32px; } #h1Susan { background: url(images/l2_susan.gif) no-repeat; width: 205px; height: 32px; } #h1Sheila { background: url(images/l2_sheila.gif) no-repeat; width: 205px; height: 32px; } #h1Annelies { background: url(images/l2_ron.gif) no-repeat; width: 205px; height: 53px; } #h1Dana { background: url(images/l2_dana.gif) no-repeat; width: 205px; height: 32px; } #h1Church { background: url(images/l2_church.gif) no-repeat; width: 205px; height: 75px; } #h1About { background: url(images/l2_about.gif) no-repeat; width: 620px; height: 31px; font-size: 12pt; text-indent: -8000px; margin: 0; padding: 0; } #h1Directions { background: url(images/l2_directions.gif) no-repeat; width: 620px; height: 31px; font-size: 12pt; text-indent: -8000px; margin: 0; padding: 0; } #h1Press { background: url(images/l2_press.gif) no-repeat; width: 620px; height: 31px; font-size: 12pt; text-indent: -8000px; margin: 0; padding: 0; } #divRightColumn { width: 432px; float: left; margin: 0; padding: 0; } #l2Frame { width: 432px; height: 325px; margin: 0; padding: 0;} #ulThumbnails { width: 432px; height: 60px; list-style: none; margin: 8px 0 0 0; padding: 0; } #ulThumbnails li { float: left; margin-top: 0; } #ulThumbnails li img { border: 0; } #pClick { text-align: center; font-size: 10pt; clear: both; margin: 8px 0; } #divFooter { float: left; clear: both; width: 632px; border-top: 1px solid #000; margin-right: auto; margin-left: auto; margin-top: 8px; padding-top: 3px; } #divFooter p { margin: 3px 0; font-size: 10px; } #divFooter p a:link { color: #003366; text-decoration: none; } #divFooter p a:visited { color: #7f0d70; font-size: 10px; text-decoration: none; } #divFooter p a:hover, #footer p a:active { text-decoration: underline; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX E N D L E V E L 2 R U L E S XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */