/**************************************/
/* GENERAL MENU STYLES                */
/* YOU WILL NEED TO EDIT THESE CSS    */
/* ELEMENTS PER SITE                  */
/**************************************/
#menu {
height: 41px;
background: url(../images/navbar.jpg) no-repeat;
padding-left: 170px;
width: 825px;
}

#menu a {
display: block;
border: none;
margin: 0px;
padding: 10px 12px 0px 12px;
color: #fff;
font-size: 13px;
font-family: arial;
text-decoration: none;
height: 31px;
letter-spacing: 0.08em;
-width: 1px;
white-space: nowrap;
}
	
#menu li:hover a {
background: url(../images/nav_hover.jpg);
}
	
#menu ul {
margin: 0px;
padding: 0px;
width: 725px;
}
	
div#menu li:hover {
cursor: pointer;
z-index: 999;
}

#menu ul ul {
width: 100%;
min-width: 130px;
} * html #menu ul ul { width: 130px; }

#menu li li {
width: 100%;
clear: both;
}

#menu li:hover ul a {
height: auto;
padding: 3px 12px 3px 12px;
letter-spacing: 0em;
background-image: none;
background-color: #6c6c6c;
border-bottom: 1px solid #b6b6b6;
width: 100%;
}

#menu li:hover li:hover a {
background-image: none;
background-color: #6c253f;
border-bottom: 1px solid #b69aa4;
width: 100%;
}

/**************************************/
/* END GENERAL MENU STYLES            */
/**************************************/



	/**************************************/
	/* NECCESSARY POSITIONING AND STYLE   */
	/* THERE SHOULD BE NO NEED TO EDIT    */
	/**************************************/
#menu ul {
	/* Main menu items */
	list-style-type: none;
	float: left;
	}
	
#menu li {
	/**************************************/
	/* Each li may contain a submenu. We  */
	/* must position relative to hold an  */
	/* absolute positioned ul             */
	/**************************************/	
	list-style-type: none;
	position: relative;
	float: left;
	}
	
#menu ul ul {
	/**************************************/
	/* Every ul inside another ul is a    */
	/* submenu. They are hidden until     */
	/* hovered over.                      */
	/* It is not moved left since the 1st */
	/* ul->ul is a vertical dropdown      */
	/* top:auto makes sure the menu is    */
	/* directly under the 1st ul parent   */
	/**************************************/
	position: absolute;
	z-index: 500;
	left: 0px;
	top: 36px;
	display: none;
	}
	
#menu ul ul ul {
	/**************************************/
	/* Every ul->ul->ul is a side popout  */
	/* menu from an existing dropdown     */
	/* This overrides the vertical drop   */
	/* of all menus following the 1st     */
	/* top:0px; left:100% makes sure the  */
	/* menu is inline with its parent     */
	/**************************************/
	position: absolute;
	top: 0px;
	left: 100%;
	}

	/**************************************/
	/* Have fun reading the following...  */
	/**************************************/
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul,
div#menu ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul li:hover ul ul
{ display: none; }

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