.zpMenu {

}

/* All hrefs in the Menu color black */
.zpMenu-top a{

}
.zpMenu .zpMenu {

	width: 13em;
	margin-top:1px;
	left: 11px;
	top: 76px;
}

.zpMenu .zpMenu .zpMenu {
	margin-top:2px;
}

/* properties a drop down menu */
.zpMenuVertical {

	padding-left:1em; 
	padding-right:2em;

}


/* General items that's not a top menu */
.zpMenu .zpMenu .zpMenu-item {
	float: none;
	width: 200px;
	background: #FDD893;
	border:1px solid #FDD893; 
	padding-top:1px;
	padding-bottom:1px; 
}

.zpMenu-item table.zpMenu-table {
	font: 12px "Arial", "Verdana", sans-serif;
	padding:1px;
}



/* Current selected items in top horizontal menu*/
.zpMenu .zpMenu-item-selected {


}


/* Current selected items in vertical menu*/
.zpMenu .zpMenu .zpMenu-item-selected {
	border-top: 1px solid #000000;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px  solid #000000;
	background: #F80607; 
}

.zpMenu .zpMenu-item-selected a{
	color: #ffffff;
}

.zpMenu .zpMenu .zpMenu-item-selected a {
	color: #ffffff;
}

/* Icons */



div.zpMenu-item a{
	/*text-decoration:none;*/
}


/* The arrow that shows up when there's a sub-menu */
.zpMenu .zpMenu .zpMenu-item-collapsed .zpMenu-label {
	background: #FDD893  ; 
	background-position:right;
}

/* The arrow that shows up when there's a sub-menu and the item is hovered*/
.zpMenu .zpMenu .zpMenu-item-expanded .zpMenu-label {
	background: #F80607  ;
	color: #000000;

}

.zpMenu .zpMenu .zpMenu{
    margin-top:0px;
	margin-left:3px;
}


/* Controls the behavior of <hr>  it the menu */
.zpMenu .zpMenu .zpMenu-item-hr {
	background: #F80607;
}

/* Left margin to bring the text to the right of the image*/
.zpMenu-item .tgb {
	width: 25px;
}