/* ************************* BIO [^bio] ************************* */	

#headermenu a { color: #000000; text-decoration: none; font-weight: normal; }
#headermenu a:active { color: #ffffff; text-decoration: none; font-weight: normal; }
#headermenu a:hover { color: #ffffff; text-decoration: none; font-weight: normal; }


.menubar { width: 877px; background: #cccccc; }		
.menu {font-family: arial, sans-serif; margin:0; font-size:11px; font-weight: normal; width: 877px; background: #cccccc; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight: normal; color:#ffffff; height:20px; text-align:center; color:#ffffff; background:#cccccc; line-height:20px; font-size:11px; }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;} 
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background:#666666;}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:125px;}
.menu ul li:hover ul li a.hide {background:#000000; color:#000000;}
.menu ul li:hover ul li:hover a.hide {background:#999999; color:#000000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; width: 125px; background:#cccccc; color:#000000;}
.menu ul li:hover ul li a:hover {background:#666666; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:125px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-85px;}