/* $Id: lc1_menus.css,v 1.2 2009/09/18 14:33:04 pmorrill Exp $

   default menubar divs: standard top-level menu bar
   DO NOT EDIT THIS FILE: override in common/lc1_menus.css
*/
#menubar {
	background-color: #4E3C18;
	height: 2px;
}

#menubar ul {
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	height: 20px;
}

#menubar ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 10px;
	text-align: center;
	text-transform: none;
	color: #000000;
	height: 17px;
	width: 128px;
	background-color: #4E3C18;
	border: solid #aaaaaa 0px;
	cursor: default;
	float: left;
}

#menubar ul li a {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

#menubar ul li.selected a,#menubar ul li.selected a:hover,#menubar ul li.selected:hover a { color: #888888; }

#menubar ul li:hover a { color: #000000; }

/* Note IE 6 hack in here: jscript sets class to 'active' on hovered items */
#menubar ul li:hover,#menubar ul li.active {
	background-color: #D7D2B5;
	cursor: pointer;
}

#menubar ul li.nolink {
	background-color: #B07C17;
	cursor: default;
}

#menubar ul li.selected,#menubar ul li.selected:hover {
	background-color: #A28950;
	cursor: default;
}
/*********************************************
*  Sub menu lists: hidden when created. These
*  have now been implemented as dhtml onload
**********************************************/
#sub_menus { visibility: hidden; }

#sub_menus ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
}

/*
*	Note that vertical-align is required for IE when
*	using bolded font....go figure!
*/
#sub_menus ul li {
	font-family: Arial,Helvetica,Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #332701;
	border: 1px solid #444444;
	border-top-width: 0px;
	padding: 1px 0px 1px 8px;
	background-color: #E9E0A6;
	list-style: none;
	vertical-align: middle;
	text-align: left;
	cursor: default;
}

/* not picking this up.... ?? */
#sub_menus ul li a .menu_hint { float: right; }

#sub_menus ul.flyout li { background-color: #E5E4EA; }

#sub_menus ul li:hover,#sub_menus ul li.active {
	background-color: #D7D2B5;
	cursor: pointer;
}

#sub_menus ul li.selected,#sub_menus ul li.selected:hover {
	background-color: #ABA080;
	cursor: default;
}

/*
*  Local menu is the left panel frame
*/
#local_menu {
	width: 183px;
	padding-left: 5px;
	border: 0px;
	padding-top: 10px;
	padding-bottom: 40px;
	float: left;
}

#local_menu.admin_panel {
	width: 200px;
}

#local_menu #menu_title {
	height: 35px;
	width: 200px;
	padding-top: 14px;
	padding-left: 0px;
	text-align: left;
	margin-left: 12px;
	font-size: 20px;
	color: #555500;
	background-repeat: no-repeat;
}

#local_menu #menu_title a:link,#local_menu #menu_title a:active,#local_menu #menu_title a:visited {
	font-size: 20px;
	color: #6C7250;
	text-decoration: none;
}

#local_menu #menu_title a:hover {
	color: #96B160;
	text-decoration: none;
}

/* 
*  Bottom border is required to avoid collapse of bottom padding in
*  li elements...go figure
*/
#local_menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: auto;
	margin-left: 12px;
	text-align: left;
	font-family: Arial, Verdana, helvetica, sans serif;
	font-size: 10px;
	color: #696F4D;
	border-top: 0px #ffffff solid;
	border-bottom: 0px #ffffff solid;
	font-weight: bold;
}

#local_menu li {
	list-style-type: none;
	width: auto;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	padding-left: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
	color: #454545;
	font-weight: bold;
}


#local_menu li.quiet {
	margin: 0px;
	margin-bottom: 0px;
	color: #696F4D;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	font-size: 11px;
	font-weight: bold;
}

#local_menu li a:link,#local_menu li a:visited,#local_menu li a:active {
	font-family: Arial, Verdana, helvetica, sans serif;
	color: #6C7354;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#local_menu li a:hover { color: #454545; }


/* the sub-menus */

/*
* This includes a 'tripswitch' to turn on the IE hasLayout
* property (see http://www.webmasterworld.com/css/3583839.htm)
* The display property is there only to convince IE 6 and 7
* to switch on the hasLayout property
*
* also see: http://onhavinglayout.fwpf-webdesign.de/hack_management/
*/
#local_menu li.sub {
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px #880000 solid;
	display: inline-block; /* haslayout TRIPswitch */
	border-top: 0px #ffffff solid;
	border-bottom: 0px #ffffff solid;
}

/*
* This is part 2 of the 'tripswitch' - it switches the display
* property back to what we really want! IE - grrrrr...!
*/
#local_menu li.sub { display: block; /* display TRIPswitch */ }

#local_menu li.sub ul {
	padding: 0px;
	width: auto;
	margin: 0px;
	background-image: none;
}

#local_menu li.sub ul li {
	margin: 0px;
	width: auto;
	text-align: left;
	padding-left: 27px;
	padding-right: 2px;
}

#local_menu li.sub ul li.sub { padding-left: 0px; }

#local_menu li.sub ul li.sub ul li { padding-left: 54px; }

#local_menu #panel_text {
	margin: 8px;
}