﻿@import url("layout.css");
body {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.8em;
}
h1
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1.0em;
	color: #898989;
}

h2
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1.0em;
	color: #898989;
	padding-left: 35px;
}


p
{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.8em;
	color: #396A71;
}

img
{
	border: 0px;
	vertical-align: middle;	
}

ul 
{
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration:none;
	font-size: 0.8em;
	color: #396A71;
	list-style: none;
	margin-top: -8px;
}

#container {
	width: 800px;
	
}
#leftColumn{
	position:  absolute;
	float: left;
	width: 261px;
	height: 768px;
	top: 0;
	left: 0;
}
#headerTop{
	position:  absolute;
	float: left;
	width: 740px;
	height: 116px;
	top: 0;
	left: 261px;
}

#headerNavOne{
	position:  absolute;
	float: left;
	width: 256px;
	height: 21px;
	top: 115px;
	left: 261px;
	cursor: pointer;	
}
#headerNavTwo{
	position:  absolute;
	float: left;
	width: 55px;
	height: 21px;
	top: 115px;
	left: 517px;
	cursor: pointer;
}
#headerNavThree{
	position:  absolute;
	float: left;
	width: 87px;
	height: 21px;
	top: 115px;
	left: 572px;
	cursor: pointer;
}
#headerNavFour{
	position:  absolute;
	float: left;
	width: 105px;
	height: 21px;
	top: 115px;
	left: 659px;
	cursor: pointer;
}
#headerNavFive{
	position:  absolute;
	float: left;
	width: 119px;
	height: 21px;
	top: 115px;
	left: 764px;
	cursor: pointer;
}
#headerNavSix{
	position:  absolute;
	float: left;
	width: 50px;
	height: 21px;
	top: 115px;
	left: 883px;
	cursor: pointer;
}
#headerNavSeven{
	position:  absolute;
	float: left;
	width: 63px;
	height: 21px;
	top: 115px;
	left: 933px;
	cursor: pointer;
}
#content{
	position:  absolute;
	background-image: url("../images/images_11.gif");
	background-repeat: no-repeat;
    padding-top: 50px;
	padding-left: 35px;
	float: left;
	width: 700px;
	height: 580px;
	top: 137px;
	left: 261px;
}

#sponsor
{
	position:  relative;
	float: inherit;
	width: inherit;
	top: 150px;

}

#centerAlign
{
   vertical-align: bottom;
   text-align: center;	
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position:  fixed;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
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: 150px;
left: 291px; /*position where enlarged image should offset horizontally */

}

.floatRight
{
	float:right;
	margin-right: 15px;
	padding-right: 15px;
	
}
