/*this is the css for the horizontal version*/



		.horizontal ul{

			list-style:none;

			margin: 5px 0px 5px 0px;

			padding:2px 5px 2px 5px;

			float:left;

			width: auto;

		}

		.horizontal ul li{

			padding: 2px;

			float: left;

			position:relative;

			width: auto;

		}

		.horizontal ul li a{

			display: block;

			width: 125px;

			overflow: hidden;

		}

		.horizontal li li{

			margin: 0 2px 0 0;

			padding: 0px 2px;

			float: none;

			margin-bottom: -1px;

		}

		.horizontal li li.last{

			border-bottom: none;

		}

		.horizontal ul li ul{

			position: absolute;

			top: 1em;

			left: -1px;

			margin-top: -2px;

		}

		.horizontal ul ul ul{

			width: 130px;

			top: -0.1em;

			left: 124px;

			margin-top: 0;

		}

		.horizontal.left ul ul ul,.horizontal .left ul ul{

			top: -1px;

			left: -128px;

		}

		.horizontal ul li li a{

			border-top: none;

		}

		div.horizontal ul li.pixelfix ul{

			left: 0;

		}

		div.horizontal ul li.pixelfix ul ul{

			left: 128px;

		}

		/*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*/

		.mlmenu li ul{

			display: none;

		}

		.mlmenu li:hover>ul{

			display: block;

		}

		/*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*/

		.accessible li ul{

			display: block;

		}

		/*Code to show an element has a child*/

		.mlmenu.plus li a:first-child:not(:last-child):after{

			content: '+';

		}

		.plus a span{

			padding-left: .2em;

		}

		.noshow{

			visibility: hidden;

		}

		/*colors for menu*/

		.blackwhite h3{

			font: bold 11px Tahoma;

			display:block;

			white-space:nowrap;

			text-align: left;

			margin:0;

			padding:0 5px;

			color:#b6b6b6;

			background:#fff;

		}

		

		.blackwhite h3:hover{

			background:#fff;

			color:#666666;

		}

		

		.blackwhite li a,.blackwhite li a:visited{

			font: 11px Tahoma;

			background:#f6f6f6;

			text-decoration:none;

			line-height: 20px;

			padding-left: 2px;

			color:#666666;

		}

		

		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{

			color:#ffffff;

			background:#d5001c;

		}

		.blackwhite li:first-child>a:hover{

			color:#ffffff;

			background:#d5001c;

		}

		

		

		

		/*this is the css for the vertical version*/

		.vertical ul{

			list-style-type: none;

			padding: 0px;

			width: 180px;

			margin: 0;

			position: relative;

		}

		.vertical li a{

			display: block;

			position: relative;

			width: 180px;

			text-decoration: none;

			height: 3em;

		}

		.vertical li{

			position: relative;

		} 



		.vertical li ul{

			position: absolute;

			top: 0px;

			left: 181px;

		}

		.vertical.left ul ul ul,.vertical .left ul{

			left: -1px;

		}

		

/*colors for menu*/

		.bluewhite h3{

			font: bold 11px Tahoma;

			display:block;

			white-space:nowrap;

			text-align: left;

			margin:0px;

			padding:15px;

			color:#ffffff;

			background:#C00019;

		}

		

		.bluewhite h3:hover{

			background:#d2001b;

			color:#ffffff;

		}

		

		.bluewhite li a{

			font: bold 11px Tahoma;

			background-color: #C00019;

			text-align: left;

			min-height: 1em;

    		display: table-cell;

			vertical-align:middle;

			margin:0px;

			padding:0px;

			color: #ffffff;

		}

		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{

			font: bold 11px Tahoma;

			background-color: #d2001b;

			color: #ffffff;

		}

		.bluewhite li:first-child>a:hover{

			font: bold 11px Tahoma;

			background-color: #d2001b;

			color: #ffffff;

		}