body { font-family: Arial, Helvetica, sans-serif; } td { font-family: Arial, Helvetica, sans-serif; } th { font-family: Arial, Helvetica, sans-serif; } #mainbox {width: 790px; margin:auto; } #headerbox {width: 790px;margin:auto; text-align:center; color: #009900; } h1 {font-size:26px;} h2 { font-size:18px;} h3 {font-size:20px; color:#999999;} .navbox { width:150px; list-style-type:none; float: left; } .bookingformtable { font-size:12px; padding:2px} .TextDescriptionsLarge {color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic;} .TextDescriptionsSmall {color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic;} .TextDescriptionContact {color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-style:italic; text-align:left;} .aligncentre {text-align:center;} .boxfordates { margin:auto;border:solid; border-color:#006600; width:350px; color:#FFFFFF; background-color:#006600;} .boxforactivites {float:left; padding:1px; margin:2px; border:inset; border:thin; border-color:#006600; width: 180px; color:#000000;} .boxforactivites2 {padding:2px; float:left; border:inset; border:medium; border-color: #FFFF00; width: 170px; color: #FFFFFF; background-color:#009900;margin:2px;} .bookingform {width:700px;font-size:12px;} #arealist {font-size:10px;} .navigation { /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ } .thumb img.mini {border:none;} .thumb a:hover {background:white;} .thumb a img.big {height:0; width: 0; border-width: 0;} .thumb a:hover img.big {position:absolute; top: 300px; left: 200px; width:300px; height:auto; border:none;} .glossymenu { list-style-type: none; padding: 0; width: 150px; border-bottom-width: 0; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #9A9A9A; border-right-color: #9A9A9A; border-bottom-color: #9A9A9A; border-left-color: #9A9A9A; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; } .glossymenu li a { font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none; background-color: white; background-image: url(images/glossybackgreen1.gif); background-repeat: repeat-x; background-position: left bottom; } * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 150px; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; } .glossymenu li a:hover{ background-image: url(images/glossybackgreen2.gif); } /* END OF NAVIGATION */ .contentsbox {width: 610px; margin-left:180px;} .personandphotobox {width:270px} a {font-size:18px; text-decoration:none;} /* start of photo gallery CSS */ #container body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em;} #container { position:relative; width:530px; height:510px; margin:1px auto 0 170px; background:#fff url(images/kidsfunsmall.jpg) 200px 50px no-repeat; border:0px solid #aaa; left: 10px; top: 8px; } #container ul {width:170px; height:550px; padding:0; margin:1px; list-style-type:none; float:left;}/* this makes thumbs be on left and width is width of thumb container*/ #container li {float:left;} #container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;} #container a.slidea {background:url(images/Thumbs/AwardLondon1.jpg); height:40px; width:50px;} #container a.slideb {background:url(images/Thumbs/AwardLondon2.jpg); height:40px; width:50px;} #container a.slidec {background:url(images/Thumbs/Builder1.jpg); height:40px; width:50px;} #container a.slided {background:url(images/Thumbs/Builder2.jpg); height:40px; width:50px;} #container a.slidee {background:url(images/Thumbs/Builder3.jpg); height:40px; width:50px;} #container a.slidef {background: url(images/Thumbs/AtTheClubMay2008_1_50.jpg); height:40px; width:50px;} #container a.slideg {background:url(images/Thumbs/AtTheClubMay2008_2_50.jpg); height:40px; width:50px;} #container a.slideh {background:url(images/Thumbs/AtTheClubMay2008_3_50.jpg); height:40px; width:50px;} #container a.slidei {background:url(images/Thumbs/AtTheClubMay2008_4_50.jpg); height:40px; width:50px;} /* * html #container a.slided {width:91px; w\idth:93px;} */ #container a.slidej {background: url(images/Thumbs/AtTheClubMay2008_5_50.jpg); height:40px; width:50px;} #container a.slidek {background:url(images/Thumbs/AtTheClubMay2008_6_50.jpg); height:40px; width:50px;} #container a.slidel {background:url(images/Thumbs/AtTheClubMay2008_7_50.jpg); height:40px; width:50px;} #container a.slidem {background:url(images/Thumbs/AtTheClubMay2008_8_50.jpg); height:40px; width:50px;} /* * html #container a.slidef {width:91px; w\idth:93px;} */ #container a.sliden {background: url(images/Thumbs/AtTheClubMay2008_9_50.jpg); height:40px; width:50px;} #container a.slideo {background:url(images/Thumbs/AtTheClubMay2008_10_50.jpg); height:40px; width:50px;} #container a.slidep {background:url(images/Thumbs/AtTheClubMay2008_11_50.jpg); height:40px; width:50px;} #container a.slideq {background:url(images/Thumbs/AtTheClubMay2008_12_50.jpg); height:40px; width:50px;} /* * html #container a.slidek {width:91px; w\idth:93px;} */ #container a.slider {background:url(images/Thumbs/AtTheClubMay2008_13_50.jpg); height:40px; width:50px;} #container a.slides {background:url(images/Thumbs/club1.jpg); height:40px; width:50px;} #container a.slidet {background:url(images/Thumbs/club2.jpg); height:40px; width:50px;} #container a.slideu {background:url(images/Thumbs/drawing.jpg); height:40px; width:50px;} #container a.slidev {background:url(images/Thumbs/drawing2.jpg); height:40px; width:50px;} #container a.slidew {background:url(images/Thumbs/playstationgirls.jpg); height:40px; width:50px;} #container a.slidex {background:url(images/Thumbs/playingwithtoys.jpg); height:40px; width:50px;} #container a.slidey {background:url(images/Thumbs/snooker.jpg); height:40px; width:50px;} #container a.slidez {background:url(images/Thumbs/tablefootball.jpg); height:40px; width:50px;} #container a.slideaa {background:url(images/Thumbs/watchingvideogames.jpg); height:40px; width:50px;} #container a.slideab {background:url(images/Thumbs/watchingvideogames2.jpg); height:40px; width:50px;} #container a.slideac {background:url(images/Thumbs/drawing3.jpg); height:40px; width:50px;} #container a.slidead {background:url(images/Thumbs/oranges.jpg); height:40px; width:50px;} #container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;} #container a.gallery:hover {border:1px solid #fff;} #container a.gallery:hover img {border:1px solid #fff; float:right; margin-right:30px;} #container a.slideb:hover img, #container a.slidei:hover img {float:right;} #container a.gallery:hover span {position:absolute; width:340px; height:500px; top:10px; left:170px; color:#000; background:#fff;} /*shows positionof main image conatiner */ /* end of Photo Gallery */