/* CSS Document */
    #nav, #nav ul { /* all lists, removes the bullets also */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
}
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 2.45em;
		margin-bottom : -1px;
		width: 11em;
	}
	
		#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		top: 0;
		margin: 0;
	}
	
	#nav li a {/*text and bg before mouseover*/
	width: 11em;
	w\idth : 12.1em;
	display : block;
	color :white;
	text-decoration : none;
	background-color : #6ea1ec;
	background-image:url(images/glossyback.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0.0em;
	padding-bottom: 0;
	padding-left: 1.0em;
	font-weight : bold;
	font-family: Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 0;

	}
	
	#nav li a:hover {/*text and bg color on mouseover*/
		color : red;
		background-image:url(images/glossyback2.gif);
	}
	
	#nav li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul,
	#nav li.sfhover > ul, #nav li li.sfhover > ul, #nav li li li.sfhover > ul { /* lists nested under hovered list items */
		left: calc(100% + 1.25em);
	}