@charset "utf-8";
/* CSS Document */

body {
		font-family: "trebuchet MS";
}

/********** header **********/

#HeaderShell {
		width: 700px;
		height: 80px;
		border-bottom: solid 1px #CCCCCC;
}

#HeaderLeft {
		float: left;
		border: 0;
}

#HeaderRight {
		float: right;
}

/********** main content **********/

#OuterBorderShell {
		margin: 0px auto;
		width: 725px;
		height: 475px;
		padding: 10px;
		background-image: url(images/OuterBorder.jpg);
		background-repeat: no-repeat;
		margin: 8% auto;
		position:relative;
}

#OuterShell {
		width: 700px;
		height: 450px;
		border: solid 1px #FFFFFF;
		background-color: #FFFFFF;
}

#ContentShell {
		background-image: url(images/Content.jpg);
		background-repeat: no-repeat;
		width: 700px;
		height: 369px;
}

#ContentShell2 {
		background-image: url(images/Content2.jpg);
		background-repeat: no-repeat;
		width: 700px;
		height: 369px;
}

#DownloadText {
		float: right;
		margin: 20px;
		width: 500px;
}

#DownloadText h1 {
		color: #006699;
		font-weight: 400;
}

#DownloadText p {
		color: #006699;
		font-size: 12px;
		padding-right: 40px;
		padding-left: 40px;
}

#ContentText {
		width: 700px;
		height: 300px;
		float: right;
		margin: 20px;
}

#ContentText h1 {
		color: #999999;
		font-weight: 400;
}

#ContentText h2 {
		font-size: 19px;
		color: #666666;
		padding-left: 150px;
}

/********** ul **********/

ul li {
		list-style: none;
		font-size: 20px;
		text-decoration: none;
}


ul li span {
		font-size: 10px;
		color: #000000;
}

a:link {
		color: #006699;;
		text-decoration: none;
}
a:visited {
		color: #006699;;
		text-decoration: none;
}
a:hover {
		color: #000000;
		text-decoration: none;
}
a:active {
		color: #006699;;
		text-decoration: none;
}

/********** image gallery **********/

.ImageGallery{
		position: relative;
		height: 278px;
		width: 500px;
		margin: auto;
		margin-top: 10px;
		padding-right: 0px;
		padding-left: 150px;
		float: right;
}

.images img {
		border: solid 1px #CCCCCC;
}

.images:hover{
		background-color: transparent;
}

.images span{
		position: absolute;
		padding: 5px;
		visibility: hidden;
		color: black;
		text-decoration: none;
		background-color: #F3F3F3;
}

.images:hover span{
		visibility: visible;
		top: 0px;
		left: 0px;
		z-index: 50;
		width: 160px;
		height: 250px;
		border: solid 1px #000000;
		float:left;
		margin: 10px;
}