/* The containing box for Badminton gallery. */ #container0 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container0 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container0 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#FFFFFF; } /* Adding the thumbnail images */ #container0 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container0 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container0 a.slidebad1 { background-image: url('../images/IMG_0034th.jpg'); height:93px; width:62px; } #container0 a.slidebad2 { background-image: url('../images/IMG_0232th.jpg'); height:93px; width:62px; } #container0 a.slidebad3 { background-image: url('../images/IMG_0279th.jpg'); height:93px; width:62px; } #container0 a.slidebad4 { background-image: url('../images/IMG_0305th.jpg'); height:62px; width:93px; } * html #container0 a.slidebad4 { width:91px; width:93px; } #container0 a.slidebad5 { background-image: url('../images/IMG_0311th.jpg'); height:62px; width:93px; } #container0 a.slidebad6 { background-image: url('../images/IMG_0416th.jpg'); height:62px; width:93px; } * html #container0 a.slidebad6 { width:91px; width:93px; } #container0 a.slidebad7 { background-image: url('../images/IMG_0421th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container0 ul {width:205px; height:400px; } #container0 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container0 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container0 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container0 a.gallery:hover span { position:absolute; width:380px; height:405px; top:5px; color:#000; background:#FFFFFF; } #container0 a.gallery:hover img { border:1px solid #ffffff; float:left; margin-right:5px; } #container0 { background: #FFFFFF url('../images/BadHdr.jpg') no-repeat 2px 5px;} /* The containing box for Burghley gallery. */ #container100 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container100 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container100 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#FFFFFF; } /* Adding the thumbnail images */ #container100 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container100 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container100 a.slidebur1 { background-image: url('../images/IMG_4078th.jpg'); height:93px; width:62px; } #container100 a.slidebur2 { background-image: url('../images/IMG_4974th.jpg'); height:93px; width:62px; } #container100 a.slidebur3 { background-image: url('../images/IMG_4992th.jpg'); height:93px; width:62px; } #container100 a.slidebur4 { background-image: url('../images/IMG_4059th.jpg'); height:62px; width:93px; } * html #container100 a.slidebur4 { width:91px; width:93px; } #container100 a.slidebur5 { background-image: url('../images/IMG_5007th.jpg'); height:62px; width:93px; } #container100 a.slidebur6 { background-image: url('../images/IMG_5309th.jpg'); height:62px; width:93px; } * html #container100 a.slidebur6 { width:91px; width:93px; } #container100 a.slidebur7 { background-image: url('../images/IMG_5176th.jpg'); height:62px; width:93px; } #container100 a.slidebur8 { background-image: url('../images/IMG_4938th.jpg'); height:93px; width:62px; } #container100 a.slidebur9 { background-image: url('../images/IMG_5301th.jpg'); height:93px; width:62px; } #container100 a.slidebur10 { background-image: url('../images/IMG_5316th.jpg'); height:93px; width:62px; } #container100 a.slidebur11 { background-image: url('../images/IMG_5291th.jpg'); height:62px; width:93px; } * html #container100 a.slidebur4 { width:91px; width:93px; } #container100 a.slidebur12 { background-image: url('../images/IMG_4816th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container100 ul {width:205px; height:400px; } #container100 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container100 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container100 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container100 a.gallery:hover span { position:absolute; width:380px; height:405px; top:5px; color:#000; background:#FFFFFF; } #container100 a.gallery:hover img { border:1px solid #ffffff; float:left; margin-right:5px; } #container100 { background: #FFFFFF url('../images/BurHdr.jpg') no-repeat 2px 5px;} /* The containing box for Percy's gallery. */ #container1 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container1 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container1 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#FFFFFF; } /* Adding the thumbnail images */ #container1 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container1 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container1 a.slideper1 { background-image: url('../images/IMG_0482th.jpg'); height:93px; width:62px; } #container1 a.slidebad2 { background-image: url('../images/IMG_0232th.jpg'); height:93px; width:62px; } #container1 a.slidebad3 { background-image: url('../images/IMG_0279th.jpg'); height:93px; width:62px; } #container1 a.slideper4 { background-image: url('../images/IMG_0472th.jpg'); height:62px; width:93px; } * html #container1 a.slideper4 { width:91px; width:93px; } #container1 a.slideper5 { background-image: url('../images/IMG_0496th.jpg'); height:62px; width:93px; } #container1 a.slidebad4 { background-image: url('../images/IMG_0305th.jpg'); height:62px; width:93px; } * html #container1 a.slidebad4 { width:91px; width:93px; } #container1 a.slidebad5 { background-image: url('../images/IMG_0311th.jpg'); height:62px; width:93px; } #container1 a.slidebad6 { background-image: url('../images/IMG_0416th.jpg'); height:62px; width:93px; } * html #container1 a.slidebad6 { width:91px; width:93px; } #container1 a.slidebad7 { background-image: url('../images/IMG_0421th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container1 ul {width:205px; height:400px; } #container1 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container1 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container1 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container1 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#FFFFFF; } #container1 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container1 { background: #FFFFFF url('../images/PercyTit.jpg') no-repeat 0px 5px;} /* The containing box for Smokey's gallery. */ #container2 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container2 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container2 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container2 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container2 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container2 a.slideeas1 { background-image: url('../images/IMG_0051th.jpg'); height:93px; width:62px; } #container2 a.slideeas2 { background-image: url('../images/IMG_3260th.jpg'); height:93px; width:62px; } #container2 a.slideeas3 { background-image: url('../images/img098ath.jpg'); height:93px; width:62px; } #container2 a.slideeas4 { background-image: url('../images/IMG_0624th.jpg'); height:62px; width:93px; } * html #container2 a.slideeas4 { width:91px; width:93px; } #container2 a.slideeas5 { background-image: url('../images/IMG_3125th.jpg'); height:62px; width:93px; } #container2 a.slideeas6 { background-image: url('../images/IMG_3159th.jpg'); height:93px; width:62px; } #container2 a.slideeas7 { background-image: url('../images/IMG_3273th.jpg'); height:93px; width:62px; } #container2 a.slideeas8 { background-image: url('../images/IMG_3280th.jpg'); height:93px; width:62px; } #container2 a.slideeas9 { background-image: url('../images/IMG_3149th.jpg'); height:62px; width:93px; } * html #container2 a.slideeas9 { width:91px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container2 ul {width:205px; height:400px; } #container2 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container2 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container2 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container2 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container2 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container2 { background: #FFFFFF url('../images/EasyTit.jpg') no-repeat 0px 5px;} /* The containing box for Rhymer's gallery. */ #container3 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container3 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container3 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container3 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container3 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container3 a.sliderhy1 { background-image: url('../images/IMG_0081th.jpg'); height:93px; width:62px; } #container3 a.sliderhy2 { background-image: url('../images/IMG_0128th.jpg'); height:93px; width:62px; } #container3 a.sliderhy3 { background-image: url('../images/IMG_0210th.jpg'); height:93px; width:62px; } #container3 a.sliderhy4 { background-image: url('../images/IMG_0138th.jpg'); height:62px; width:93px; } * html #container3 a.sliderhy4 { width:91px; width:93px; } #container3 a.sliderhy5 { background-image: url('../images/IMG_0155th.jpg'); height:62px; width:93px; } #container3 a.sliderhy6 { background-image: url('../images/IMG_6294th.jpg'); height:62px; width:93px; } * html #container3 a.sliderhy6 { width:91px; width:93px; } #container3 a.sliderhy7 { background-image: url('../images/IMG_6337th.jpg'); height:62px; width:93px; } #container3 a.sliderhy8 { background-image: url('../images/IMG_6308th.jpg'); height:93px; width:62px; } /* set the size of the unordered list to neatly house the thumbnails */ #container3 ul {width:205px; height:400px; } #container3 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container3 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container3 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container3 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container3 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container3 { background: #FFFFFF url('../images/RyhmersTit.jpg') no-repeat 0px 5px; } /* The containing box for Cruise's gallery. */ #container4 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container4 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container4 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container4 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container4 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container4 a.slidecru1 { background-image: url('../images/img094th.jpg'); height:93px; width:62px; } #container4 a.slidecru2 { background-image: url('../images/IMG_1106th.jpg'); height:93px; width:62px; } #container4 a.slidecru3 { background-image: url('../images/IMG_1126th.jpg'); height:93px; width:62px; } #container4 a.slidecru4 { background-image: url('../images/IMG_1112th.jpg'); height:62px; width:93px; } * html #container4 a.slidecru4 { width:91px; width:93px; } #container4 a.slidecru5 { background-image: url('../images/IMG_1117th.jpg'); height:62px; width:93px; } #container4 a.slidecru6 { background-image: url('../images/IMG_1149th.jpg'); height:93px; width:62px; } #container4 a.slidecru7 { background-image: url('../images/IMG_1152th.jpg'); height:93px; width:62px; } #container4 a.slidecru8 { background-image: url('../images/IMG_1160th.jpg'); height:93px; width:62px; } #container4 a.slidecru9 { background-image: url('../images/IMG_1141th.jpg'); height:62px; width:93px; } * html #container4 a.slidecru9 { width:91px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container4 ul {width:205px; height:400px; } #container4 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container4 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container4 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container4 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container4 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container4 { background: #FFFFFF url('../images/Cruise%20Tit.jpg') no-repeat 0px 5px; } /* The containing box for Bounty's gallery. */ #container5 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container5 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container5 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container5 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container5 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container5 a.slidebou1 { background-image: url('../images/IMG_0525th.jpg'); height:93px; width:62px; } #container5 a.slidebou2 { background-image: url('../images/IMG_1033th.jpg'); height:93px; width:62px; } #container5 a.slidebou3 { background-image: url('../images/IMG_1068th.jpg'); height:93px; width:62px; } #container5 a.slidebou4 { background-image: url('../images/IMG_0518th.jpg'); height:62px; width:93px; } * html #container5 a.slidebou4 { width:91px; width:93px; } #container5 a.slidebou5 { background-image: url('../images/IMG_0520th.jpg'); height:62px; width:93px; } #container5 a.slidebou6 { background-image: url('../images/IMG_1079th.jpg'); height:62px; width:93px; } * html #container5 a.slidebou6 { width:91px; width:93px; } #container5 a.slidebou7 { background-image: url('../images/IMG_1083th.jpg'); height:62px; width:93px; } #container5 a.slidebou8 { background-image: url('../images/IMG_1088th.jpg'); height:93px; width:62px; } #container5 a.slidebou9 { background-image: url('../images/IMG_1245th.jpg'); height:93px; width:62px; } /* set the size of the unordered list to neatly house the thumbnails */ #container5 ul {width:205px; height:400px; } #container5 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container5 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container5 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container5 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container5 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container5 { background: #FFFFFF url('../images/BountyTit2.jpg') no-repeat 0px 5px; } /* The containing box for Zorba's gallery. */ #container6 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container6 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container6 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container6 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container6 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container6 a.slidezor1 { background-image: url('../images/IMG_0535th.jpg'); height:93px; width:62px; } #container6 a.slidezor2 { background-image: url('../images/IMG_0749th.jpg'); height:93px; width:62px; } #container6 a.slidezor3 { background-image: url('../images/IMG_1366th.jpg'); height:93px; width:62px; } #container6 a.slidezor4 { background-image: url('../images/IMG_0560th.jpg'); height:62px; width:93px; } * html #container6 a.slidezor4 { width:91px; width:93px; } #container6 a.slidezor5 { background-image: url('../images/IMG_0583th.jpg'); height:62px; width:93px; } #container6 a.slidezor6 { background-image: url('../images/IMG_1279th.jpg'); height:62px; width:93px; } * html #container6 a.slidezor6 { width:91px; width:93px; } #container6 a.slidezor7 { background-image: url('../images/IMG_1358th.jpg'); height:62px; width:93px; } #container6 a.slidezor8 { background-image: url('../images/IMG_1373th.jpg'); height:62px; width:93px; } * html #container6 a.slidezor8 { width:91px; width:93px; } #container6 a.slidezor9 { background-image: url('../images/IMG_1450th.jpg'); height:62px; width:93px; } #container6 a.slidezor10 { background-image: url('../images/IMG_1311th.jpg'); height:62px; width:93px; } * html #container6 a.slidezor8 { width:91px; width:93px; } #container6 a.slidezor11 { background-image: url('../images/IMG_1439th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container6 ul {width:205px; height:400px; } #container6 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container6 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container6 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container6 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container6 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container6 { background: #FFFFFF url('../images/ZorbaTit1.jpg') no-repeat 0px 5px; } /* The containing box for Solo's gallery. */ #container7 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container7 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container7 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container7 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container7 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container7 a.slidesol1 { background-image: url('../images/IMG_0225th.jpg'); height:93px; width:62px; } /* #container7 a.slidebla2 { background-image: url('../images/IMG_0041th.jpg'); height:93px; width:62px; } #container7 a.slidebla3 { background-image: url('../images/IMG_0078th.jpg'); height:93px; width:62px; } */ #container7 a.slidesol4 { background-image: url('../images/IMG_0253th.jpg'); height:62px; width:93px; } * html #container7 a.slidesol4 { width:91px; width:93px; } #container7 a.slidesol5 { background-image: url('../images/IMG_0449th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container7 ul {width:205px; height:400px; } #container7 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container7 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container7 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container7 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container7 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container7 { background: #FFFFFF url('../images/Solo%20Tit.jpg') no-repeat 0px 5px; } /* The containing box for Barney's gallery. */ #container8 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container8 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container8 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container8 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container8 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container8 a.slidebar1 { background-image: url('../images/IMG_0880th.jpg'); height:93px; width:62px; } #container8 a.slidebar2 { background-image: url('../images/IMG_0894th.jpg'); height:93px; width:62px; } #container8 a.slidebar3 { background-image: url('../images/IMG_0967th.jpg'); height:93px; width:62px; } #container8 a.slidebar4 { background-image: url('../images/IMG_0107th.jpg'); height:62px; width:93px; } * html #container8 a.slidebar4 { width:91px; width:93px; } #container8 a.slidebar5 { background-image: url('../images/IMG_0109th.jpg'); height:62px; width:93px; } #container8 a.slidebar6 { background-image: url('../images/IMG_0971th.jpg'); height:93px; width:62px; } #container8 a.slidebar7 { background-image: url('../images/IMG_0975th.jpg'); height:93px; width:62px; } #container8 a.slidebar8 { background-image: url('../images/IMG_0976th.jpg'); height:93px; width:62px; } #container8 a.slidebar9 { background-image: url('../images/IMG_0190th.jpg'); height:62px; width:93px; } * html #container8 a.slidebar9 { width:91px; width:93px; } #container8 a.slidebar10 { background-image: url('../images/IMG_0823th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container8 ul {width:205px; height:400px; } #container8 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container8 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container8 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container8 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container8 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container8 { background: #FFFFFF url('../images/BoleyTit.jpg') no-repeat 0px 5px; } /* The containing box for Verdis's gallery. */ #container9 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container9 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container9 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container9 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container9 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container9 a.slidejam1 { background-image: url('../images/IMG_0039th.jpg'); height:93px; width:62px; } #container9 a.slidejam2 { background-image: url('../images/IMG_0949th.jpg'); height:93px; width:62px; } #container9 a.slidejam3 { background-image: url('../images/IMG_0952th.jpg'); height:93px; width:62px; } #container9 a.slidejam4 { background-image: url('../images/IMG_0122th.jpg'); height:62px; width:93px; } * html #container9 a.slidejam4 { width:91px; width:93px; } #container9 a.slidejam5 { background-image: url('../images/IMG_0160th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container9 ul {width:205px; height:400px; } #container9 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container9 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container9 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container9 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container9 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container9 { background: #FFFFFF url('../images/VerdiTit.jpg') no-repeat 0px 5px;} /* The containing box for Dusty's gallery. */ #container10 { position:relative; width:600px; height:400px; } /* Removing the list bullets and indentation */ #container10 ul {padding:0; margin:0; list-style-type:none; } /* Remove the images and text from sight */ #container10 a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff; } /* Adding the thumbnail images */ #container10 a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container10 a.gallery { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #container10 a.slidedus1 { background-image: url('../images/IMG_1320th.jpg'); height:93px; width:62px; } #container10 a.slidedus2 { background-image: url('../images/IMG_1397th.jpg'); height:93px; width:62px; } /* #container10 a.slidedus3 { background-image: url('../images/IMG_0952th.jpg'); height:93px; width:62px; } */ #container10 a.slidedus4 { background-image: url('../images/IMG_1407th.jpg'); height:62px; width:93px; } * html #container10 a.slidedus4 { width:91px; width:93px; } #container10 a.slidedus5 { background-image: url('../images/IMG_1472th.jpg'); height:62px; width:93px; } #container10 a.slidedus6 { background-image: url('../images/IMG_1485th.jpg'); height:62px; width:93px; } * html #container10 a.slidedus6 { width:91px; width:93px; } #container10 a.slidedus7 { background-image: url('../images/IMG_1494th.jpg'); height:62px; width:93px; } /* set the size of the unordered list to neatly house the thumbnails */ #container10 ul {width:205px; height:400px; } #container10 li { float: right; vertical-align:middle; } /* move the thumbnails into the correct position */ #container10 ul { margin:5px; float:right; } /* change the thumbnail border color */ #container10 a.gallery:hover { border:1px solid #fff; } /* styling the :hover span */ #container10 a.gallery:hover span { position:absolute; width:380px; height:400px; top:5px; color:#000; background:#fff; } #container10 a.gallery:hover img { border:1px solid #fff; float:left; margin-right:5px; } #container10 { background: #FFFFFF url('../images/DustTit.jpg') no-repeat 0px 5px; }