/* common styling */

.menu {
	width : 106px;
	height : 170px;
	position : relative;
	margin : 0;
	font: 13px verdana, sans-serif;
	margin-top : 20px;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 45px;
}
.menu ul li a, .menu ul li a:visited {
display : block;
text-decoration : none;
color : #83a6d7;
width : 104px;
height : 20px;
text-align : left;
background : #ffffff;
line-height : 19px;
font-size : 13px;
}
.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 : #ff9900;
background : #ffffff;
}

.menu ul li:hover ul {
display : block;
position : absolute;
top : 0;
left : 105px;
width : 105px;
}
.menu ul li:hover ul li a.hide {
background : #eef2f8;
color : #6e99d6;
}
.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;
	background : #eef2f8;
	color : #7b96cc;
	width : 190px;
	font-size : 13px;
}
.menu ul li:hover ul li a:hover {
background : #ffffff;
color : #ff9900;
}
.menu ul li:hover ul li:hover ul {
display : block;
position : absolute;
left : 200px;
top : 0;
width : 105px;
color : #000000;
}
.menu ul li:hover ul li:hover ul li a {
display : block;
width : 200px;
background : #dfc184;
color : #000000;
}
.menu ul li:hover ul li:hover ul li a:hover {
background : #bd8d5e;
color : #ffffff;
}