BODY {font-family:"Arial","Helvetica","Times";line-height:1.4}
FONT {font-family:"Arial","Helvetica","Times"}
P {font-size:10pt;font-family:"Arial","Helvetica","Times";line-height:1.4}
TD {font-size:10pt;font-family:"Arial","Helvetica","Times";line-height:1.4}
LI {font-size:10pt;font-family:"Arial","Helvetica","Times";line-height:1.4}
A:link {color:#0080FF;text-decoration:none}
A:visited {color:#0080FF;text-decoration:none}
A:hover {color:navy;text-decoration:underline}
A:active {color:black;text-decoration:none} 
h1 { font-size: 26pt; font-weight: bold; text-align: left; display:inline; font-family:"Impact"; color:#800040 } 

IMG.shadow {
  box-shadow: 5px -5px 5px lightgray; 
}

#wrapper {
	background-color: #fff;
	/* background: #ccc url(faux_column.gif) repeat-y top left; */
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	}

#header {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 90px;
	width: 100%;
	z-index: 5;
	}

#nav {
	background-color: #fff;
	position: fixed;
	/* float: left; */
	top: 90px;
	left: 0;
	overflow: hidden;
	width: 120px;
	margin-top: 10px;
	margin-left: 10px;
	}

#content {
	background-color: #fff;
	margin-top: 10px;
	margin-left: 150px;
	}

.clear {
	clear: both;
	}

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 5px 10px 5px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -100px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -400px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}