*{
    margin:0;
    padding:0;
}

body {
	behavior: url("csshover3-source.htc");
	background-image:url('images/background.jpg')
}

#menu {
	position: absolute;
    width: 100%;
}

.menu2 {
	margin-right: -3px;
}

.menu ol li {
	font-family: arial;
	text-align: center;
	list-style-type: none;
	border-bottom: 1px black solid;
	border-left: 1px coral solid;
	height: 17px;
}

.menu1 li, .menu2 li, .filler1 {
	font-size: 14px;
   	letter-spacing: 5px;
	font-variant: small-caps;
}

.filler2 { 
	font-size: 11px;
	letter-spacing: 10px;		
}

.menu a {
	text-decoration: none;
	color: black;
	width: 100%;
	
}

.menu ol {
	background-color: coral;
	opacity: .6;
    filter: alpha(opacity=60);
	zoom: 1;
}
	
.menu1, .menu2 {
    float: left;
    width: 12em;
}

.hiddenmenu, .filler2 {
    display: none;
}

.menu ol:hover {
	background-color: coral;
    border-right: 1px black solid;
	border-left: 1px black solid;
	opacity: 1;
	filter: alpha(opacity=100);
}

.filler2 {
	font-style: italic;
	text-variant: none;
}

.menu ol:hover .hiddenmenu, .menu ol:hover .filler2 {
	display: block;
} 

.menu ol:hover .filler1 {
	display: none;
}