body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 150%;
}
code {
	font-size: 140%;
}
a:link{color:blue;}
a:visited{color:blue;}
small {
	font-size: 75%;
	line-height: 100%;
}
.print-date{
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
.print{
	font-size: 100%;
}


.menu {width:100%;height:35px;position:relative;z-index:100;background:#F5F5F5;text-align:center;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
.menu li {float:left;width:120px;position:relative;}

/* TOP LEVEL links */
.menu a{
	font-size:100%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	display:block;
	background:#F5F5F5;
	color:#666666;
	width:114px;
	height:35px;
	border-right:1px dotted #000000;
	line-height:35px;
	padding:0 0 0 5px;
}

/* SECOND LEVEL links */
.menu ul ul a{
	font-weight: normal;
	background:#CCCCCC;
	color:#000000;
	height:auto;
	line-height:1em;
	padding:5px 5px;
	width:108px;
	border-left:1px dotted #000;
	border-right:1px dotted #000;
	border-bottom:1px dotted #000;}

/* hover */
.menu :hover > a{color:#F5F5F5; background:#666666;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:0; width:120px; width:120px;border-top:1px dotted #000;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}