/* common styling */
.menu {font-family: trebuchet ms, verdana, arial, tahoma; width:100px; position:relative; margin:0;  margin:50px 0;float:left;background:#fafafa;font-size:12px;}


.menu ul li a, .menu ul li a:visited {
font-weight:bold;
display:block;
text-decoration:none;
color:#336699;
width:110px;
background:#fafafa;
text-align:center;
border-width:1px 1px 0 0; 
line-height:19px; font-size:1em;
background: url('menu.png') center repeat;
border-left: 4px solid #336699;
padding: 1px 0 1px 0px;
}


.menu ul li.active a {
font-weight:bold;
display:block;
text-decoration:none;
color:#505050;
width:110px;
background:#fafafa;
text-align:center;
border-width:1px 1px 0 0; 
line-height:19px; font-size:1em;
background: url('menu-active.png')  center repeat;
border-left: 4px solid #660000;
}
	   
.menu ul {padding:0; margin:0;list-style-type: none; background:#fafafa;}

.menu ul li {float:left; margin-right:1px; position:relative;padding: 1px 0 1px 0px;background:#fafafa;}

.menu ul li ul {display: none;}

/* specific to non IE browsers only hover */
.menu ul li:hover a {
	background: url('menu-hover.png') top center repeat-x;
	color: #336699;
	border-left: 4px solid #336699;padding: 1px 0 1px 0px;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:216px; width:105px;}

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: url('menu.png') top center repeat-x;
	border-left: 4px solid #336699; color:#336699; width:400px; padding: 1px 0 1px 0px;}
.menu ul li:hover ul li a:hover {background: url('menu-hover.png') top center repeat-x;
	border-left: 4px solid #336699;padding: 1px 0 1px 0px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#336699;}

.menu ul li:hover ul li:hover ul li a {display:block; width:400px; background: url('menu-hover.png') top center repeat-x;
	color: #336699;
	border-left: 4px solid #336699; color:#336699;}
	
.menu ul li:hover ul li:hover ul li a:hover {background: url('menu-hover.png') top center repeat-x;
	color: #336699;
	border-left: 4px solid #336699; color:#fff;padding: 1px 0 1px 0px;}
