/*  Styles for Main Navigation/Dropdowns   */


.mlddm
{ visibility: visible;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #24a2d4;
 height: 20px;
 
 /* crossbrowser inline-block */ 
 display: -moz-inline-box; /* ff2 compatibility */ 
 display: inline-block;  /* all normal browsers*/ 
 zoom: 1;     /* ie7 & ie6 */ 
 *display: inline;   /* ie7 & ie6 */
}

	.mlddm li
	{	display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: left;
		white-space: nowrap;
		color: #FFFFFF;        							/*  color of text links   */
		padding: 5px 15px 0px 5px;
		margin: 0;
		width: auto;      								/*  width of container for main links */
		text-decoration: none;
		background: #24a2d4} 							/*  background of main links */
	

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FF9933;       							/*  color of main text links on hover   */
		background: #24a2d4}   							/*  background color on hover  */

		.mlddm ul
		{	z-index: 100;
			margin: 1px 0 0 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #24a2d4;          				/*  background of dropdown links   -    add url(/includes/bg.jpg) if want to use backfground img  */
			border: 1px solid #CCCCCC;      			/*  color of border on hover   */
			border-width: 1px 1px 1px 1px;
			}
			   
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	color: #FFFFFF;								/*  color of dropdown links    */
			width: auto;
			padding: 5px 15px 5px 5px;
			text-align: left;
			background: transparent;
			font-size: 12px;
			font-weight: normal;}      					/*  added to make dropdowns not bold    */

		.mlddm ul li a:hover
		{	color: #333333;       						/*  color of sub text links (dropdowns) on hover   */
			padding: 5px 4px 5px 5px;
			border: 1px solid #333333;      			/*  color of border on hover   */
			border-width: 0px 0px 0px 0px}

		.mlddm .hsub
		{	background: no-repeat right url(/images/arrow_orange.gif)}

		.mlddm .hsub:hover
		{	background: #24a2d4 no-repeat right url(/images/arrow_orange.gif)}    /*  backgorund color of a link with sub nav on hover  */