﻿/* common styles for vertical menu in masthead */
.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space:nowrap;
}

	.mlddm li
	{	display: inline;
		list-style: none;
		float: right}

	.mlddm li a#buttonnohover
	{	display: block}

		.mlddm li a
	{	display: block}

		.mlddm ul
		{	z-index: 10;
			position: absolute;
			visibility: hidden;
			overflow:visible;
		}
		
		.mlddm ul li
		{	float: none;
			border-width: 0}

		.mlddm ul li a
		{	display: block;
			white-space: nowrap}

/* decoration style for specified menu (mainmenu) */
#mainmenu
{	margin: 0;
	padding: 0;
	overflow: hidden;
}
	#mainmenu li
	{	margin: 0;
		padding: 0;
		font: 10px arial;
	}

	#mainmenu li a#buttonnohover
	{	border-left: 1px solid #c0c0c0;
		line-height: 60px;
		padding: 1px 12px;
		margin: 0 0px 0 0;
		color: #999999;
		width: 60px;
		text-decoration: none;
		text-transform:uppercase;
		text-align: left;
	}

	#mainmenu li a
	{	border-left: 1px solid #c0c0c0;
		line-height: 60px;
		padding: 1px 12px;
		margin: 0 0px 0 0;
		color: #999999;
		width: 60px;
		text-decoration: none;
		text-transform:uppercase;
		text-align: left;
	}

	#mainmenu li a#buttonhover
	{	color:#ff9900;
		font-weight:bold;		
	}

		#mainmenu li a:hover
	{	color:#ff9900;
		font-weight:bold;		
	}

		#mainmenu ul
		{	margin: 2px 0 0 0;
			padding: 0;
			background-color: #ffffff;
		}
		
		#mainmenu ul li
		{	margin: 0;
			padding: 0;}

		#mainmenu ul li a
		{	margin: 0px;
			width: auto;
			font: 10px arial;
			text-align:left;
			text-decoration: none;
			border-top: 1px solid #ffffff;
			background: #024978;
			color: #ffffff;
			text-transform:lowercase;
		}

		#mainmenu ul li a:hover
		{	color: #024978;
			background-color:#ff9900;
		}