/* Created By Lisa Merriman for Unlimited Webdesign */
/* NOTES ON USE:
   - The ".dropdown LI" float left. This means that to center the bar,
     you must manually adjust .dropdown width to equal the total width of all subitems.

*/

/* Set the size of the (customised) bigger submenus */
.dropdown .tall A {
/*	height: 35px; */
}

/********************* APPEARANCE ******************************/
.dropdown {
	border-top: 1px solid black;
}

/* Styles for Menu Items */
.dropdown ul li a {
	display: block;
	text-decoration: none;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #AED7DC;
	background: #1B5B90; /* IE6 Bug supposedly requires a background here */
	/*
	background-image: url(images/bg-dropdown-metal.gif);
	background-repeat: repeat;
	background-position: top center;
	*/
	padding: 5px;
	border-top: 1px solid #2A6BA5;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 2px 5px 2px 20px; 
}

.dropdown ul li a:hover {
	color: 	white; /* was blue #0F85F2; */
	background: #61AA49; /* was #FEFEFE; */
	background-image: url(images/bg-dropdown-greenglow.gif);
	background-repeat: repeat;
	background-position: top center;
	font-weight: bold;
}

.dropdown LI {
	line-height: 1.1em;
	background-image: none;
	padding-left: 0px;
}

/**** The submenu ****/
.dropdown LI UL LI A {
	padding: 2px 3px 2px 7px;
	border-left: 1px solid black;
	text-align: left;
}

.dropdown LI UL LI {
	line-height: 1.1em;
}



/*****************************************************/
/*********** VITAL STUFF - DON'T ADJUST **************/

.dropdown UL {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 181px; /* Width of Menu Items */
	border-bottom: 1px solid black;
}

.dropdown UL LI {
	position: relative;
	margin: 0px;
}
	
/***** The submenus */
.dropdown LI UL {
	display: none;
	position: absolute;
	/* IE aligns to topright instead of bottom left, so add top and left: */ 
	top: 0px;    				/* <======== Adjust this: ======================= <== */ 
	left: 180px; /* Set 1px less than menu width */
	width: 190px; 
}

LI > UL {  /* resets the top and left properties on all but IE browsers */
	top: auto;
	left: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html .dropdown ul li { float: left; height: 1%; }
* html .dropdown ul li a { height: 1%; }
/* End */
/* .dropdown ul li  works in IE, but breaks widths of Firefox and Netscape */
/* html ul li  works in Firefox and Netscape, but makes the entire webpage buggy (invisible text) */

/***** Make drop-down appear. *****/
/* li:hover ul does non-IE, also created .over class for manipulation in IE.  */
.dropdown LI:hover UL, .dropdown LI.over UL {
	display: block;
}