/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Background box - encompasses main nav and drop nav areas */
#dropline {
	padding:0 0 0 6px; 
	margin:0 0 4px 0; 
	list-style:none; 
	height:27px; 
	background:url(../images/navigation/back_gold.gif) repeat-x; position:relative; 
	background-color:#ddaa00;
}
/* This is here for I.E. */
#dropline table {
	border-collapse:collapse: width:0; 
	height:0; 
	margin:-3px -6px;
}
/* This is needed to position the nav text to be horizontal */
#dropline li {
	float:left;
}
/* Block is also needed to position the nav text to be horizontal.  The rest styles the main nav line */
#dropline li a {
	display:block; 
	height:27px; 
	line-height:27px; 
	padding:0 10px 0 0; 
	float:left; 
	color:#fff; 
	text-decoration:none; 	
	font-size:.95em;
}
/* The dropline uses "sliding doors" to accommodate variable width text.  "a" and "b" are the two  */
/* sides of the doors.                                                                             */
#dropline li a b {
	display:block; 
	height:27px; 
	float:left; 
	padding:0 0 0 10px; 
	cursor:pointer;
}
/* Governs the right "sliding door" tab when hovered */
#dropline li a:hover {
	background:url(../images/navigation/rTabGold.gif) no-repeat right top; 
	line-height:27px; 
	height:31px
}
/* Governs the left "sliding door" tab when hovered */
#dropline li a:hover b {
	background:url(../images/navigation/lTabGold.gif) no-repeat left top; 
	line-height:27px;
}
#dropline li:hover > a {
	background:url(../images/navigation/rTabGold.gif) no-repeat right top; 
	line-height:27px; 
	height:31px
}
#dropline li:hover > a b {
	background:url(../images/navigation/lTabGold.gif) no-repeat left top; 
	line-height:27px;
}
/* The TOP value determines the amount of drop for the dropline; the HEIGHT is the height of the dropline box */
/* The BACKGROUND value is the color of the dropline box */
#dropline ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:absolute; 
	height:27px; 
	width:708px; 
	background:#fff; 
	left:-9999px; 
	top:31px; 
	z-index:10; 
	border-bottom:1px solid #fff;
}
#dropline ul li {
	height:27px; 
	line-height:27px;
}
#dropline ul.right li {
	float:right;
}
	

/* THE ACTUAL DROPLINE: */
/* HEIGHT & LINE-HEIGHT determine the "up" motion of the dropline text if different from the height in the */
/* #dropline ul li a:hover CSS */
#dropline ul li a {
	color:#002200; 
	padding:0 8px 0 8px; /* governs the amount of space between dropline items */
	height:27px; 
	line-height:27px; 
	border-right:1px solid #ddaa00;   /* the line between the drop items - left */
	font-weight:bold; 
	font-size:.8em;  /* the font size of the drop items */
}
#dropline ul li a:hover {
	height:25px; 
	line-height:27px; 
	background:transparent; 
	color:#993300;
}
#dropline ul.right li a {
	border-left:1px solid #ddaa00;  /* the line between the drop items - right */
	border-right:0;
}
#dropline ul li a.last {
	border:0;
}
/* This causes the dropline to actually display. MUST remain at zero */
#dropline :hover ul {
	left:0;
}
/* THE CURRENT NAV TAB: Will need to finesse as pages are added */
#dropline li.current ul {
	left:0; 
	z-index:1;
}
/* The next two descriptions style the CURRENT tab */
#dropline li.current a {
	background:url(../images/navigation/rTabGold.gif) no-repeat right top; 
	line-height:27px; 
	height:31px
}
/* LINE-HEIGHT determines the position of the text in the "current" tab */
#dropline li.current a b {
	background:url(../images/navigation/lTabGold.gif) no-repeat left top; 
	line-height:27px;
}

/* sub-drops */
#dropline li.current ul li a {
	color:#000; 
	padding:0 10px 0 10px; 
	height:27px; 
	line-height:27px; 
	background:transparent;
}
#dropline li.current ul li.current_sub a {
	color:#993300;
}
#dropline li.current ul li a:hover {
	color:#993300;
}