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

#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {     width:978px; 
			   -moz-border-radius:5px;
               -webkit-border-radius:5px;
               -opera-border-radius:5px;
               -khtml-border-radius:5px;
			   border-radius:5px;
			   border:#ccc 1px solid;
			   -moz-box-shadow: 0 0 1px 1px #E7EBEF;
   			   -webkit-box-shadow: 0 0 1px 1px #E7EBEF;
               box-shadow: 0 0 1px 1px #E7EBEF;
			   background: #A5C8A8; /* Old browsers */
			   background: -moz-linear-gradient(top, #A5C8A8 0%, #A5C8A8 50%, #69A26A 51%, #69A26A 100%); /* FF3.6+ */
			   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A5C8A8), color-stop(50%,#A5C8A8), color-stop(51%,#69A26A), color-stop(100%,#69A26A)); /* Chrome,Safari4+ */
			   background: -webkit-linear-gradient(top, #A5C8A8 0%,#A5C8A8 50%,#69A26A 51%,#69A26A 100%); /* Chrome10+,Safari5.1+ */
			   background: -o-linear-gradient(top, #A5C8A8 0%,#A5C8A8 50%,#69A26A 51%,#69A26A 100%); /* Opera 11.10+ */
			   background: -ms-linear-gradient(top, #A5C8A8 0%,#A5C8A8 50%,#69A26A 51%,#69A26A 100%); /* IE10+ */
			   background: linear-gradient(to bottom, #A5C8A8 0%,#A5C8A8 50%,#69A26A 51%,#69A26A 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A5C8A8', endColorstr='#69A26A',GradientType=0 ); /* IE6-9 */ 
			   padding-left:5px;
			   padding-right:5px;
			   margin:0px 0 22px 0; 
			   float:right;}


#cssmenu > ul > li {
    float: left;
    margin-left: 2.5px;
	margin-right: 2.5px;
    position: relative;
}

#cssmenu > ul > li > a {
    color: #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
	font-weight:bold;
    line-height: 40px;
    padding: 5px 10px;
	-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#cssmenu > ul > li > a:hover {color:#fefefe; 
							  background-color:#074381;  
							  -moz-border-radius:5px;
							  -webkit-border-radius:5px;
							  -opera-border-radius:5px;
							  -khtml-border-radius:5px;
							   background: #3A8539; /* Old browsers */
			   background: -moz-linear-gradient(top, #358234 0%, #358234 50%, #074381 51%, #074381 100%); /* FF3.6+ */
			   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358234), color-stop(50%,#358234), color-stop(51%,#3A8539), color-stop(100%,#3A8539)); /* Chrome,Safari4+ */
			   background: -webkit-linear-gradient(top, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* Chrome10+,Safari5.1+ */
			   background: -o-linear-gradient(top, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* Opera 11.10+ */
			   background: -ms-linear-gradient(top, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* IE10+ */
			   background: linear-gradient(to bottom, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* W3C */
			   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358234', endColorstr='#3A8539',GradientType=0 ); /* IE6-9 */ }


#cssmenu > ul > li > a.active {color:#fefefe; 
							  background-color:#074381;  
							  -moz-border-radius:5px;
							  -webkit-border-radius:5px;
							  -opera-border-radius:5px;
							  -khtml-border-radius:5px;
							   background: #3A8539; /* Old browsers */
			   background: -moz-linear-gradient(top, #358234 0%, #358234 50%, #074381 51%, #074381 100%); /* FF3.6+ */
			   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358234), color-stop(50%,#358234), color-stop(51%,#3A8539), color-stop(100%,#3A8539)); /* Chrome,Safari4+ */
			   background: -webkit-linear-gradient(top, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* Chrome10+,Safari5.1+ */
			   background: -o-linear-gradient(top, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* Opera 11.10+ */
			   background: -ms-linear-gradient(top, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* IE10+ */
			   background: linear-gradient(to bottom, #358234 0%,#358234 50%,#3A8539 51%,#3A8539 100%); /* W3C */
			   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358234', endColorstr='#3A8539',GradientType=0 ); /* IE6-9 */ }


#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 6px 0 10px 0;
    background-color: #fff;
	border:1px #3A8539 solid;
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}

#cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent #3A8539 transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

#cssmenu > ul ul > li { position: relative;}

#cssmenu ul ul a{
    color: rgb(50,50,50);
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color: white;
    padding: 5px 8px 7px 16px;
    display: block;
	font-weight:bold;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#cssmenu ul ul a:hover {background-color: rgb(240,240,240);}


#cssmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


#cssmenu ul ul a:hover{
    background-color:#3A8539;
    color: rgb(240,240,240);
}


@media only screen and (max-width: 870px) {
	#cssmenu { width:100%;
			   -moz-border-radius:0px;
               -webkit-border-radius:0px;
               -opera-border-radius:0px;
               -khtml-border-radius:0px;
			   border:#ccc 1px solid;
			   -moz-box-shadow: 0 0 0px 0px #E7EBEF;
   			   -webkit-box-shadow: 0 0 0px 0px #E7EBEF;
               box-shadow: 0 0 0px 0px #E7EBEF;
			   background:none;
			   border:none;
			   border-top:1px solid #ccc;
			   padding-left:0px;
			   padding-right:0px;
			   margin:0px; 
			   margin-bottom:0px;
			   margin-top:10px;
			   float:left;}
			   
	#cssmenu li { display:block; background:white; width:100%; border-bottom:1px solid #ccc;}
	/*#cssmenu li:hover { background:#FFFFD5;}*/
	#cssmenu a { width:100%;}
	#cssmenu ul { margin: 0 auto;}
	#cssmenu > ul > li {
		width:100%;
	}
	
	#cssmenu > ul > li > ul {
		opacity: 0;
		visibility: hidden;
		padding: 6px 0 10px 0;
		background-color: #fff;
		border:1px #3A8539 solid;
		text-align: left;
		position: absolute;
		top: 55px;
		left: 50%;
		margin-left: -90px;
		width: 180px;
	-webkit-transition: all .3s .1s;
	   -moz-transition: all .3s .1s;
		 -o-transition: all .3s .1s;
			transition: all .3s .1s;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
			box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	}

	#cssmenu > ul > li:hover > ul {
		opacity: 1;
		top: 50px;
		visibility: visible;
	}
	
	#cssmenu > ul > li > ul:before{
		content: '';
		display: block;
		border-color: transparent transparent #3A8539 transparent;
		border-style: solid;
		border-width: 10px;
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -10px;
	}
	
	#cssmenu > ul ul > li { position: relative;}
	
	#cssmenu ul ul a{
		color: rgb(50,50,50);
		font-family: Verdana, 'Lucida Grande';
		font-size: 13px;
		background-color: white;
		padding: 5px 8px 7px 16px;
		display: block;
		font-weight:bold;
	-webkit-transition: background-color .1s;
	   -moz-transition: background-color .1s;
		 -o-transition: background-color .1s;
			transition: background-color .1s;
	}
	
	#cssmenu ul ul a:hover {background-color: rgb(240,240,240);}
	
	#cssmenu > ul > li > ul {
		display:none;
	}
	
}