body 
{
	behavior:url(includes/csshover.htc);
	font-family: Verdana, Geneva, Helvetica, sans-serif;	
	font-size: 11px;
}

#topbanner 
{
	position:relative;  /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 200px 0px 170px;
	background-color:white;
	padding:0px;
	z-index:3;  /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

#topLinks 
{
	position:relative;  /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 200px 0px 170px;
	background-color:white;
	padding:0px;
	z-index:3; 
}

#navAlpha {
	position:absolute;
	width:150px;
	top:90px;
	left:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:3px;
	padding-left:6px;
	z-index:4;
/* The ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* "be nice to Opera 5". */
body>#navAlpha {width:150px;}

#navGamma {
	position:absolute;
	width:150px;
	top:255px;
	left:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:3px;
	padding-left:6px;
	z-index:2;
/* The ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* "be nice to Opera 5". */
body>#navGamma {width:150px;}

#navPhi {
	position:absolute;
	width:150px;
	top:360px;
	left:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:3px;
	padding-left:6px;
	z-index:6;
/* The ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* "be nice to Opera 5". */
body>#navPhi {width:150px;}		

#navBeta {
	position:absolute;
	width:180px;
	top:90px;
	right:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:6px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:180px;}

#navDelta {
	position:absolute;
	width:180px;
	top:180px;
	right:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:6px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* Again, "be nice to Opera 5". */
body>#navDelta {width:180px;}

#navOmega {
	position:absolute;
	width:180px;
	top:287px;
	right:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:6px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* Again, "be nice to Opera 5". */
body>#navOmega {width:180px;}

#navPlato {
	position:absolute;
	width:180px;
	top:397px;
	right:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:6px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* Again, "be nice to Opera 5". */
body>#navPlato {width:180px;}

#navSocrates {
	position:absolute;
	width:180px;
	top:475px;
	right:10px;
	border:1px solid #aaa;
	background-color:#ccc;
	padding:6px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* Again, "be nice to Opera 5". */
body>#navSocrates {width:180px;}

/*---------------------div#nav with the main menu-------*/
div#nav 
{
	float:left;
	width:128px;
	background:#fdd;
}

div#nav ul
{
	margin:0;
	padding:0;
	width:128px;
	background:white;
    border:1px solid;
    voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
}

div#nav li
{
	position:relative;
	list-style:none;
	margin:0;
    border-bottom:1px solid #aaa;
	/*z-index:10;*/
}

div#nav li:hover
{
	background:#ebb;
}

div#nav li:hover.submenu
{
	background:url(images/bullet.gif) 95% 50% no-repeat;
}

div#nav li.submenu 
{
	background: url(images/bullet.gif) 95% 50% no-repeat;
}

div#nav li.submenu:hover 
{
	background-color:#edd;
}

div#nav li a
{
	display:block;
	border:0;
	padding:2px 0 2px 3px;
	text-decoration:none;
	width:100%;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:124px;
}

/*-------IE hack to unset width for other browsers-------*/
div#nav>ul a 
{
	width:auto;
}

div#nav ul ul
{
	position:absolute;
	top:0;
	left:122px;
	display:none;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 
{
	display:block;
}

div#topbanner a
{
	text-decoration:none;
	color: #000;
}