/*this is the css for the vertical version*/
		.outline{
		border:1px solid #b0bdc6;
		height:100%;
		margin:0px 0px 5px 0px;
		}
		.suckerdiv ul li a:hover{
		 	color:#000000;
			text-decoration:none;
			width:195;
			height:20px;
			overflow: auto; /*force hasLayout in IE7 */
			padding: 4px 5px 0px 10px;
			background-color:transparent;
		}
		.suckerdiv ul{
		
			font-family:arial;
			font-size:11px;
			text-decoration:none;
			font-weight:bold;
			color:#000000;
			line-height:20px;
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		.suckerdiv li a{
			display: block;
			color:#000000;
			text-decoration:none;
			width:195;
			height:20px;
			overflow: auto; /*force hasLayout in IE7 */
			padding: 4px 5px 0px 10px;
			background-color:transparent;
		}
		.suckerdiv a{
			color:#16387c;
		}
		.suckerdiv li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
					
			
		
			position: relative;
			text-indent: 10px;
			height:auto;
			line-height:130%;
			background-repeat: no-repeat;
			background-position: left center;
			display: block;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 5px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 8px;
			width:158px;
				
			
		}
		
		.suckerdiv ul li ul{

		font-family:arial;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		color:#000000;
		line-height:24px;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: absolute;
			width:200px; /*sub menu width*/
			border:none;
			top:0;
			height:auto;	
		
			display:none;
		}
		

.suckerdiv ul li ul li{


	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:auto;
	line-height:100%;
	background-color:#C6CED1;
	border:none;
	width:200px;
}
		.pane_text .suckerdiv li a{
			width:173px;
		}
		
		.pane_text .suckerdiv li{
			width:178px;
		}
		
		.pane_text .suckerdiv ul li ul{
		margin-left:178px;
		display:none;
		}
		
		.suckerdiv ul li ul a{
			border:1px solid #b0bdc6;
		}
		
	
		/*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;
		}
		/*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 code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.menustyle li a{
			background-color:transparent;
			color: black;
			border-color: black;
		}
		.menustyle li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.menustyle ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
		
		}
		.bluewhite li a:hover{
		
		}
		.bluewhite ul{
		
		}
	
		.horiarrow
		{
		background-image:url(../images/arrow_down.gif);
		background-position:center right;
		background-repeat:no-repeat;}
		li a.highlight
		{
		}