/****
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_Menus.asp
****/
/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,#TJK_dropDownMenu * { margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {	
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	padding:1px 10px 10px 10px;
}
/* All LIs */
#TJK_dropDownMenu li 
{
	text-align:right;
	position:relative;
	width:auto;
	cursor:pointer;
	float:left;
	list-style-type:none;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	padding:0px;
	border:none;
	max-width:100%;
	border-top:none;
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:default;
	color:#666;
	text-decoration:none;
	display:block;
	float:left;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a, #TJK_dropDownMenu li ul li a.first {
	width:233px;/*FF*/
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:23px;
	height:23px;
	font-weight:normal;
	color:#ffffff;
	border-top:#FFFFFF solid 1px;
	text-indent:20px;
	background-position:right;
}


#TJK_dropDownMenu li ul li a {
	background:url(../images/nav/bg_submenu.jpg);
}

#TJK_dropDownMenu li ul li a.first {
	background:url(../images/nav/bg_submenu_first.gif);
}

/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#000}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */


#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {
	color:#ffffff;
	border-top:#FFFFFF solid 1px;
	background-position:right;
}

#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {
	background:url(../images/nav/bg_submenu_sel.jpg);
}

#TJK_dropDownMenu ul a.first:hover,
#TJK_dropDownMenu ul a.first:focus,
#TJK_dropDownMenu ul a.first:active {
	background:url(../images/nav/bg_submenu_first_sel.gif);
}



/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {
display:block;
z-index:100;
top:20px !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  */
#TJK_dropDownMenu li#AB {
	z-index:6;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:30px;
	margin-left:0px;
}
#TJK_dropDownMenu li#AB1 {
	z-index:6;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:30px;
	margin-left:0px;
}

#TJK_dropDownMenu li#AB1 ul {
	right:-42px;
	_left:-10px;
	#left:102px;
}
/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a{color:#000;}
/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul{display:block;top:-1000px;}

/* background colors */
#AB,#AB li a {background-color:#e2facd;}
/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#AB ul {
	right:102px !important;
	_right:100px !important;
	#right:-10px !important;
}

ul#TJK_dropDownMenu li#AB ul {
	_right:-121px !important;
}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #TJK_dropDownMenu li#AB ul li a:focus,