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

	
		.horizontal ul{
		width:100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			color:#FFFFFF;
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			
		}
		.horizontal ul li{
			
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			color:#FFFFFF;
			float:left;
			position: relative;
		}
		
		.horizontal ul li .bg{
		height:24px;
		width:122px !important;
		/*background-image:url(images/enter_btn.gif);*/
		background-repeat:no-repeat;		
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
			font-weight:normal;
		
			background-color:#4898d3;
			
		}
		
		.horizontal ul li .bg a:hover{
		width:110px;
		/*background:url(images/enter_btn.gif);*/
		background-repeat:no-repeat;
					text-decoration:none;
					background-color:#4898d3;
				
	}
		.horizontal ul li .bg{
		margin-left:1px;
		border-right:1px solid #69bd2a
				
	}
	
		
		.horizontal ul li .bglast{
		height:24px;
		width:110px !important;
		/*background-image:url(images/enter_btn.gif);*/
		background-repeat:no-repeat;		
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
			font-weight:normal;
		
			background-color:#4898d3;
			
		}
		
		.horizontal ul li .bglast a:hover{
		width:110px;
		/*background:url(images/enter_btn.gif);*/
		background-repeat:no-repeat;
					text-decoration:none;
					background-color:#4898d3;
				
	}
		.horizontal ul li .bglast{
		margin-left:1px;
		
				
	}
	
		
	
		.horizontal ul li a{
	display: block;
   	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-image:url(http://www.greatdad.com/images/newdesign/headerBg.jpg) top left repeat-x;*/
	font-size:11px;	
	color:#fff;
	height: auto ;
overflow: hidden;
	border-color:#2070ab;
	border-bottom: none;
	padding-top: 3px;
	margin-bottom:-1px;
		}
		
	html>body .horizontal ul li a	{
	height: auto ;
}	
				.horizontal li li.last{
			border-bottom: 1px solid;
			border-color:#2070ab;
			background-color:#4898d3;
		}

		.horizontal li li{
		float: none;
			margin-bottom:-1px;
			width:100%;
	}


		.horizontal ul li ul{
		position: absolute;
		top: 24px;
		left: 0px ;
		margin-top: -1px;			
		background-color:#4898d3;	
		}

		.horizontal ul ul ul{
			top: 1px;
			left: 100%;
			margin-top: 0;
		}

		.horizontal.left ul ul ul,.horizontal .left ul ul{
			top: 0;
			left: -100%;
		}
		
		.horizontal ul ul li a{
		border-bottom: 1px solid #000;
/*			border: 1px solid; 
			border-color:#2070ab;*/
			margin-bottom:2px;
		}

	

		.horizontal ul li li a{
		/*border:none;*/
border-bottom: 1px solid #000; 
			border-color:#2070ab;
		}
		
		.horizontal ul li li ul li a{
			/*border: 1px solid; */
			border-color:#2070ab;
			
		}
		
		
		
		.horizontal ul li:first-child>a{
			/*border-left: 1px solid; 8/
			border-color:#2070ab;
		}

		.horizontal ul li li:first-child>a{
	/*	border-top: 1px solid; */
		border-color:#2070ab;
		}

		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 li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
		
			background-color: #abd0eb;
			color:#ffffff;
			z-index:100;
						text-decoration:none;
			}

		.blackwhite li:first-child a:hover{
			background-color:#abd0eb;
			color:#ffffff;	
						text-decoration:none;
		}

		.blackwhite ul{
			border-color:#2070ab;
		}

		.bluewhite li a{
			background-color:#4898d3;
					color: #ffffff;
				z-index:100;

		}

		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
			background-color:#4898d3;
			color: #ffffff;
			border-color:#2070ab;
			text-decoration:none;
			
				}

		.bluewhite li:first-child>a:hover{
			background-color:#4898d3;
			color: black;			
						text-decoration:none;
		}

		.bluewhite ul{
			border-color:#2070ab;
		}
.spaceleft{padding-left:5px!important}