/* 6:12:07 removed the max-width and change the width of the float from PX to EM */
/****

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 */

#drop_nav,

#drop_nav * { margin:0;padding:0;}

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

#drop_nav {
position:relative;
background:#2f0a00 no-repeat 100% 50%;
width:100%;
max-width:100%;
float:left;
margin-left: 10px;
z-index:15;
}

/* sub-menu ULs */

#drop_nav li ul {

	width:11em !important;/* leaves room for padding */

	cursor:default;

	position:absolute;

	height:auto;

	display:none;

	left:-10px;

	padding:1px 10px 10px 10px;

	background:url(/img/clear.gif);/* trick to keep'em open */

}

/* All LIs */

#drop_nav li {

	position:relative;

	margin-right: 30px;

	cursor:pointer;

	float:left;

	list-style-type:none;

	font-weight:bold;

}

/* sub-menu LIs */

#drop_nav li ul li {

	width:10em/*FF*/;

	padding:0;

	max-width:120%;

	

	border-top:none;

}

/* All anchors */

#drop_nav li a {

	cursor:pointer;

	color:#7DADD5;

	border-left:1px solid #2f0a00;

	text-decoration:none;

	display:block;

	float:left;

	padding:0 .4em;

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

/*	width:7.47em; */

	height:2em;

	line-height:2em;

}

/* sub-menu Anchors */

#drop_nav li ul li a {

	width:9em/*FF*/;

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

	cursor:pointer !important;

	white-space:nowrap;

	line-height:1.7em;

	height:1.7em;

	font-weight:normal;

	border:1px solid #2f0a00;

	color:#7DADD5;

	background-position:0 50% !important;

}

/* :hover and stuff */

#drop_nav li a:hover,

#drop_nav li a:focus,

#drop_nav li a:active {color:#fff}

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

#drop_nav ul a:hover,

#drop_nav ul a:focus,

#drop_nav ul a:active {color:#fff !important;background:#2f0a00}

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

#drop_nav li:hover ul,

#drop_nav li.msieFix ul {display:block;z-index:10;top:2em !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  */

#drop_nav li#home {z-index:10;}

#drop_nav li#camp {z-index:9;}

#drop_nav li#guest {z-index:8;}

#drop_nav li#trip {z-index:7;}

#drop_nav li#horse {z-index:6;}



/* Current location - class on Body must match LI's id */

.home #drop_nav li#home a,

.camp #drop_nav li#camp a,

.guest #drop_nav li#guest a,

.trip #drop_nav li#trip a,

.horse #drop_nav li#horse a {color:#2f0a00;}

/* Keeping current menu accessible to JAWS */

.home #drop_nav li#home ul,

.camp #drop_nav li#camp ul,

.guest #drop_nav li#guest ul,

.trip #drop_nav li#trip ul,

.horse #drop_nav li#horse ul {display:block;top:-1000px}



/* background colors */

#home,#home li a {background-color:#2f0a00;}

#camp,#camp li a {background-color:#2f0a00;}

#guest,#guest li a {background-color:#2f0a00;}

#trip,#trip li a {background-color:#2f0a00;}

#horse,#horse li a {background-color:#2f0a00;}

/* "trigger" and "msieFix" classes */

#drop_nav li.msieFix a {}

/* last nested UL. keeping it in */

#drop_nav li#horse ul {left:-.5em !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...                             */

.home #drop_nav li#home ul li a:focus,

.home #drop_nav li#home ul li a:active,

.camp #drop_nav li#camp ul li a:focus,

.camp #drop_nav li#camp ul li a:active,

.guest #drop_nav li#guest ul li a:focus,

.guest #drop_nav li#guest ul li a:active,

.trip #drop_nav li#trip ul li a:focus,

.trip #drop_nav li#trip ul li a:active,

.horse #drop_nav li#horse ul li a:focus,

.horse #drop_nav li#horse ul li a:active  {position:absolute !important;top:1028px !important;}