/* common styling */
.menu {
font-family:Segoe UI, arial, helvetica, verdana, sans-serif;
font-style:normal;
font-size:16px;
text-align:left;
text-decoration:none;
color: #fff;
/*width:198px;*/
padding:40px 5px 5px 5px;
margin:0 5px 20px 5px;
height:300px;
position:relative;
background-image:url("../images/menu.png");
background-repeat:no-repeat;
}

.menu ul li a, .menu ul li a:visited {
display:block;
width:200px;
height:45px;
line-height:20px;
color:#fff;
border:none;
outline:none;
}

.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:#000;
/*background:#fff;*/
}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:121px; width:100px;}
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {
display:block; 
color:#000;
width:100px;
}

.menu ul li:hover ul li a:hover {
background:#dfc184;
color:#000;
}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:100px; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {color:#fff;}