/*this is the css for the vertical version*/
.vertical ul			{
						list-style-type: none;
						width: 200px;
						font-family:Arial, Verdana, Sans-Serif;
						font-size: 12px;
						font-weight:bold;
						margin: 0px 0px 0px 15px;
						padding: 0px 0px 0px 0px;
						}
.vertical ul ul			{
						border-top: solid 6px #e8e8e8;
						border-right: solid 2px #666666;
						border-bottom: solid 2px #666666;
						padding:0px;
						width:199px;
						}
.vertical ul ul	ul		{
						width:199px;
						border-top: solid 6px #dedede;
						}												
.vertical li a			{
						display: block;
						text-decoration: none;
						height: 25px;
						padding-top: 4px;
						padding-left: 10px;
						background-image: url(../images/bg_menu.gif);
						}
.vertical li			{ /* Needed for IE. */
						display: inline;
						}
.vertical li ul			{
						position: absolute;
						margin-top: -35px;
						margin-left: 101px;
						}
.vertical li li a		{
						background-image: url(../images/bg_menu_02.gif);
						}
.vertical li li li a	{
						background-image: url(../images/bg_menu_03.gif);
						}													
					

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul		{
						display: none;
						}

		
/*colors for menu*/
.blackwhite li a		{
						background-color: #f2f2f2;
						color: #646464;
						}
.blackwhite li a:hover	{
						-background-color: black;
						color: #ff0000;
						}
.blackwhite ul			{

						}
		
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
/*
.arrow a span{
padding-left: 1em;
font-size: 85%;  
}
.arrow a:hover span{
padding-left: 2em;
}
.arrow a span.noshow{
visibility: hidden;
}

.plus a span{
padding-left: .5em;
}
*/