﻿#cssmenu
{
	height:35px;
	display:block;
	padding:0;
	margin:0;
} 
#cssmenu > ul 
{
    list-style:inside none; 
    padding:0; 
    margin:0;
} 
#cssmenu > ul > li 
{
	list-style:inside none;
	padding:0;
	margin:0;
	float:left;
	display:block;
	position:relative;
	top: 0px;
	left: 0px;
	height: 35px;
    } 
#cssmenu > ul > li > a
{
	outline:none;
	display:block;
	position:relative;
	font:13px/100% Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
} 
#cssmenu > ul > li:first-child > a
{
    
} 
#cssmenu > ul > li > a:after
{ 
    content:''; 
    position:absolute; 
    top:0px; 
    bottom:0px; 
    right:-2px; 
    z-index:99; 
} 
#cssmenu ul li.has-sub:hover > a:after
{
    top:0; 
    bottom:0;
} 
#cssmenu > ul > li.has-sub > a:before
{ 
    content:''; 
    position:absolute; 
    top:18px; 
    right:0px; 
    border:5px solid transparent; 
    border-top:5px solid #fff; 
} 
#cssmenu > ul > li.has-sub:hover > a:before
{
    top:19px;
} 
#cssmenu ul li.has-sub:hover > a
{
	padding-bottom: 13px;
	padding-top: 13px;
	top: 0px;
	z-index: 999;
	opacity: .9;
} 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div
{
    display:block;
} 
#cssmenu ul li.has-sub > a:hover
{
    opacity:.8;
	
}
#cssmenu ul li > ul, #cssmenu ul li > div
{ 
    display:none; 
    width:auto; 
    position:absolute; 
    top:38px; 
    padding:10px 0; 
    background:#333333; 
    border-radius:0 0 5px 5px; 
    z-index:999;
    opacity:.95;
} 
#cssmenu ul li > ul
{
    width:170px;
} 
#cssmenu ul li > ul li
{
    display:block; 
    list-style:inside none; 
    padding:0; 
    margin:0; 
    position:relative;

} 
#cssmenu ul li > ul li a
{ 
    outline:none; 
    display:block; 
    position:relative; 
    margin:0; 
    padding:8px 20px; 
    font:10pt Arial, Helvetica, sans-serif; 
    color:#fff; 
    text-decoration:none;
} 
#cssmenu, #cssmenu > ul > li > ul > li a:hover
{ 
    
    background:#3c3c3b;
	color:#ccc;
} 
#cssmenu{} 
#cssmenu > ul > li > a
{ 
    color: #fff;
    top: 0px;
    left: 0px;
}
#cssmenu > ul > li > a:hover
{ 
    color: #ccc;
    top: 0px;
    left: 0px;
} 
#cssmenu > ul > li > a:after{} 
#cssmenu > ul > li > a:hover{}

#active { 
    color: #ccc;
	background-color:#333;
} 
