/*
==============================================================
MainMenu.css
Style sheet for the main menu for cavalloNeroFriesians
Date:         22/7/2009
Author:      Michael Kear  AFP Webworks  http://afpwebworks.com
Colour scheme: 
Red #E82D25
Gold  #FFBF2D
Orange #FF8514
White  #FFFCFB
Yellow #FFE56B
==============================================================
*/
/*#menu {
	/* set width of menu */
	/*background: #192168;
	float: left;
	width: 225px;
	margin-top: 130px;
	margin-left: -230px;
	width : 220px;
	border : 3px solid #008000;
	float : left;
	width : 12em;
}

 
*/
#menu {
	border : 1px solid #666666;
	width : 200px;
	margin-top : 20px;
	text-align : left;
}

#menu ul {
	/* remove bullets and list indents */
	margin : 0;
	padding : 0;
	list-style : none;
}

/* style, color and size links and headings to suit */
 #menu a, #mainmenuwrapper #menu h2 {
	border-width : 1px;
	border-style : solid;
	border-color : #666666;
	margin : 0;
	padding : 2px 3px;
	display : block;
	color : #FFFFFF;
	font : bold arial, helvetica, sans-serif;
}

 #menu a:link,
#menu a:visited {
	border-top : 1px solid #F4FFAA;
	border-right : 1px solid #515D00;
	border-bottom : 1px solid #515D00;
	border-left : 1px solid #F4FFAA;
	padding-left : 5px;
	color : #FFFFFF;
	background : url(images/ButtonOutState.gif) #E82D25 repeat-x left;
	text-decoration : none;
	z-index : 450;
}

 #menu a:hover,
#menu a:active {
	border-bottom : 1px solid #F4FFAA;
	border-left : 1px solid #515D00;
	border-top : 1px solid #515D00;
	border-right : 1px solid #F4FFAA;
	padding-left : 5px;
	color : #FFFFFF;
	background : url(images/ButtonOverState.gif) #E82D25 repeat-x left;
	text-decoration : none;
}

 #menu li {
	/* make the list elements a containing block for the nested lists */
	position : relative;
}

 
#menu ul ul ul {
	/* to position them to the right of their containing block */
	/* width is based on the containing block */
	width : 100%;
	position : absolute;
	top : 10px;
	left : 92%;
	z-index : 1;
	}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul {
	display : none;
	}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display : block;
	z-index : 800;
}