.dropmenu{
	position:absolute;
	margin:0;
	padding:0;
	width:300px;
	height:40px;
	left:0px;
}


#accordion{
	list-style:none;
	left:0px;
	width:300px;
	height:40px;
	font-size:16px;
	line-height:40px;	
 	background-color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0; 
	text-align:left;
}

#accordion > li{
	margin:0 0 0 0;
	padding:0 0 0 0; 
	padding-right:20px;
	color:#FFFFFF;		
}

#accordion li a{
	display:block;
	position:relative;
	margin:0 0 0 0;	
	padding-top:14px; 
	padding-bottom:10px;		 
	padding-left:20px;
	border-bottom:1px #FFFFFF dotted;
	border-left:20px #000000 solid;
}

#accordion li a:hover{
	color:#FF9393;
}

.arrow{
	position:absolute;
	top:50%;
	right:30px;
	width:30px;
	height:20px;
	line-height:40px;	
	color:#e1f1f6;
	padding:0;		
}

.arrow:before{
	content:"▶";
	line-height:50%;
	right:30px;
	width:30px;
	height:20px;
	padding:0;				
}

#accordion li > a:hover .arrow{
	color:#FF9393;
	right:30px;
	width:30px;
	height:20px;
	padding:0;			
}

.rotate {
	color:#FF9393;
	right:30px;
	width:30px;
	height:20px;
	padding:0;	
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#accordion li ul {
	list-style:none;
	background:#e1f1f6;
	margin:0;
	padding:0;
	border-bottom: 1px solid #a0d2e2;
	color:#006666;	
}

#accordion li ul li a{
	position:relative;
	background:none;
	line-height:1;
	padding-top:14px; 
	padding-bottom:10px;		 
	padding-left:20px;		
	border-bottom: 1px solid #a0d2e2;
	color:#006666;		
}

#accordion li ul li a:before {
	position: absolute;
	top: 50%;
	font:16px/100% 'Typicons';
	color: #2f7f99;
}

#accordion li ul li:last-child a{
	border-bottom: 1px solid #5fb3ce;
}

#accordion li ul li a:hover{
	background: #d4ebf2;
	color:#FF3939;


}
}