/*this is the css for the vertical version*/
		
		
		.vertical ul{
			
			list-style-type: none;
			padding: 0px;
			width: 200px;
			margin: 0px;
			position: relative;
			
		}
		.vertical ul li a{
			display: block;
			width: 200px;
			text-decoration: none;
			margin:0px;
			padding: 0px;
			
			
		}
		.vertical ul li{
			list-style-type: none;
			position: relative;
			
			float:left;
		} 
		
		
		.vertical li ul{
			display:none;
			background-color: #84563c;
			background-image:url(../img/design/subnav_bg.gif);
			position: absolute;
			top: -1px !important;
			left: 272px;
			border: 1px solid #b18e78;
		}
		.vertical li ul li{
			
			width:200px;
			
		}
		
		.vertical li ul li a{
			display:block;
			width: auto;
			color: #3f382b;
			text-decoration: none;
			padding: 10px;
			font-weight: normal;
			letter-spacing:1px;
			line-height:16px;
			font-size: 13px;
			text-transform:uppercase;
			background-image:url(../img/design/subnav_bg.gif);
			border-bottom: 1px dotted #84563c;
		}
		
		.vertical li ul li a:hover{
			display:block;
			width: auto;
			text-decoration: none;
			color: #c5bbaa;
			font-size: 13px;
			padding: 10px;
			
			text-transform:uppercase;
			/*background-color: #ad866b;*/
			background-image:url(../img/design/subnav_bg_on.gif);
			border-bottom: 1px dotted #84563c;
		}
		
		.vertical li ul li a:active{
			display:block;
			width: auto;
			text-decoration: none;
			color: #c5bbaa;
			font-size: 13px;
			padding: 10px;
			
			text-transform:uppercase;
			/*background-color: #ad866b;*/
			background-image:url(../img/design/subnav_bg_on.gif);
			border-bottom: 1px dotted #84563c;
		}
		
		.vertical.left ul ul ul,.vertical .left ul{
			left: -272px;
		
		/*
		.vertical ul{
			border: 0px;
			padding: 0px;
			
			width: 272px;
			margin: 0px;
			position: relative;
		}
		
		.vertical ul a{
			border: 0px;
			padding: 0px;
			margin: 0px;
		}
		
		.vertical li{
			display: block;
			width: 236px;
			border: 0px;
			padding: 0px;
			margin: 0px;
		}
		
		.vertical li a{
			
			display: block;
			width: 236px;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			border: 0px;
			
		} 
		.vertical li ul{
			background-color: #84563c;
			text-decoration: none;
			position: relative;
			margin: 0px;
			margin-top:-52px;
			padding: 0px;
			left: 272px;
		}
		
		.vertical ul li ul a{
			
			margin: 0px;
			width: 272px;
			color: #c5bbaa;
			text-decoration: none;
			padding: 10px;
			font-size: 13px;
			text-transform:uppercase;
			border-bottom: 1px dotted #b18e78;
		}
		
		.vertical.left ul ul ul,.vertical .left ul{
			left: -272px;
		}
		*/
		
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/