.menu {
	width:1000px; 
	height: 32px;
	font-size:0.85em; 
	position:relative; 
	z-index:50;
	font-size:0.85em;
}

.menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1{
	float:left;
	width:85px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu1{
	float:left;
	width:95px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
.menu2{
	float:left;
	width:182px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu2{
	float:left;
	width:182px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
.menu3{
	float:left;
	width:126px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu3{
	float:left;
	width:126px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
.menu4{
	float:left;
	width:104px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu4{
	float:left;
	width:106px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
.menu5{
	float:left;
	width:94px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu5{
	float:left;
	width:104px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}


.menu6{
	float:left;
	width:197px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu6{
	float:left;
	width:199px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}

.menu7{
	float:left;
	width:85px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu7{
	float:left;
	width:75px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
.menu8{
	float:left;
	width:120px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu8{
	float:left;
	width:110px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}



.menu10 {
	float:left;
	width:110px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:0.95em; 
	font-weight: bold;
}
html>body .menu10 {
	float:left;
	width:100px;
	position:relative;
	border-right: 1px solid black;
	text-align: center;
	height:30px; 
	background:#ffffcc; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
/*	font-size:11px;*/
	font-weight: bold;
	font-size:0.95em; 
}



.menu li {float:left;position:relative;}
.menu1{border-left: 1px solid black;
}


/* 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;;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	background:#d4d8bd;
	border: .5px solid black;
	font-size: 12pt;
	visibility:hidden;
	position:absolute;
	height:0;text-align: left;
	top:29px;
	left:0; 
/*	width:90px; */
	border-top:1px solid #000;
	font-size:1.05em;
}
html>body .menu ul ul {
	background:#d4d8bd;
	border: .5px solid black;
	font-size: 10pt;
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0; 
/*	width:90px; */
	border-top:1px solid #000;
	font-size:1.15em; 
}

.menu a ,.menu a:visited {
	text-decoration: none;
	color: black;
	display:block;
	border-width:1px 0 1px 1px; 
	padding-left:3px; 	
	height:30px; 
	line-height:29px;
}
.menu ul ul li{
/*width: 120px;*/
border: 1px solid black;
}

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#d4d8bd; 
	color:#000; 
	height:auto; 
	line-height:2em; 
	padding:5px 10px; 
	width:200px;
	border-width:1px  1px 0 1px;font-weight: normal;
}
html>body .menu ul ul a, .menu ul ul a:visited {
	background:#d4d8bd; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:200px;
	border-width:1px  1px 0 1px;font-weight: normal;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}


/* 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; }


.specialindex
{
	padding:3px 6px;
	height:100px;

}
html>body .specialindex
{
	padding:3px 6px;
	min-height: 100px;
	height:auto;

}