/* Global Styles */

body {
	margin:0px;
	}
	
td {
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	background-color: #961466;
	}
	
a {
	color: #FFFFFF;
	}
	
a:hover {
	color: #FFFFFF;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #FFFFFF
	}

#navigation a {
	color: #FFFFFF;
	line-height:normal;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 8px 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	}
	
#navigation a:hover {
	color: #FFFFFF;
	font-weight:bold;
	background-color: #FF99FF;
	}
	
#navheader {
	font:24px georgia;
	color: #1F2669;
	letter-spacing:.4em;
	padding:10px;
	line-height:30px;
	}
	
#logo 	{
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.5em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:0.2em;
	line-height:inherit;
	}
	
#monthformat td {
	 border-bottom: 1px solid #FFFFFF;
	 }
	 
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.4em;
	}
	
#dateformat a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#dateformat a:hover {
	color: #FFFFFF;
	}

/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:22px;
	margin-top:0px;
	letter-spacing:0.1em;
	vertical-align: middle;
	border: 5;
	}
	
.pageName{
	font:18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:24px;
	letter-spacing:.3em;
	}
	
.columnHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.05em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.1em;
	}

.smallText {
	font:10px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
.navText {
	color: #1F2669;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed 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: 370px;
left: 39px; /*position where enlarged image should offset horizontally */

}

.thumbnail2{
position: variable;
z-index: 0;
}

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

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 260px;
left: 39px; /*position where enlarged image should offset horizontally */

}


</style>