/* CSS classes for horizontal menus - naviArea */

.navi-area {
	float:left;
/*	background:url('../images/mainmenu-bg.png') #308080 repeat left top;*/
  color: #046;
/*	font: normal 15px/22px Verdana, sans-serif;*/
	font: normal 18px/24px Arial, sans-serif;
	position:relative;
/*    padding: 14px 20px;*/

/*    float: left;*/
/*    padding: 0 0 0 20px;*/
    z-index: 50;
}

.navi-area ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 50;
}

.navi-area li {
    float: left;
    z-index: 50;
}

.navi-area li a {
    display: block;
  color: #046;
	font: normal 18px/24px Arial, sans-serif;
    text-align: center;
    padding: 8px 16px 8px 16px;
    text-decoration: none;
    z-index: 50;
}

.navi-area li a:hover:not(.active) {
/*78abda*/
/*	background:#f6ff00 url('images/bg-white-off.png') repeat left top;*/
/*	background-color: #78abda;*/
	background-color: #fafa6e;
  color: #046;
    z-index: 50;
}

.navi li.active a {
	background-color: #fff;
  color: #064;
    z-index: 50;
}

.navi-area ul li {
/* In use - vertical menu indent and bullets */
	list-style-image: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
}




/* Drop down horizontal submenu styles */
.dd-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
/*    background-color: #333;*/
    background-color: transparent;
}

.dd-menu li {
    float: left;
}

.dd-menu li a, .drop-link {
    display: inline-block;
    color: white;
    text-align: left;
/*    padding: 14px 16px;*/
    padding: 8px 16px;
    text-decoration: none;
}

.dd-menu li a:hover, .main-item:hover .drop-link {
    background-color: #fafa6e;
	color: #00513f;
}

li.main-item {
    display: inline-block;
}

/*.dd-menu li.active a {*/
/*li.main-item.active a {*/
.drop-link a {
	background-color: #fff;
	color: #00513f;
}

/*li.current a {*/
/*	background-color: #888;*/
/*	color: #00513f;*/
/*}*/

li.sub-item {
	background-color: transparent;
}

/*li.main-item.current a {*/
/*	background-color: #088;*/
/*	color: #00513f;*/
/*}*/

.main-item.active a{
	background-color: #fff;
	color: #006060;
}

.sub-item.active a{
	background-color: #fff;
	color: #006060;
}

.dd-content {
    display: none;
    position: absolute;
/*    background-color: #f9f9f9;*/
/*	background:url('../images/bg/cardboard-teal.png') #308080 repeat left top;*/
/*    background-color: transparent;*/
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

	background:url('../images/bg/cardboard-teal.png') #308080 repeat left top;
	border-left:2px solid #003030;
	border-right:2px solid #003030;
	border-bottom:2px solid #003030;

}

.dd-content a {
    color: green;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dd-content a:hover {
/*	background-color: #888;*/
/*    background-color: transparent;*/
}

ul.sub-menu li {
/* In use - vertical menu indent and bullets */
/*	list-style-image: url(../images/menu-leaf.png);*/
/*	list-style-position: outside;*/
	padding: 0px 16px 0px 16px;
}

.sub-menu ul li,
.dd-content ul li {
    display: block;
  float: none;
/*	background-color: #f1f1f1;*/
/*	background-color: #888;*/

}


.main-item:hover .dd-content {
    display: block;
}


/* CSS classes for vertical menus - menuArea */

ul.menu li {
/* In use - vertical menu indent and bullets */
	list-style-image: url(../images/menu-leaf.png);
	list-style-position: outside;
/*	margin: 0px 0px 0px 10px;*/
	margin: 0px 0px 0px 6px;
/*See also margin in .menu-content*/
}

.menu li.active a {
/*In use - class of active menu item for vertical menu*/
/*Problem - if main menu item will be active, then all sub menu items will have such active font too*/
/*	font-weight: bold;*/
	font-style: italic;

}

.menu-title h2 {
/*In use for vertical menus*/
	color: #00513f;
	text-shadow: 2px 2px 4px #aaa;
	font: 18px Verdana, sans-serif;
}

.menu-content{
/*In use for vertical menu items - location from one another - space between items*/
/*	margin: 0px 0px 0px 2px;*/
	margin: 0px 0px 0px 4px;
/*See also margin in ul.menu li*/
	padding: 6px 6px 24px 6px;
	font: 1em/1.5em Verdana, sans-serif;
	display:block;
    z-index: 50;
}


.set-title h2 {
/*In use for vertical menus*/
	color: #00513f;
	text-shadow: 2px 2px 4px #aaa;
	font: 18px Verdana, sans-serif;
}

.set-content{
/*In use for vertical menu items - location from one another - space between items*/
	margin: 0px 0px 0px 6px;
	padding: 6px 6px 24px 6px;
	font: 1em/1.5em Verdana, sans-serif;
	display:block;
}

div.set-item {
    display: inline;
    padding: 5px 10px 5px 10px;
    color: #888;

}

div.set-item a {
    display: inline;
    color: #888;
	font: normal 18px/24px Arial, sans-serif;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
}

.set-item a:hover:not(.active) {
/*78abda*/
/*	background:#f6ff00 url('images/bg-white-off.png') repeat left top;*/
/*	background-color: #78abda;*/
/*	background-color: #81ee79;*/
    color: #555;
}

.set-item.active a {
/*	background-color: #fff;*/
	color: #222;
}