/* choose a suitable font and center the #TheGallery div in Internet Explorer */
ul {
	padding: 0;
	}
body {
	text-align:center;
	font-family: tahoma;
	arial, sans-serif; 
	font-size:76%;
	letter-spacing:0.05em;
	background-image: url(images/bg-image.gif);
	color: #FFFFFF;
   }
/* The containing box for the gallery. */
#TheGallery {
	position:relative;
	width:800px;
	height:525px;
	margin:10px auto 0 auto;
	background-image: url(images/Bkgrd-SubContainer.jpg);
	top: 7px;
	right: -4px;
    }
/* 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:30px;
	left:20px;
	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;
    }
/* 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:500px; 
    top:20px; 
    left:255px; 
    color:#FFFFFF; 
        }

#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: 575px;
	width: 825px;
	border: 2px solid #333333;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/BGRD-Main.png);
	color: #FFFFFF;
}
#Rivet {
	position: absolute;
	left: 750px;
	top: 0px;
}
#SubMenu {
	background-image: url(images/Bkgrd-SubMenu.jpg);
	position: absolute;
	height: 525px;
	width: 150px;
	top: 20px;
	z-index: 5;
	left: 10px;
}
#SubContainer {
	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 525px;
	width: 625px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1em;
	vertical-align: bottom;
	z-index: 4;
}
#SubAboutText {
	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 525px;
	width: 625px;
	top: 20px;
	right: 17px;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 4;
}
#SubNav li {
	text-decoration: none;
	color: #FF0000;
	float: right;
	background-image: url(images/BGRD-Left.png);
	padding: 5px;
	white-space: nowrap;
	margin-bottom: 10px;
	width: 140px;
	font-size: 12px;
}
#SubMenu ul {
	text-decoration: none;
	list-style-type: none;
	text-align: left;
}
#SubNav a {
	color: #FFFFCC;
	text-decoration: none;
	white-space: nowrap;
	width: 200px;
	}
#SubNav a:hover {
	color: #FFCC99;
	background-image: url(images/BGRD-Main.png);
	white-space: nowrap;
	width: 200px;
	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: 140px;
	padding: 5px;
}
#SubNav ul a {
	white-space: nowrap;
	padding: 5px;
}
#SubMenu {
	font-size: medium;
	margin-bottom: 10px;
	margin-top: 0px;
	float: left;
	list-style-type: none;
}
#SubNav ul li {
	float: right;
	padding-top: 1px;
	list-style-type: none;
}
#subNav {
	position: relative;
	left: 0px;
}
#SubMenuTN {
	background-image: url(images/Bkgrd-SubMenu.jpg);
	position: absolute;
	height: 525px;
	width: 200px;
	top: 20px;
	left: 20px;
}
#SubContainerGAL {
	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 525px;
	width: 565px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1em;
	vertical-align: bottom;
}
#SubAboutText a {
	color: #FFFFFF;
	z-index: 6;
	font-weight: bold;
}
#LinkSubContainer {

	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 525px;
	width: 625px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	text-align: left;
	letter-spacing: normal;
	vertical-align: bottom;
	z-index: 4;
}
#LinkSubContainer a {
	background-image: url(images/Bkgrd-SubContainer.jpg);
	color: #FFFFFF;
	z-index: 4;
	font-weight: bold;
}
#SubAboutText td {
	color: #FFFFFF;
	overflow: hidden;
	font-size: x-small;
}
#SubAboutTrain {

	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 525px;
	width: 625px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 4;
}
#SubContainerTrain {

	background-image: url(images/Bkgrd-SubContainer.jpg);
	position: absolute;
	height: 525px;
	width: 625px;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	z-index: 4;
}
#SubMenuTrain {
	background-image: url(images/Bkgrd-SubMenu.jpg);
	position: absolute;
	height: 525px;
	width: 150px;
	top: 20px;
	z-index: 5;
	left: 10px;
	font-size: x-small;
	margin-bottom: 10px;
	margin-top: 0px;
	float: left;
	list-style-type: none;
	color: #FFFFFF;
}