/* Noahs 1st Attempt at sstyling fly out menu system*/

.menu {
	position:relative;
	float: left;
	width: 220px;
	padding:0;
	margin:0;
	}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:220px;
	height:26px;
	line-height: 26px;
	}

.menu li {
	position:relative;
	}	

.menu table {
	position:absolute; 
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
	}

.menu a, .menu a:visited {
	background-position: right;
	border: 2px solid #800080;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 220px;
	height: 26px;
	background-image: url('../images/CPurpBlkBar26px.jpg');
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: yellow;
	line-height: 26px;
	overflow: hidden;
	font-weight: 600;
}
.menu :hover > a {
	background-position: left;
	border: 2px solid #800080;
	text-align: right;
	color: purple;
	background-image: url('../images/CYellBlkBar26px.jpg');
	font-weight: 600;
	text-decoration: none;
}

.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 224px;
	height: 26px;
	width: 220px;
}
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

.menu ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}