/* Arcurve menu styles */

.TabList {float: left; horizontal-align: center;}
.TabList ul {margin: 0; list-style: none; display: inline;}
.TabList li {float: left; margin: 0; display: inline; padding: 0;}
.TabList li a {font-size: 12px;}
select.TabList {color: #fff; font-family: 'lucida sans unicode', 'lucida sans', tahoma, sans-serif; font-size: 13px; background: #5f5951;}

#navParent a {float: left; display: block; text-align: center; white-space: nowrap; text-align: center; padding: 5px 20px 5px 20px; text-decoration: none; color: #796952; font-family: 'lucida sans unicode', 'lucida sans', tahoma, sans-serif; font-size: 14px;}
#navParent a:hover, #navParent li.hover a {text-decoration: none; color: #796952;}
#navParent li {border-right: 1px solid #e4e1dc; margin: 0; padding: 0;}
#navParent li:hover, #navParent li.hover {background: #f7f6f4;}
#navParent .SelectedItem {background: #f7f6f4;}
#navParent .SelectedItem a {background: #f7f6f4;}

#navChild a {display: block; text-decoration: none; padding: 0 15px 0 15px; color: #ccc6be; text-align: left; border: 0 none; font-family: 'lucida sans unicode', 'lucida sans', tahoma, sans-serif; font-size: 13px;}
#navChild ul {padding: 5px 6px 0 5px; margin: 0; display: none; list-style: none; float: left;}
#navChild ul ul {display: none;}
#navChild ul.Level2 li {clear: both;}
#navChild li {position: relative; padding: 0;}
#navChild ul.Level1 li {}
#navChild ul.Level2 li {}

#navChild ul li li a.hasChildren {}
#navChild ul li li a:hover {}
#navChild li ul {position : absolute; z-index: 5; left: -999em; border: 0 none;}
#navChild li li a {}
#navChild li a:hover {color: #fff;}
#navChild a.SelectedItem {color: #fff;}
#navChild .DisabledItem {color: #ccc;}

/* no need to change these hover classes 
unless you need more than 4 levels */
#navChild li:hover ul ul,
#navChild li:hover ul ul ul,
#navChild li:hover ul ul ul ul,
#navChild li.hover ul ul,
#navChild li.hover ul ul ul,
#navChild li.hover ul ul ul ul{
  left: -999em;
}

#navChild li:hover ul, 
#navChild li.hover ul {
	top: 24px;
	left:0;
}
#navChild li li:hover ul,
#navChild li li li:hover ul,
#navChild li li li li:hover ul,
#navChild li li.hover ul,  
#navChild li li li.hover ul,
#navChild li li li li.hover ul {
	top: 0;
	left:134px;
}