/* generic styling for the menu */

.fly-out-menu {
    margin: 4px 0px -13px 0px;
    line-height:52px;
	clear:both;
	height:56px;
	background: transparent url('images/main-menu.png') repeat-x bottom left;
	border-top: 1px solid #000000;
	border-bottom: 0px solid #222222;
}

.fly-out-menu ul {
    margin:0 auto 0;
    padding:0;
    width:1000px;
}
.fly-out-menu ul li {
    position:relative;
}
.fly-out-menu ul.horizontal li {
    float:left;
    display:block;
    width:166px;
    height:50px;
    text-align:center;
    padding:0;
    margin:0;
	line-height: 48px;
}
.fly-out-menu ul li a {
    color: #C2C8CE;
    text-decoration:none;
}
.fly-out-menu ul li ul {
    display:none;
    width:166px;
}

.fly-out-menu ul.horizontal li ul li {
    background: transparent url('images/main-menu-li.png') repeat-x bottom left;
    float:none;
	
}
.fly-out-menu ul.horizontal li ul li a {
    color: #C2C8CE;

}

/* this styling only applies when javascript is enabled */

.fly-out-menu ul.horizontal li.has-submenu {


}

.fly-out-menu ul.horizontal ul li.has-submenu {

}

.fly-out-menu ul.horizontal li.focused {
    background:#000000 url('images/main-li-active.png') repeat-x bottom left;
	text-shadow: #000000 0px -1px 0px;
	height:50px;
}


.fly-out-menu ul.horizontal li.focused > a {
    color:#FFFFFF;
	text-shadow: #000000 0px -1px 0px;
	
}

.fly-out-menu ul.horizontal li.focused > a:hover {
   color: #FFFEBD;
	text-shadow: #000000 0px -1px 0px;

}



.fly-out-menu ul.horizontal li li.focused {
    background:#000000 url('images/main-hover.png') repeat-x bottom left;
	text-shadow: #000000 0px -2px 0px;
	height:50px;
}



.fly-out-menu ul.horizontal li.open ul {
	
    margin-top:1px; /* IE 6 */
    position:absolute;
    z-index:1000;
    left:0px;
    top:100%;
}
.fly-out-menu ul.horizontal li.open > ul {
    margin-top:0px; /* non IE 6 */
}

.fly-out-menu ul.vertical li.open-right ul {
    position:absolute;
    z-index:1000;
    top:-1px;
    left:100%;
}
.fly-out-menu ul.vertical li.open-left ul {
    position:absolute;
    z-index:1000;
    top:-1px;
    left:-100%;
}
/* style rules used just when there is no JavaScript enabled.
   very minimlist with few features.  Will not work in IE 6 */
.css-fly-out-menu ul.horizontal li:hover {
    background:#000000 url('images/main-hover.png') repeat-x bottom left;
}
.css-fly-out-menu ul.horizontal li:hover > a {
    color:#ffffff;
}
.css-fly-out-menu ul li:hover > ul {
    display:block;
    position:absolute;
    top:0px;
    left:100%;
}
.css-fly-out-menu ul.horizontal > li:hover > ul {
    display:block;
    position:absolute;
    left:0px;
    top:100%;
}