/****

TJK_keyBoardDropDown

Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2

Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.

Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menu.asp.asp

****/

/* zeroing padding/margin for all elements */

#dropDownMenu,

#dropDownMenu * { margin:0 0 1px 0;padding:0;}

/* "Master" UL (the whole Menu) */

#dropDownMenu {position:relative;width:100%;float:left;}

/* sub-menu ULs */

#dropDownMenu li ul {

	cursor:default;

	position:absolute;
	
	left:0;

	height:auto;

	display:none;
	
	padding:1px 0 0 0;

	background:url(../images/clear.gif);/* trick to keep'em open */
	
	background-color:#56a2a2;
	
	border-top:1px solid #86bcbc;
	
	marign-bottom:0;

}

/* All LIs */

#dropDownMenu li {

	position:relative;
	
	cursor:pointer;

	float:left;

	list-style-type:none;

	font-weight:bold;
	
	padding:0;
	
	margin-right:2px;

	marign-bottom:2px;
}

/* sub-menu LIs */

#dropDownMenu li ul li {

	padding:0;

	border:none;

	border:1px solid #86bcbc;
	
	border-top:none;
	
	margin-right:0;

}

/* All anchors */

#dropDownMenu li a {

	cursor:pointer !important;

	color:#a0e8e5;

	border:1px solid #86bcbc;

	text-decoration:none;

	display:block;

	float:left;

	padding:0 10px;
	
	font-size:14px; font-weight:bold;

/*  uncomment the declaration below if you want to go "full width" */

/*	width:7.47em; */

	height:17px;

}

/* sub-menu Anchors */

#dropDownMenu li ul li a {

	position:relative !important; /* ie Mac */

	cursor:pointer !important;

	white-space:nowrap;

	width:145px;

	height:17px;

	font-weight:normal;

	color:#FFF;
	
	padding-top:2px;
	
	padding-bottom:2px;
	
	background-position:0 50% !important;

	border:none;
}

/* :hover and stuff */

#dropDownMenu li a:hover,

#dropDownMenu li a:focus,

#dropDownMenu li a:active {color:#FFF}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */

#dropDownMenu ul a:hover,

#dropDownMenu ul a:focus,

#dropDownMenu ul a:active {color:#fff !important;background:#8cddac}

/* display and z-index for the sub-menus */

#dropDownMenu li:hover ul,

#dropDownMenu li.msieFix ul {display:block;z-index:10;top:18px !important;}

/* safari: users can keep sub-menus up by from sub-menus to next top level  */

/* didn't find a solution for users going back from the last one. I prefer  */

/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */

#dropDownMenu li#DD1 {z-index:9;}

#dropDownMenu li#DD2 {z-index:8;}

#dropDownMenu li#DD3 {z-index:7;}

#dropDownMenu li#DD4 {z-index:6;}

#dropDownMenu li#DD5 {z-index:5;}

#dropDownMenu li#DD6 {z-index:4;}

#dropDownMenu li#DD7 {z-index:3;}

#dropDownMenu li#DD8 {z-index:2;}

#dropDownMenu li#DD9 {z-index:1;}