/* common styling */
.menu {
	font-family: arial, sans-serif; 
	width:100%; 
	position:relative; 
	margin:0; 
	font-size:11px; 
	margin:0px;
	}
	
	.menu ul li a, .menu ul li a:visited {
		display:block; 
		text-decoration:none;
		}

	.menu ul {
		margin:0px !important; 
		padding:0px !important; 
		list-style-type: none; 
		}
			
		.menu ul li {
			float:left; 
			position:relative;
			width:254px !important; 
			}

			.menu ul li ul {
				display: none;
				}

			.menu ul li a {
				padding-left:25px !important;
			}
			/* specific to non IE browsers */
			.menu ul li:hover a {
				background:#bdbda4 !important; 
				}
				
			/* IE6 Specific */	
			.menu ul li a:link:hover {
				background:#bdbda4 !important; 
				}
			.menu ul li:hover ul {
				display:block; 
				position:absolute; 
				top:-1px; 
				left:-248px; 
				width:248px; 
				background:none; /* d2d2c1 */
				}
				
			.menu ul li ul.crnt {
				display:block;
				left:0px;
			}
			.menu ul li:hover ul.crnt {
				top:0px; 
				display:block !important;
				position:relative;
				float:left;
			}
			.menu ul li ul.crnt a {
				float:left;
				width:198px !important;
				border:0px solid red;
				padding-left:45px !important;
				background:#bdbda4 !important;
				border-top:1px solid #d2d2c1 !important;
			}
				
			.menu ul li:hover ul li {
				display:block;
				float:left;
				}
				
				.menu ul li:hover ul li a.hide {
					}
				.menu ul li:hover ul li:hover a.hide {
					width:150px;
					}
					.menu ul li:hover ul li ul {
						display: none;
						}
					.menu ul li:hover ul li a {
						display:block; 
						background:#bdbda4 !important; 
						border-top:1px solid #d2d2c1 !important;
						width:150px;
						}
					.menu ul li:hover ul li a:hover {
						background:#d2d2c1 !important;
						}
					.menu ul li ul li a:link:hover {
						background:#d2d2c1 !important;
						}
					.menu ul li:hover ul li:hover ul {
						display:block; 
						position:absolute; 
						left:151px; 
						top:0;
						}
						
						.menu ul li:hover ul li:hover ul li a {
							display:block; 
							width:200px; 
							background:#dfc184;
							}
						.menu ul li:hover ul li:hover ul li a:hover {
							background:#bd8d5e; 
							color:#fff;
							}
							
							
			/* This makes the hover magic work - .menu ul li:hover ul, */
			.menu ul li.over ul {
				display: block !important;
				position:absolute; 
				top:-1px; 
				left:-248px; 
				width:248px;
			}
			
			.menu ul li.over ul.crnt {
				position:relative !important;
				left:0px;
				top:0px;
			}
			
			.menu ul li.over ul a {
				background:#bdbda4 !important; 
				border-top:1px solid #d2d2c1;
			}
			
			/* This preserves cascade order so the level 3 ul isn't always showing - .menu ul li ul li ul, .menu ul li:hover ul li ul,  */
			.menu ul li.over ul li ul {
				display: none !important;
			}
			/* This restores the hover magic to level 3 ul - .menu ul li:hover ul li:hover ul, */
			.menu ul li.over ul li.over ul {
				display: block !important;
				border:1px solid red;
			}