/* STYLE FOR HORIZONTAL MenuOne WITH FLYOUT */
/* IE6: FLYOUT WILL ONLY WORK WITH THE SUPPORT OF "menu-ie6.js" - READ INSTRUCTIONS IN FILE FOR CUSTOM CLASS NAMES */
/* IE6/IE7: CONDITIONALS ARE SET WITHIN THEIR OWN CSS FILES */

/* defaults */
#menuOne, #menuOne ul {
margin: 0;
padding:0;
}
#menuOne {
z-index:100;
}
#menuOne li {
position:relative;
list-style-type: none;
margin: 0;
padding: 0;
float:left;
line-height:13px
}
#menuOne ul li {
float: none;
}

/* label style */
#menuOne a {
display: block;
padding: 11px 20px 11px 20px;
text-decoration: none;
font-size: 13px; /* Need to be set here for IE */
font-weight:bold;
color: #666;
line-height:1;
}
#menuOne ul a {
color: #FFF;
}
#menuOne a:hover {
color: #000 !important;
text-decoration:none;
}


/* Marker style */
/* For horizontal bar */
#menuOne li.show {
background-color:#FFF;
}
#menuOne li.show a,
#menuOne li.showh a {
color:#000;
}
#menuOne li.show a:hover {
}
#menuOne .marker {
}
#menuOne .marker:hover,
#menuOne .markerh {
}
/* For pull-down and fly-out */
#menuOne ul li.show { /* pull-down */
background-color:#BFB7AE;
}
#menuOne ul ul li.show { /* fly-out */
background-color:#CCC5BE;
}
#menuOne ul li.show:hover,
#menuOne ul li.showh {
}
#menuOne ul li.show a {
}
#menuOne li.show li a, 
#menuOne ul li.show li a,
#menuOne li.showh li a, 
#menuOne ul li.showh li a { /*canceling cascading color from above*/
color:#FFF;
}
#menuOne li li .marker {
}
#menuOne li li .marker, 
#menuOne li li .marker:hover.
#menuOne li li .markerh {
background-image: url(images/marker-flyout.gif);
background-position:0px center;
background-repeat:no-repeat;
}



/* Pull-down trigger style */
#menuOne .parent,
#menuOne .parenth {
}
#menuOne .parent:hover,
#menuOne .parenth,
#menuOne .showh {
background-image:none;
background-color:#BFB7AE;
}
#menuOne .parent:hover a,
#menuOne .parenth a {
}
/* Fly-out trigger style */
#menuOne li li.parent,
#menuOne li li.parenth {
	background-image: url(images/trigger-flyout-light.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#menuOne li li.parent a.marker,
#menuOne li li.parenth a.marker {
/* Trigger and marker graphics are combined when a parent label is also a marker */
/* This is only possible if we set a fixed width for the pulldown and flyout */
	background-image: url(images/markerAndTrigger-flyout-light.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#menuOne li li.parent:hover,
#menuOne li li.parenth,
#menuOne li li.showh {
	background-color:#CCC5BE;

}
/* Cancelling nested effect of above trigger */
/* Basically, re-applying the default flyout marker style */
#menuOne li li.parent li a.marker,
#menuOne li li.parenth li a.marker { 
background-image: url(images/marker-flyout.gif);
background-position:0px center;
}


/* Pull-down box: positioning */
#menuOne ul {
position: absolute; 
top:35px;
left:0;
width:175px;
z-index:200;
}
/* Fly-out box: positioning */
#menuOne ul ul {
position: absolute; 
top:2px;
left:94%;
z-index:300;
}
/* Pull-down and fly-out boxes: style */
#menuOne ul {
background-color:#BFB7AE;
border-top:1px solid #DFDBD7;
border-bottom:5px solid #8C8680;
}
#menuOne ul ul {
background-color:#CCC5BE;
border-left:1px solid #DFDBD7;

}
#menuOne ul ul {
display:none;
}
#menuOne ul li {
line-height:14px;
}
#menuOne ul li a {
text-transform: none;
font-size: 12px;
padding: 8px 20px 8px 20px;
margin-bottom: 0;
border-bottom:1px solid #DFDBD7;
}

#menuOne ul li a:hover {
}

/* Pull-down/Fly-out are hidden by default. */
/* Set to work for up to a 3 level menu, but can be increased unlimited */
#menuOne ul,
#menuOne li:hover ul ul,
#menuOne li:hover ul ul ul, 
#menuOne li.parenth ul ul, 
#menuOne li.parenth ul ul ul, 
#menuOne li.showh ul ul, 
#menuOne li.showh ul ul ul { 
display: none; 
}

/* Pull-down/Fly-out will display on hover of label 
#*/


/* Pull-down/Fly-out will display on hover of label */
#menuOne li:hover ul, 
#menuOne ul li:hover ul, 
#menuOne ul ul li:hover ul,
#menuOne li.parenth ul, 
#menuOne ul li.parenth ul, 
#menuOne ul ul li.parenth ul, 
#menuOne li.showh ul, 
#menuOne ul li.showh ul, 
#menuOne ul ul li.showh ul { 
display: block; 
}