/*this is the css for the vertical version*/
		
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			font-size: 10pt;
			/* border-top: 1px solid;  */
			width: 254px;
			
		}
		.vertical li a{
			display: block;
			width: 250px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			/* border: 1px solid;  */
			border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 200px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			/* border-left: 1px solid;  */
			display: block;
			height: 3.1em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		
		.space { float:right; width:290px;}
		.horizontal li a{
			text-decoration: none;
			height: 1.5em;
			display: block;
			width: 65px;
			padding: .5em;
			color:#FFF;
			/*border-bottom: 1px solid;*/
			/* border: 1px solid;
			border-left: none;   */
		}
		.horizontal li li a{
			 /*border-top: 5px;  */
			/*border-left: 1px solid;  */
			
			
		}
		.horizontal li ul{
			position: absolute;
			width: 165px;
			border: none;
			display: block;
			height: 1em;
			background: #fff; 
			
			border-top:none;
			text-decoration:none;
			/* border-top: 1px solid;  */
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: -2.4em;
			margin-left: 167px;
			margin-bottom: 0px;
			background: #fff; 
			height:auto;
			text-decoration:none;
		}
		
		.horizontal li ul li a:hover{
		/* background-color: blue;  */
		/*background-image:none;
		background-color:blue;*/
		
		}