#body {
	position: absolute;
	visibility: visible;
	z-index: auto;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-image: url(Images/Graphics/blackgradientbackground.jpg);
	background-repeat: repeat-x;
	background-color: #041324;
	padding-top: 0px;
	background-attachment: scroll;
}
body {
	background-color: #041324;
}
.logoheadernav {
	background-image: url(Images/Graphics/logonav/nav_background.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.navbackground {
	background-position: 0px 0px;
	background-color: #003366;
	background-image: url(Images/Graphics/nav/nav_top.gif);
	background-repeat: no-repeat;
}
.graynavbackground {
	background-image: url(Images/Graphics/nav/graynavbackground.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
table.media {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC;
	border-collapse: collapse;
}
table.media th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.media td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;
}
fieldset {
	border:#CCCCCC solid 1px
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid #CCCCCC;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

