.sitemenu{
    padding-left: 15px; /*offset of tabs relative to browser left edge*/
}

.sitemenu ul{
    margin:0;
    padding: 0;
}

/*Top level list items*/
.sitemenu ul li {
    display:inline;
    list-style-type:none;
    position:relative;
    float:left;
}




/*Top level menu link items style*/
.sitemenu ul li a {
	padding:13px 8px 20px 8px;
	font-size:11px;
	color:#6c231a;
	text-decoration:none;
    text-transform:uppercase;

    display: block;
}

.sitemenu ul li a:hover , .sitemenu ul li a.on {
	color:#fff;
	background:url(../menu-on-back.jpg) top left repeat-x;
}

/*1st sub level menu*/
.sitemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    background:#eaab3b;
    border-top:1px solid #dd902d;
    border-left:1px solid #dd902d;
    border-right:1px solid #dd902d;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.sitemenu ul li ul li{
    display: list-item;
    float: none;
    border-bottom:1px solid #dd902d;
    padding:0;
    margin:0;
    text-align:left;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.sitemenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
.sitemenu ul li ul li a{
    width: 160px; /*width of sub menus*/
    padding:8px;
    margin:0;
    height:auto;
}

.sitemenu ul li ul li a:hover{ /*sub menus hover style*/
    background: #dd902d;
    color: #fff;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
    position: absolute;
    top: 7px;
    right: 5px;
	width:26px;
	height:26px;
	background:url('../arrowb.gif') top left no-repeat;
}

.sitemenu ul li a:hover .downarrowclass, .sitemenu ul li a.on .downarrowclass {
	background:url('../arrowb-hover.gif') top left no-repeat;
}

.rightarrowclass{
    position: absolute;
    top: 5px;
    right: 5px;
	width:26px;
	height:26px;
	background:url('../arrowa.gif') top left no-repeat;
}

.sitemenu ul li ul li a:hover .rightarrowclass {
	background:url('../arrowa-hover.gif') top left no-repeat;
}
