.vertical ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative; }

.vertical li a {
	display: block;
	width: 196px;
	text-decoration: none;
	padding: .1em 1px 0 0;
	background: url(../images/dot.gif) no-repeat 0 9px;
	padding-left: 10px;
	color: #00537b; }
	
	.vertical li a:hover { text-decoration: underline; }





.vertical li li a { width: 396px; }

		.vertical li li a {
			background: none;
			/*line-height: 15px;*/
			border-bottom: 1px solid #fff;
			font-weight: normal;
			font-size: 10px;
			padding: 3px 3px 3px 10px; }

		.vertical li li a:hover { text-decoration: none;   }

		.vertical ul ul { background: #D9E2E7 !important; }


		.vertical li{
			position: relative;
			margin-bottom: -1px;	} 


		.vertical li ul{
			position: absolute;
			top: -1px;
			left: 203px; }

		.vertical.left ul ul ul,.vertical .left ul { left: -393px; }




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




		/*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*/
		.plus a span { padding-left: .5em; }
		.noshow { visibility: hidden; }



		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover { border-color: #ccc; }
		.bluewhite li li a:hover{
			background: #7f9bbe; /*#d33206*/;
			color: #fff !important; }