@charset "UTF-8";
/* CSS Document */

#menu {
width:245px;
 min-height:400px; 
 margin:0;
float: left;
 position:relative;
 }
 
 #menu img{
 margin-top:260px;
 }

#menu ul {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap; 
text-align:left; 
padding:1px 1px 0 1px;
background: white;
}

#menu li {
margin:0; 
padding:0; 
list-style:none;
}

#menu li {
display:inline-block; 
display:inline;
}

#menu ul {
position:absolute; 
left:-9999px;
}

#menu ul.level1 {
	position:absolute;
	left:0px;
	top:0px;
}

#menu a {
display:block; 
font:bold 12px verdana,arial,sans-serif; 
color:#DCECF2; 
line-height:40px; 
text-decoration:none;
padding:0 20px 0 10px; 
width: 213px;
background: black;
border-bottom: 1px solid white;
} 

#menu ul li:hover > ul {
visibility:visible; 
left:100%; 
margin-top:-24px; 
margin-left:-1px;
}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
left:100%; 
visibility:visible;
}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
left:-9999px;
}

#menu li a:hover {
background: url(../../images/mainlinkhover.png) no-repeat;
} 

#menu li:hover > a {
background: url(../../images/mainlinkhover.png) no-repeat;
}

#menu li a.fly {
background: url(../../images/fly.png) no-repeat;
}

#menu li a.fly:hover {
background: url(../../images/flyhover.png) no-repeat;
} 

#menu li:hover > a.fly {
background: url(../../images/flyhover.png) no-repeat;
}

#menu table {
position:absolute; 
left:99%; 
height:0; 
width:0; 
border-collapse:collapse; 
margin-top:-7px; 
margin-left:-1px;
}