.menu{
    /* solve a Opera7/IE display bug */
	width: 100%;
   	margin:0;
   	margin-bottom:20px;
	padding:0;
    }
    
.menu span{
	display:none;
    }
    
.menu ul{
	margin:0;
	padding:0;
	position:absolute; /* important */
	width: 20%;
	z-index: 3;
    }
    
.menu li ul{
	visibility:hidden;
    }
            
.menu li ul{
	margin-left:18%; /* be careful */
	margin-top:-24px;
    }
    
.menu a {
	background : url(../images/menu3.gif) no-repeat;
	border: 1px #ccc solid;
	text-align:center;
	color:#ababab;
	font-weight : bold;
	display:block;
	width: 99%;
	text-decoration:none;
	margin:0;
	height:20px;
	padding:8px 0 3px 0; /* em units can creat little graphic bug in mozilla */
	white-space:nowrap;
	overflow : hidden;
	z-index: 3;
    }
    
.menu a:hover{
	background : url(../images/menu3.gif)  no-repeat 0 -32px;
	text-decoration : none;
	font-weight : bold;
	color : #283a50;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
	background: url(../images/menu3.gif)  no-repeat 0 -32px;
	text-decoration : none;
	font-weight : bold;
	z-index: 2;
	}

.menu span{
    /* hide some accessibility stuff */
	display:none;
    }
        
.menu li{
	width: 100%;
	display:block;    
	list-style:none;
	margin:0;
	padding:0;
    }
    
/* IE PC selector */
* html .menu li {
	display:inline; /* solve a IE PC list bug */
	float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
	background-color: #eee;
    }