/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.container4 {
text-align:center center; background:#eee url(menu4.gif); border:1px solid #909; border-width:5px 1px 1px 1px; height:30px;
margin:0 0 20px 0; /* for this demo only */
color:#fff;
}
.menu4 {
text-align:center center; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:transparent;  margin:0 auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;text-align:center center;
}
.menu4 ul li {
float:left; position:relative;
}

.menu4 ul li a, .menu4 ul li a:visited {
	display:block; 
	text-decoration:none; 
	height:26px; 
	line-height:26px;
	list-style-type:none;
	height:100%;
	text-align:center;
	width:100px;

}
.menu4 ul li a, .menu4 ul li a:visited {
	color:#fff;
	font-weight:bold;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:130px; w\idth:70px; min-width:120px;
color:#fff ;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; margin-top:3px;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover, {
text-decoration:none;
border:0;
background-image:url(/images/trans.png);
text-align:center;

font-weight:bold;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
text-align:center center;
visibility:visible; 
height:auto; 
position:absolute; 
top:25px; 
background-image:url(../images/trans.png);
border:1px solid lightblue; 
overflow:visible;
color:#4ED2D6;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; 
color:#fff;
text-decoration:none; 
color:#000;
height:auto; 
line-height:1.5em;
padding:5px; 
width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:lightblue; 
text-decoration:none;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	top:0; 
	color:#fff;
	font-weight:bold;
	left:166px; 
	height:auto; 
	border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#fff; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#fff; text-decoration:underline;
}