/*---- Drop Down Menu Formatting ----

    (c)2009, Clockwork Logic
    
    To use a drop-down menu, put the following in the site template in the
    appropriate place:
    
    <div id="dropdown">
    [Mainspring.site.map]
    </div>
    
    And then modify the CSS below to set up sizes, colors, borders, images,
    and other formatting options.
*/

#dropdown LI > UL, #dropdown LI > A, #dropdown LI > UL > LI > A, #dropdown LI > UL > LI {
	 /* Width of a Button */
}
#dropdown > UL > LI > A {
}

/* Settings for the secondary (dropped-down) buttons */
#dropdown LI > UL > LI > A {
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	border: none;
	text-align: center;
	background: #999;
	color: black;
	border-top: 1px solid black;
	width: 115px;
}
#dropdown LI > UL > LI > A:hover {
	color: #fff!IMPORTANT;
	background-color: #999;
}


/*---- Drop Down Menu Shell ----

    The CSS below works in conjunction with dropDownMenu.js to show and
    hide parts of a site map.  It should be modifed sparingly, if at all.
    The parts that are likely to be changed, like sizes, colors, and borders,
    can be changed in the "Drop Down Menu Formatting" section above.

*/

#dropdown {
	float: left;
	background-color: #111;
	height: 24px;
	margin: 0px 30px 0px 15px;
	width: 745px;
	
}
#dropdown UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#dropdown  UL LI {
	border-right: 1px solid #fff;
	text-align: center;
	width: 115px;
}

#dropdown A {
	padding: 5px 0px 0px 0px;
	color: #fff;
	font: 8pt arial, sans-serif;
	height: 19px;
	text-decoration: none;
	
	
}

#dropdown  LI.root A {
	background-color: #d24e4e;
	display: block;
	color: #000;
	font: 8pt arial, sans-serif;
	text-decoration: none;
	
}



#dropdown .map {
	padding: 0px;
}
#dropdown LI {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
}
#dropdown LI A {
	display: block;
	
}
#dropdown LI UL {
	top: 44px;
	position: absolute;
	display: none;
	left: 0px;
	border: 1px solid #888;
	margin: -19px 0px 0px 0px;
	padding-left: 0px;
}
#dropdown LI UL LI UL {display: none !IMPORTANT;}
#dropdown LI:hover UL, #dropdown LI.over UL {
	display: block;
}
#dropdown LI:hover, #dropdown LI.over {
	background-color: #999;
}
#dropdown LI UL LI {
	border: none;
	float: none;
	margin: 0px;
	padding: 0px;
	
}
#dropdown LI UL LI A {
	padding: 0px 0px 0px 0px;
	margin: -2px 0px 0px 0px;
	text-decoration: none;
	border: none;
	text-align: center;
	background: #666;
	color: #fff;
	border-top: 1px solid #fff;
}