﻿.PrettyMenu {
	width: 100%;
	background: #3B8E8E;
	float: left;
	height:20px;
}

.PrettyMenu .AspNet-Menu-Horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.AspNet-Menu  {
 	position:absolute;
	z-index:500;
	background-color:#3B8E8E;
}
.PrettyMenu .AspNet-Menu-Horizontal, .PrettyMenu .AspNet-Menu-Horizontal a {
	margin: 0;
}

/* Style of the top level menu */
.PrettyMenu .AspNet-Menu-Horizontal .AspNet-Menu li a { color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }

/* Secondary pop-out menu */
.PrettyMenu .AspNet-Menu-Horizontal .AspNet-Menu li ul li a {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}
/* Put that arrow on the secondary menu */
.PrettyMenu .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-WithChildren  ul .AspNet-Menu-WithChildren {
background-image:url(../../UtilityPages/ShowIt.ashx?I=32);
background-position:right;
background-repeat:no-repeat;

}
.PrettyMenu .AspNet-Menu-Horizontal .AspNet-Menu li a:hover {
color: #006666;
font-weight:bold;
background-color:#FFFFFF;
}

.PrettyMenu li {position: relative; padding:0px 0px 0px 20px; float:left;}
.PrettyMenu li li {position:relative; }
.PrettyMenu ul ul {
	/*opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9; make that menu a little bit transparent */
	position: absolute;
	top:14px;
	left:0px;
	z-index: 500;
	background:#FFFFFF;
	float:none; 
	list-style-type:none;
	width:210px;
	border:1px solid #000000;
}
.PrettyMenu ul ul li {float:none; color:#000000; line-height:20px;  width:202px; }
div.PrettyMenu ul li:hover ul a { color:#000000; }
.PrettyMenu ul ul ul {
top: 0;
left: 100%;
}
div.PrettyMenu ul ul,
div.PrettyMenu ul li:hover ul ul,
div.PrettyMenu ul ul li:hover ul ul
{display: none;}

div.PrettyMenu ul li:hover ul,
div.PrettyMenu ul ul li:hover ul,
div.PrettyMenu ul ul ul li:hover ul
{display: block; background-color:#FFFFFF; border:1px solid #000000;}
