/* @override http://localhost:8888/Menu-final-test/new_menu_buttons.css */

/* The div enclosing the menu */
#MyMenu {
	
	float: left;	
	font: 12px/14px helvetica;
	text-align: right;
}

/* Every anchor tags in our menu */
#MyMenu a {
	display: block;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	padding: .6em 1em;
	border: 1px dotted transparent;
}

/* The anchor tags of each item that is first in its tree */
#MyMenu a.WebYepMenuFirstItem {	
}

/* Like above, but only for second menu level and below */
#MyMenu li li a.WebYepMenuFirstItem {
}

/* All menu item's anchor tags of second menu level */
#MyMenu li li a {
	padding-left: 3em;
	background-position: 1.6em 0.2em;
}

/* All menu item's anchor tags of third menu level */
#MyMenu li li li a {
	padding-left: 4.5em;
}

/* All menu item's anchor tags of fourth menu level and below */
#MyMenu li li li li a {
	padding-left: 6em;
}

/* All anchor tags that are menu tree titles */
#MyMenu a.WebYepMenuTitle {
	background-image: url(triangle.gif);
}

/* All anchor tags that are menu tree titles of currently expanded trees */
#MyMenu a.WebYepMenuTitleExpanded {
	background-image: url(triangle_x.gif);
}

/* The text colors and underlines must be set via the pseudo selectors a:link etc. */
#MyMenu a:link, #MyMenu a:visited, #MyMenu a:active {
	text-decoration: none;
	color: #6286c5;
}

/* The anchor tag of the currently selected menu item */
#MyMenu a.WebYepMenuCurrentItem {
	color:  white;
	border: 1px dotted #34466a;
}

/* The anchor tag of the currently selected menu item, when hovering */
#MyMenu a:hover.WebYepMenuCurrentItem {
	color: white;
	border: 1px solid #6286c5;
}

/* All other anchor tags, when hovering */
#MyMenu a:hover {
	border: 1px solid #6286c5;
}

/* All trees */
#MyMenu ul {
	list-style-type: none;
	margin:  0;
	padding: 0;
}

/* All items */
#MyMenu li {
	margin: 0;
	padding: 0;
	display: inline;
}