/* common styling */
.drmain {
	width:270px;
	height:auto;
	color:#FFF;
	margin:0 auto;
	padding:10px 0!important;
	font-size:22px;
	letter-spacing:-0.05em;
	}
.drmain ul li a, .drmain ul li a:visited {
	font-weight:normal;
	text-decoration:none;
	width:210px;
	padding-left:50px;
	height:36px;
	line-height:36px;
	color:#FFF;
	display:block;
	border-bottom:1px dotted #FFF;
}

.drmain ul li {
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	background-color:#333;
	margin:2px auto;
	display:block;
	width:260px;
	padding:5px;
	height:36px;
	line-height:36px;
	border:1px outset #222;
	}
	
.drmain ul {padding:0; margin:0;list-style-type: none; }
.drmain ul li {float:left; margin-right:1px; position:relative;}
.drmain ul li ul {display: none;}

/* specific to non IE browsers */
.drmain ul li:hover a {
	color:#fff;
	background-color:#222;
}
.drmain ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.drmain ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.drmain ul li:hover ul li:hover a.hide {width:150px;}
.drmain ul li:hover ul li ul {display: none;}
.drmain ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.drmain ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.drmain ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.drmain ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.drmain ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


.drmain ul li.active a, .drmain ul li.active a:visited {
	background-image:url(images/png_elements/dr_icos2-06.png)!important;
	border-bottom:1px solid #F06;
	color:#333;
	padding-left:34px;
	width:226px;
	font-weight:bold;}	
	
.drmain ul li.active {
	color:#333;
	background-color:#FFF;}