/* DROPDOWN VERSION 2 */

@media all {
.main-navigation ul.menu {
	display:none;
}
.main-navigation ul.menu > li{
}
ul,ol {
	margin-left:0.5em;
	padding-left:1em;
	margin-bottom:1em;
}

/* END DROPDOWN VERSION 2 */
.main-navigation ul.menu,
.main-navigation ul.menu li,
.main-navigation ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation ul.menu {
	margin-top:0.5em;
	padding-bottom:0em;
	border-bottom:solid 1px #e93e2c;
}
.main-navigation ul.menu > li {
	margin-right:1px;
	background:#f3f3f3;
/*		background-image: url("/scripts/jquery/jquery-ui-1.10.3.custom/css/smoothness/images/ui-icons_888888_256x240.png");*/
}
.main-navigation ul.menu ul {
	visibility: hidden;
	position:absolute;
	z-index:100;
	top:100%;
	left:0;
	background:white;

}
.main-navigation ul.menu ul ul {
	top:0px;
	left:100%;
}
.main-navigation ul.menu > li:last-child ul ul {
	left:auto;
	right:100%;
}
.main-navigation ul.menu ul > li {
	padding-left:0.5em;
	border:solid 1px #434343;
}
.main-navigation ul.menu ul > li:last-child {
	border-radius: 0px 0px 5px 5px;
}

.main-navigation ul.menu  li {
	vertical-align: middle;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px; 
	padding-right:2px; 
	background:#f3f3f3;
	zoom: 1;
}
.main-navigation ul.menu > li {
	padding:4px; 
	border:solid 1px #434343;
	border-radius: 5px 5px 0px 0px;
}
.main-navigation ul.menu li.active , 
.main-navigation ul.menu li.hover , 
.main-navigation ul.menu li:hover  {
	position:relative;
	background:white;
}
.main-navigation ul.menu li.hover > ul, 
.main-navigation ul.menu li:hover > ul {
	visibility:visible;
	width:200px;
	z-index:101;
}
.main-navigation ul.menu a, .main-navigation ul.menu a:link, .main-navigation ul.menu a:visited, 
.main-navigation ul.menu a:hover {
	text-decoration:none;
	color:#434343;
}
.main-navigation ul.menu a.hover, 
.main-navigation ul.menu a:hover, 
.main-navigation ul.menu li.active >  a:link, 
.main-navigation ul.menu li.active >  a:visited, 
.main-navigation ul.menu li.hover >  a:link, 
.main-navigation ul.menu li.hover >  a:visited, 
.main-navigation ul.menu li.hover >  a,
.main-navigation ul.menu li:hover >  a,
.main-navigation ul.menu li:hover >  a:link, 
.main-navigation ul.menu li:hover >  a:visited, 
.main-navigation ul.menu li.active >  a {
	background:white;
	color: #029d4a;
}

}

/* END DROPDOWN */
/* DROPDOWN VERTICAL */

@media only screen and (min-width :481px){
.main-navigation ul.menu {
	display:flex;
}
}