body {
background-color: #FFFFD7;
color: #5C3317;
font-family: verdana, "comic sans ms", sans-serif;
font-size: small;
margin-top : 1em; margin-right: 1em; margin-left: 0.5em; }

p	{text-align: justify}
h2	{line-height: 100%; background-color: #5C3317; color: #FFFFD7; margin-left:4.3em; }
h3	{text-decoration: underline; text-align: center; line-height: 200%}
h4	{text-decoration: underline; line-height:50%}
h5	{font-weight: 300; text-align: justify}
h6	{font-weight: 100; text-align: justify}
table	{font-size:small; }

div.greyout, span.greyout, tr.greyout	{color: silver; }

img.right	{float: right; margin: 10px 0px 10px 10px; border-style: solid; border-width:thin; }
img.left	{float: left;   margin: 10px 10px 10px 0px; border-style: solid; border-width:thin; }

table.lines		{border: 2px; border-style: solid; border-color:#5C3317; border-collapse: collapse; }
table.lines th	{border: 2px; border-style: solid; border-color:#5C3317;}
table.lines td	{border: 1px; border-style: solid; border-color:#5C3317;}

#header h2 { 
	position: relative; 
	line-height: 150%; 
	text-align:center; 
	font-size:250%; 
	font-family: "comic sans ms", verdana, sans-serif; 
	}

#content { 
	position: relative; 
	top:-0em; 
	}

#nav, #nav ul { /* all lists */
	position: absolute; top:6.5em;
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
}

@media print{
#nav, #nav ul
{visibility:hidden } 
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2.5em;
	margin-bottom : -1px;
	width: 11em;
	list-style-type: none;
	}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10.1em;
	margin-top : -6.5em;
	}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}

#nav li a {
	width: 9em;
	display : block;
	color : #5C3317;
	font-weight : bold;
	text-decoration : none;
	background-color : #FFFFD7;
	border : 1px solid #5C3317;
	padding : 0 0.5em;
	background-color:#FFFFAA;
	}
	
#nav li a:hover {
	color : #FFFFD7;
	background-color : #5C3317;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
	
@media screen{
#content {
	margin-left: 11em; 
	}
}

.birdlink {
position: relative;
z-index: 0;
cursor:default;
outline: none;
}

.birdlink:hover {
z-index: 5;
text-decoration: none;
}

.birdlink span { /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFD7;
padding: 5px;
left: -1000px;
border: 1px solid #5C3317;
visibility: hidden;
color: #5C3317;
text-decoration: none;
text-align: center;
}

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

.birdlink:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 2.5em;
left: -10px; /*position where enlarged image should offset horizontally */
}

<!--[if IE]>
<style type="text/css">
.birdlink:hover span { /*CSS for enlarged image*/
position:absolute;
<![endif]-->