/* CSS Document for dropdown menu */

.dropdown { /* style for dropdown/flyout ul */
	position: absolute;
	display: block;
	float: left;
	border: #003366 solid 1px;
	background-color: #EFE6C5;
	margin: 0px; padding: 0px;
}

.dropdown li { /* individual menu item */
	position: relative;
	padding: 3px 8px 3px 8px;
	height: auto;
	display: block;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.dropdown a { /* menu links - padding is set here, so menu highlight is complete */
	position: relative;
	display: block;
	color: #003366;
	margin: -3px -8px -3px -8px; /* the following two styles is to fix an IE problem. If li's padding was 0 and */
	padding: 3px 8px 3px 8px; /* the a's padding was 5px, IE shifts the flyout and adds a linebreak to li */
	height: auto;
	text-decoration: none;
	background-image: none;
}

.dropdown a:visited { /* menu links - padding is set here, so menu highlight is complete */
	position: relative;
	display: block;
	color: #003366;
	margin: -3px -8px -3px -8px; /* the following two styles is to fix an IE problem. If li's padding was 0 and */
	padding: 3px 8px 3px 8px; /* the a's padding was 5px, IE shifts the flyout and adds a linebreak to li */
	height: auto;
	text-decoration: none;
	background-image: none;
}

.dropdown a:hover {
	background-color: #003366;
	background-image: none;
	color: #ffffff;
	text-decoration:none;
}

#menu0 ul {
	right: 0; top: 16px;
}