﻿/*
	Author: msuo@keymind.com
	Date: 11/03/2009
	Usage: 
		<ul class="dropdown">
			<li><a href="">Menu1</a>
				<ul>
					<li><a href="">Menu Item 1</a></li>
					<li><a href="">Menu Item 2</a></li>
				</ul>
			</li>
			<li><a href="">Menu2</a>
				<ul>
					<li><a href="">Menu Item 3</a></li>
					<li><a href="">Menu Item 4</a></li>
				</ul>
			</li>
		</ul>
*/
.dropdown
{
	FONT-SIZE:medium;
	width:860px;
	 
	list-style-type:none;
	display:block;
	clear:right; z-index:10;margin:0 0 0 0;
	/*height:10px;*/
}
.dropdown ul
{background-color:#2C5882;
	padding:0;
	margin:0 0 0 0; 
	list-style-type:none;
}
.dropdown li
{	z-index:10;
	position: relative;
	float:left;
	padding:  0px;  /*4px 4px 6px 4px;*/ 
		list-style:none;
		margin: 0px;
		background-color:#3c6a98;
	/*	border-right:1pt solid #ffffff;*/
}
.dropdown li a
{ 
}
.dropdown li a:hover
{
	 text-decoration:none;
	 background-color:#a6b2c2;
}
.dropdown li ul
{
	position: absolute;
	display:none;
 	border:   1px solid #333333; 
	 background-color:#f0f0f0; 
	list-style: none; 
	margin: 0px 0px 0px 0px;
}
.dropdown li ul li
{
	padding:0 ;margin:0;	width:180px;
	border:none;
}
.dropdown li:hover ul, .dropdown li:hover > ul
{	
	display:block;
}
.dropdown a 
{
	color: #ffffff;
	display:block;
	text-decoration: none;	 	 
			font-size:0.7em;
			font-weight:bold;
				 padding:10px;
				
}
.dropdown li:hover ul li a
{
	display:block;

	text-decoration: none;
}

.dropdown li ul li a
{
	color: #ffffff;
	text-decoration: none;
	display:block;
	padding:4px 2px 6px 10px;
}

.dropdown li ul li a:hover
{
	 background-color: #a6b2c2; 
	 color:#ffffff;
}
