.nav		{display:block;
			position:relative;
			height:100%;
			width:100%;
			cursor:pointer;}

.nav>a		{display:block;
			line-height:35px;
			height:35px;
			width:100%}

.nav >div	{display:none;
			position:absolute;
			top:34px;
			left:0px;
			z-index:99}

.nav:hover >div{display: block}


/*styles apply to all menu elements*/
.menu ul {	
			border: 1px solid black;
			list-style:none;
			margin:0px;
			padding:0px;
			}

.menu >ul a {
			display:block;
			/*line-height:2em;
			height:2em;*/
			width:11em;
			text-decoration:none;
			color:black;
			background:white;
			background-image:url('../img/menuside.jpg');
			background-repeat:repeat-y;
			padding:.5em .5em .5em 2.3em;
			text-align:left;
			}

.menu >ul li {
			position:relative;
			}
			
/*hide all submenus*/
.menu >ul ul {
			display:none;
			position:absolute;
			top:2px;
			left:13.7em;
			z-index:100
			}

/*styles on hover of menu item*/			
.menu >ul li:hover>a{
			background:#D00000;
			background-image:url('../img/menuside.jpg');
			background-repeat:repeat-y;
			}
			
/*show submenu when hover*/
.menu >ul li:hover >ul{
			display:block;
			}