/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}

#listMenuRoot {
    float: left;
    list-style: none;
    background: url( ../images/nav.jpg ) repeat-x;
    width: 790px;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    padding: 0;
    display: inline;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
    display: none;
    position: absolute;
    left: 0;
    width: 180px;
    background-color: #f1f3f5;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
    float: left;
    top: -1px;
    margin-top: 0;
    left: 178px;
    width: 180px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
    float: left;
    display: block;
    position: relative;
}

.menulist li a {
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: "Century Gothic";
    width: auto;
    margin: 0;
    padding: 10px 14px 10px 14px;
    border-right: 1px solid #FF6600;
    border-left: 1px solid #fff;
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.menulist li ul li a {
	font-weight: normal;
	text-align: left;
	padding: 10px 14px 10px 14px;
	background-image: none;
	color: #ff6600;
	border: 1px solid #f5983c;
	background-color: #fdf0e1;
}

.menulist li ul li a:hover {
	font-weight: normal;
	text-align: left;
	padding: 10px 14px 10px 14px;
	background-image: none;
	color: #0000CC;
	border: 1px solid #f5983c;
	background-color: #E8E8E8;
}

#listMenuRoot li ul li a:hover {
	font-weight: normal;
	text-align: left;
	padding: 10px 14px 10px 14px;
	background-image: none;
	color: #FF0000;
}

#listMenuRoot a {
	text-decoration: none;
	color: #ff6600;
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
    float: none;
    margin: 1px;
}

/* Links inside the menu */
.menulist a {
    display: block;
    text-decoration: none;
}

.menulist ul a {
    padding: 10px 14px 10px 14px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
    background: url( ../images/nav-hover.jpg ) repeat-x;
}

.menulist a.highlighted {
    background: url( ../images/nav-hover.jpg ) repeat-x;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
    display: none;
}

.menulist ul a .subind {
    display: block;
    float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
    float: left;
}

.menulist ul a {
    float: none;
}

/* \*/
.menulist a {
    float: none;
}

* html .menulist ul li {
    float: left;
    height: 1%;
}

* html .menulist ul a {
    height: 1%;
    text-decoration: none;
}

* html .menulist ul a:hover {
    height: 1%;
    text-decoration: none;
}

* html .menulist ul a:visited {
    height: 1%;
    text-decoration: none;
}

* html .menulist ul a:visited:hover {
    height: 1%;
    text-decoration: none;
}

a.active {
    background: url( ../images/nav-hover.jpg ) repeat-x;
    color: #fff;
}