.zpMenu {

}

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

}
.zpMenu .zpMenu {

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

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

/* properties a drop down menu */
.zpMenuVertical {
	padding-left: 1em;


}


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




}

.zpMenu-item table.zpMenu-table {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	padding:2px;
}



/* 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: #B61030; 
}

.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: #dddddd 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: #B61030;
	color: #000000;

}

.zpMenu .zpMenu .zpMenu{
	margin-left: -2px;


}


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

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