/* common styling */
.dropmenu {
	top:0px;font-family: arial, sans-serif; width:850px; height:50px; position:absolute; font-size:11px; z-index:500;}
.dropmenu ul li a, .dropmenu ul li a:visited {
	display: block;
	padding: 14px 14px 12px 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/rednavbox.gif); 
	background-repeat: no-repeat; 
	background-position:0px;
	font-weight:bold;
	font-size: 14px;
	background-color:#036cb6;}
.dropmenu ul {padding:0; margin:0; list-style: none;}
.dropmenu ul li {float:left; position:relative;}
.dropmenu ul li ul {display: none;}

/* specific to non IE browsers */
.dropmenu ul li:hover a {color:#c7e1f6; background:#036cb6;
	background-image: url(images/rednavbox.gif); 
	background-repeat: no-repeat; 
	background-position:0px;}
.dropmenu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:130px;}
.dropmenu ul li:hover ul li a.hide {background:#036cb6; color:#fff;}
.dropmenu ul li:hover ul li:hover a.hide {background:#036cb6; color:#000;}
.dropmenu ul li:hover ul li ul {display: none;}
.dropmenu ul li:hover ul li a {display:block; background:#ddd; color:#FFFFFF;width:130px;
	border:1px solid #ccccce;
	background-color: #036cb6;
	background-image: none; 
	font-weight:normal;
	padding: 4px 5px 4px 5px;}
.dropmenu ul li:hover ul li a:hover {
	background-color: #c7e1f6;
	color: #036cb6;}
.dropmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.dropmenu ul li:hover ul li:hover ul.left {left:-105px;}