/**************************************/
/* GENERAL MENU STYLES                */
/* YOU WILL NEED TO EDIT THESE CSS    */
/* ELEMENTS PER SITE                  */
/**************************************/
#menu {}

#menu a, #menu h2 {
	font-weight: bold;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	white-space: nowrap;
	margin: 0;
	padding: 1px 0 1px 3px;
	}
	
#menu h2 {
	color: #fff;
	background-color: #000;
	text-transform: uppercase;
	}
	
#menu a {
	background: #eee;
	text-decoration: none;
	}
	
#menu a, #menu a:visited { color: #000; }
	
#menu a:hover {
	color: #a00;
	background: #ddd;
	}
	
#menu a:active {
	color: #060;
	background: #ccc;
	}
	
#menu a.x, #menu a.x:visited {
	font-weight: bold;
	color: #fff;
	background-color: #666;
	}
	
#menu a.x:hover {
	color: #fff;
	background: #000;
	}
	
#menu a.x:active {
	color: #060;
	background: #ccc;
	}
	
#menu ul {
	margin: 0px;
	padding: 0px;
	width: 9em;
	}
	
div#menu h2:hover { /*background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;*/ }
	
div#menu li:hover {
	cursor: pointer;
	z-index: 100;
	}
/**************************************/
/* END GENERAL MENU STYLES            */
/**************************************/



	/**************************************/
	/* NECCESSARY POSITIONING AND STYLE   */
	/* THERE SHOULD BE NO NEED TO EDIT    */
	/**************************************/
#menu ul {
	/* Main menu items */
	list-style: none;
	float: left;
	}
	
#menu li {
	/**************************************/
	/* Each li may contain a submenu. We  */
	/* must position relative to hold an  */
	/* absolute positioned ul             */
	/**************************************/	
	position: relative;
	}
	
#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;
	top: auto;
	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; }