#menu
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	padding: 15px 0 10px 0;
	margin: 10px 0 10px 0;
	}
		
#menu a
	{
	text-align: left;
	display:block;
	border: 0px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	color: black;
	}
	

	
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
	{
	font:bold 11px tahoma, Helvetica, sans-serif;
	color: #60BDE6; /*sub links */
	background-color: none;
	text-decoration:none;
	}
	
#menu a:hover						/* menu on mouse-over  */
	{
	background-color:none;
	font:bold 11px tahoma, Helvetica, sans-serif;
	color: white;
	text-decoration:none;
	}	
	
#menu a.top_parent, #menu a.top_parent:active, #menu a.top_parent:visited   /* main links rest */
	{
	color: black;
	}
	
#menu a.top_parent:hover  /* main link hover */
	{
	color: white;
	}
	
#menu a.parent, #menu a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menu ul
	{
	list-style:none;
	margin: 10px 0 0 0;
	padding:0;
	float:left;
	/* width:7em;	width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	padding: 15px 0px 10px 0px;
	text-align: left;
	}
	

#menu ul span
	{
	height: 41px;
   padding: 15px 10px 10px 10px;
   background:  url(../img/divider.jpg) no-repeat left top;
	}

#menu li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	list-style: none; /* does not display bullets */
	}

#menu li a	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}
	
#menu li a:link	{
	/*color: #60BDE6;*/
	}
	
#menu li a:hover{
	color: white;
	}


#menu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0em;
	color: #60BDE6;
	background-color: black;
	border: 5px solid black;
	padding: 10px;
	margin: 0px 0 0 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}



#menu ul ul li a{
	text-align:left;
	color: #60BDE6;
	background-color: black;
}

#menu ul ul ul
	{
	top:0;
	left:100%;
	}

div#menu li:hover
	{
	cursor:pointer;
	z-index:100;
	}

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

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

/* End CSS Drop Down Menu */