@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #CC0000; 
}
#cssmenu{
	height:37px;
	display:block;
	padding:0;
	margin:20px auto;
	border:1px solid;
	border-radius:10px;
	background-color: #660000;
} 
#cssmenu > ul {
	list-style:inside none;
	padding:0;
	margin:0;
	background-color: #000000; /* background color  black of the menu on the right */
 
} 
#cssmenu:after,
#cssmenu ul:after {
	content: '';
	display: block;
	clear: both;
	background-color: #660000;
}
#cssmenu > ul > li {
list-style:inside none; 
padding:0; 
margin:0; 
float:left; 
display:block; 
position:relative;
} 
#cssmenu > ul > li > a{ 
outline:none; 
display:block; 
position:relative; 
padding:12px 20px; 
font:bold 13px/100% Arial, Helvetica, sans-serif; 
text-align:center; 
text-decoration:none; 
text-shadow:1px 1px 0 rgba(0,0,0, 0.4); 
} 
#cssmenu > ul > li:first-child > a{
border-radius:5px 0 0 5px;
} 
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 0 0;
}
#cssmenu > ul > li > a:after{ 
content:''; position:absolute; 
border-right:1px solid; 
top:-1px; 
bottom:-1px; 
right:-2px; 
z-index:99; 

} 
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #CC0000;
  border-bottom: 1px dotted #aad06d;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
	background: #528009;     
	background-color: #333333;  /* Hover color gray of the sub menu */
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li {
		background: #CC0000;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #CC0000;
  border-bottom: 1px dotted #333333;
  /* background-color: #333333;   Hover color gray of the sub menu */
}
#cssmenu .has-sub .has-sub ul li a:hover {
	background-color: #333333;
}

#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:6px; 
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{
	background:##333333;
	border-color:#000000;
	padding-bottom:13px;
	padding-top:13px;
	top:-1px;
	z-index:999;
} 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
} 
#cssmenu ul li.has-sub > a:hover{
	border-color:##CC0000;
	background-color: #000000;
} 
#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; 
} 
#cssmenu ul li > ul{
width:200px;
} 
#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; 
text-shadow:1px 1px 0 rgba(0,0,0, 0.5); 
} 
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ 
background:#CC0000; 
background:-moz-linear-gradient(top,  #CC0000 0%, #CC0000 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(100%,#CC0000)); 
background:-webkit-linear-gradient(top,  #CC0000 0%,#CC0000 100%); background:-o-linear-gradient(top,  #CC0000 0%,#CC0000 100%); background:-ms-linear-gradient(top,  #CC0000 0%,#CC0000 100%); 
background:linear-gradient(top,  #CC0000 0%,#CC0000 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC0000', endColorstr='#CC0000',GradientType=0 ); 
} 
#cssmenu{
	border-color:#CC0000;
	background-color: #990000;
} 
#cssmenu > ul > li > a{
border-right:1px solid #39540d; 
color:#fff; /* text color white of the MENU */
} 
#cssmenu > ul > li > a:after{
border-color:#000000;
} 
#cssmenu > ul > li > a:hover{
background:#CC0000;
} 
#cssmenu #active
{
float: right;
margin-right: 10px;
}