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

#nav {
	clear: both;
	margin-top: 2px;
}
#nav, #nav ul {
	list-style:none;
	padding:0;
	width:236px;
}
#nav ul {
    position:relative;
    z-index:-1;
}
#nav li {
	position: relative;
	z-index: 99;
}
#nav ul li {
    margin-top:-23px;

    -moz-transition:  0.4s linear 0.4s;
    -ms-transition: 0.4s linear 0.4s;
    -o-transition: 0.4s linear 0.4s;
    -webkit-transition: 0.4s linear 0.4s;
    transition: 0.4s linear 0.4s;
}
#nav li a {
	background-color:#d4d5d8;
	color:#2D2D2F;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	outline:0;
	padding-left:15px;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
}
#nav li a.sub {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#nav li a + img {
	cursor:pointer;
	display:none;
	height:28px;
	left:0;
	position:absolute;
	top:0;
	width:236px;
}
#nav li a img {
	border-width:0px;
	height:24px;
	line-height:28px;
	margin-right:8px;
	vertical-align:middle;
	width:24px;
}
#nav li a:hover {
    background-color:#bcbdc1;
}
#nav ul li a {
	background-color:#eee;
	border-bottom:1px solid #ccc;
	color:#2D2D2F;
	font-size:11px;
	line-height:22px;
	font-family: Tahoma, Geneva, sans-serif;
}
#nav ul li a:hover {
    background-color:#ddd;
    color:#444;
}
#nav ul li a img {
	border-width:0px;
	height:16px;
	line-height:22px;
	margin-right:5px;
	vertical-align:middle;
	width:16px;
}
#nav ul li:nth-child(odd) a img {
    
}
#nav a.sub:focus {
    background:#bcbdc1;
    outline:0;
}
#nav a:focus ~ ul li {
    margin-top:0;

    -moz-transition:  0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linears;
    -webkit-transition: 0.4s linears;
    transition: 0.4s linear;
}
#nav a:focus + img, #nav a:active + img {
    display:block;
}
#nav a.sub:active {
    background:#bcbdc1;
    outline:0;
}
#nav a:active ~ ul li {
    margin-top:0;
}
#nav ul:hover {
    display:block;
}