/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 

/* Reset */
/* Added by CJ because there was a space between the menus for some reason */

#menu_container{
	background-color:#4AA94D;
    height:20px;
}

ul#navmenu-h { 
	margin: 0; 
	/*padding: 40px;*/
/*	padding: 0 0px 0 45px; */
	padding: 0 0px 0 0px;
	list-style: none; 
	position: relative; 
	z-index: 3000;
} 

ul#navmenu-h ul { 
	width: 194px; /* Sub Menu Width */ 
	margin: 0; 
	padding:0;	
	list-style: none; 
	display: none; 
	position: absolute; 
	top: 100%; 
	left: 0; 
} 

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { 
	top: 0; 
	left: 100%; 
} 

ul#navmenu-h li { 
	float: left; 
	display: inline; 
	position: relative; 
	/*pads the list item 30px away from each other*/
	/* Top Right Bottom Left */
/*	padding: 0px 15px 0px 15px; */
} 

ul#navmenu-h ul li { 
	width: 100%; 
	display: block; 
	/*provides ZERO padding between the sub-menu items*/
	padding: 0 0 0 0;
	
} 

/* Root Menu */ 
ul#navmenu-h a { 
/*	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;  */
	padding: 0px 20px 0px 20px;
	/* padding: 0 6px 0 6px; */
	float: left; 
	display: block; 
/* this works display wise, but it's not pushed over enough 
	background-image: url('/images/menu_divider.jpg');
        background-repeat:no-repeat;
	background-position: right;*/
/*	background: #925129;  */ /* background color - main menu */
	color: #D3BDAB; /* font color - main menu */
	font: 11px Arial, sans-serif; 
	letter-spacing: .5px;
	text-decoration: none; 
	text-transform:uppercase;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-weight:bold;
	text-transform:lowercase;
	} 

/* Root Menu Hover Persistence */ 
/* The text color also shows up on the lower levels when they're dropped down */
/* However, the background on the next level isn't changed. */

/* NOTE: Separated these out on 2009.07.25 so we can see what's what. */
/* NOTE: Tried switching around the order of the padding, too.
/* NOTE: Removed the padding on the levels below because it was causing it to scoot over in a way we didn't want it to.
/* This one controls the top level on rollover */
ul#navmenu-h a:hover { 
	/* background: #004771; *//*  #004C76; /* white; /* #DDDDD3; /* red; */ /* #BBB; */ 
	/*color: #B5C789; /* #60893B; /* #01456A; /* #FFF; */
	display: block; 
/*	padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
    vertical-align:middle; 
} 

/* This one seems to control ALL rollover and hover text background and color 
   if it's not set individually in a level below */
ul#navmenu-h li:hover { /*, ul#navmenu-h li.iehover a {  */
	background: #0078C1; 
	color: #B5C789; 
	display: block; 
/*	padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
	vertical-align:middle;
	z-index: 2000;
} 

/* This is the text and the background on the main menu and on submenus, no rollover */
/* 2009.08.17 - Noticed this is exactly the same as 3 styles up from here!  Combine these! */
ul#navmenu-h a {
/*	background: #DDDDD3; /* red; */ /* #BBB; */ 
/*	color: green; /* #FFF; */
	color: #F4F0ED; /* #FFF; */
	display: block; 
	padding: 0 20px 0 20px;
	/* padding: 0px 6px 0px 0px;  */
	height:20px;
	line-height:20px;
	vertical-align:middle;
} 

/* Needed to add this so the second navigation doesnt jump when you hover over it, due to the 2px white border.*/
ul#navmenu-h li ul li:hover{
	border-bottom:2px solid #fff;
}
	
/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { 
	float: none; 
	background: #c7e6fa; /*004C76; #F4F0ED; this changes the background color on the second level dropdown before you hover over it */
	color: #0172BE; /* #92532A; /* #FFF; this is the second level text before you hover over it */
	display: block; 
/*	padding: 0 6px 0 15px;*/
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom:2px solid #fff;
} 

/* 2nd Menu Hover Persistence */ 
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { 
	background: #ebf6fc; /* #999; this changes the background color on the second level dropdown when you're hovering over it */
	color: #0172BE; /* #B5C789; /* 004C76; /*purple; /* #FFF; this is the second level text when you're hovering over it */
	display: block; 
	/* padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom:2px solid #fff;
} 

/* 3rd Menu */ 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { 
	background: #c7e6fa; /* #999; this changes the background color on the second level dropdown when you're hovering over it */
	color: #0172BE; /* #FFF; this is the third level text when you're hovering over it */
	display: block; 
	/* margin: 6px 0px 0 0px; /* This adds excluded space. It doesn't work yet */
	/* padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom:2px solid #fff;
} 

ul#navmenu-h li:hover li:hover ul{
	border-left:2px solid #fff;
}

/* 3rd Menu Hover Persistence */ 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { 
	background: #ebf6fc; /* #999; this changes the background color on the second level dropdown when you're hovering over it */
	color: #0172BE;/* #FFF; this is the third level text when you're hovering over it */
	display: block; 
	/* margin: 6px 0px 0 0px; /* This adds excluded space */
/*	padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom:2px solid #fff;
} 

/* 4th Menu */ 
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { 
	background: #c7e6fa; /* #999; this changes the background color on the second level dropdown when you're hovering over it */
	color: #0172BE; /* this is the fourth level text when you're hovering over it */
	display: block; 
/*	margin: 6px 0px 0 0px; /* This adds excluded space */
/*	padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom:2px solid #fff;
} 
/* 4th Menu Hover */ 
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { 
	background: #ebf6fc; /* #999; this changes the background color on the second level dropdown when you're hovering over it */
	color: #0172BE;/* #FFF; this is the fourth level text when you're hovering over it */
	display: block; 
/*	margin: 6px 0px 0 0px; /* This adds excluded space */
/*	padding: 2px 0px 0 0px; /* This would add included space */
/*	padding: 0 6px 0 6px; */
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom:2px solid #fff;
} 

ul#navmenu-h li:hover li:hover li:hover ul{
	border-left:2px solid #fff;
}

/* Hover Function - Do Not Move */ 
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { 
	display: none; 
} 

ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { 
	display: block; 
}