body {
	font-family: arial, helvetica, serif;
}

.suckerdiv ul { margin: 0; padding: 0; list-style-type: none; }
.suckerdiv ul li { position: relative; float:left; display:block; width:150px; background:white; }
.suckerdiv ul li ul { position: absolute; width: 160px; padding-top:1px; display: none; }
.suckerdiv ul li ul li ul{ left: 149px; top:0; padding-top:0; padding-left:1px; }
.suckerdiv ul li a { display: block; color: black; text-decoration: none; background: #fff; padding: 1px 5px; border: 1px solid #ccc; margin-right:1px; }
.suckerdiv ul li ul li a { margin-bottom:1px; }
.suckerdiv ul li a:visited { color: black; }
.suckerdiv ul li a:hover { background-color: yellow; }
.suckerdiv .subfolderstyle { background: url(arrow-list.gif) no-repeat center right; }
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.25em;
	border: 1px solid black;
}

#nav a {
	display: block;
	width: 11.95em;
	/* min-height: 1em; */
	border: 1px solid gray;
	border-right: 2px solid gray;
	background: #3366FF;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	/* padding-left: 2em; */
}

#nav li { /* all list items */
	float: left;
	width: 11.95em; /* width needed or else Opera goes nuts */
	border: 1px solid gray;
	border-right: 1px solid gray;
/*	border: 1px solid gray; */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 11.95em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid gray;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
}