/* choose a suitable font and center the #TheGallery div in Internet Explorer */
body {
	text-align:center;
	font-family: tahoma;
arial, sans-serif; 
	font-size:76%;
	letter-spacing:0.05em;
	background-image: url(images/bg-image.gif);
   }
/* The containing box for the gallery. */
#TheGallery {
	position:relative;
	width:800px;
	height:500px;
	margin:10px auto 0 auto;
	background-image: url(images/Bkgrd-SubContainer.jpg);
    }
/* Removing the list bullets and indentation */
#TheGallery ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
/* Remove the images and text from sight */
#TheGallery a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:31px;
	left:21px;
	overflow:hidden;
	visibility: visible;
    }
/* Adding the thumbnail images */
#TheGallery a.gallery, #TheGallery a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#TheGallery a.slidea {
    background:url(images/thumbs/Paint/Laura.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.slideb {
    background:url(images/thumbs/Paint/lighthouse2.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.slidec {
    background:url(images/thumbs/Paint/Juice.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.slided {
    background:url(images/thumbs/Paint/deer.jpg); 
    height:60px; 
    width:93px;
    }
* html #TheGallery a.slided {
    width:91px; 
    w\idth:93px;
    }
#TheGallery a.slidee {
    background:url(images/thumbs/Paint/waterfall.jpg); 
    height:60px; 
    width:93px;
    }
#TheGallery a.slidef {
    background:url(images/thumbs/Paint/window.jpg); 
    height:93px; 
    width:60px;
    }
* html #TheGallery a.slidef {
    width:91px; 
    w\idth:93px;
    }
#TheGallery a.slideg {
    background:url(images/thumbs/Paint/tires.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.slideh {
    background:url(images/thumbs/Paint/window2.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.slidei {
    background:url(images/thumbs/Paint/Lighthouse.jpg); 
    height:60px; 
    width:93px;
    }
#TheGallery a.slidej {
    background:url(images/thumbs/Paint/Candy.jpg); 
    height:60px; 
    width:93px;
    }
#TheGallery a.slidek {
    background:url(images/thumbs/Paint/olivia.jpg); 
    height:93px; 
    width:60px;
    }
* html #TheGallery a.slidek {
    width:91px; 
    w\idth:93px;
    }
#TheGallery a.slidel {
    background:url(images/thumbs/Paint/skull.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.slidem {
    background:url(images/thumbs/Paint/stevie.jpg); 
    height:93px; 
    width:60px;
    }
#TheGallery a.sliden {
    background:url(images/thumbs/Paint/Lighthouse1.jpg); 
    height:62px; 
    width:93px;
    }
#TheGallery a.slideo {
    background:url(images/thumbs/Paint/clown.jpg); 
    height:62px; 
    width:93px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#TheGallery ul {
    width:200px; 
    height:386px;
	 margin:5px; 
    float:left;
    }
#TheGallery li {
    float:left;
    }
/* change the thumbnail border color */
#TheGallery a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#TheGallery a.gallery:hover span {
    position:absolute; 
    width:500px; 
    height:450px; 
    top:20px; 
    left:255px; 
    color:#000; 
        }
#TheGallery {
    background:url(images/tube4.png) no-repeat 255px 20px;
    }
#TheMenu {
	background-image: url(images/MenuBkgrd.jpg);
	position: relative;
	height: 35px;
	width: 825px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #333333;
}
#TheMenu ul {
	list-style-type: none;
	font-size: large;
	display: inline;
	width: 30px;
}
#TheMenu a {
	color: #FFFFCC;
	text-decoration: none;
	border: thin none #FFFFCC;
	display: inline;
}
#TheMenu li {
	display: inline;
	padding: 8px;
	border-top-color: #FFFFCC;
	border-right-color: #FFFFCC;
	border-bottom-color: #FFFFCC;
	border-left-color: #FFFFCC;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 0px;
	color: #FF0000;
}
#TheMenu a:hover {
	color: #FFCC33;
}
#TheHeader {
	font-weight: bold;
	font-variant: small-caps;margin: 0 auto;
	text-align: left;
	position: relative;
	width: 825px;
}
#Container {
	position: relative;
	height: 500px;
	width: 825px;
	border: 2px solid #333333;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/BGRD-Main.png);
}
#Rivet {
	position: absolute;
	left: 750px;
	top: 0px;
}
#SubMenu {
	background-image: url(images/Bkgrd-SubMenu.jpg);
	position: absolute;
	height: 460px;
	width: 150px;
	top: 20px;
	left: 20px;
}
#SubContainer {
	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 460px;
	width: 625px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1em;
	vertical-align: bottom;
}
#SubAboutText {
	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 460px;
	width: 625px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 4;
}
#SubNav li {
	text-decoration: none;
	color: #FFFFCC;
	float: left;
	background-image: url(images/BGRD-Left.png);
	padding: 5px;
	white-space: nowrap;
	margin-bottom: 10px;
	width: 100px;
}
#SubMenu ul {
	text-decoration: none;
	list-style-type: none;
	text-align: center;
}
#SubNav a {
	color: #FFFFCC;
	text-decoration: none;
	padding: 5px;
	white-space: nowrap;
	width: 100px;
}
#SubNav a:hover {
	color: #FFCC99;
	background-image: url(images/BGRD-Main.png);
	padding: 5px;
	white-space: nowrap;
	width: 100px;
	text-decoration: none;
}
#SubNav ul {
	list-style-type: none;
	position: absolute;
	left: -9999px;
	z-index: 6;
	background-image: url(images/BGRD-Main.png);
	text-decoration: none;
	text-align: left;
	display: inline;
	margin-left: 0px;
}
#SubNav li:hover ul {
	left: 150px;
}
#SubNav ul a {
	white-space: nowrap;
}
#SubMenu {
	font-size: medium;
	margin-bottom: 10px;
	margin-top: 0px;
	float: left;
	list-style-type: none;
}
#SubNav ul li {
	float: left;
	padding-top: 1px;
	list-style-type: none;
}
#subNav {
	position: relative;
	left: -32px;
}
#SubMenuTN {
	background-image: url(images/Bkgrd-SubMenu.jpg);
	position: absolute;
	height: 460px;
	width: 200px;
	top: 20px;
	left: 20px;
}
#SubContainerGAL {

	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 460px;
	width: 565px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1em;
	vertical-align: bottom;
}
/* CSS Document */