.sitemenu{

    /*padding-left: 25px;*/

}



.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 li a {

	padding:10px;

	font-size:20px;

	color:#fff;

	text-decoration:none;
    display: block;

}



.sitemenu ul li a:hover , .sitemenu ul li a.on {

	color:#000;

	background-color:#ffc000;

}



/*1st sub level menu*/

.sitemenu ul li ul{

    position: absolute;

    left: 0;

    display: block;

    visibility: hidden;

    background:#000;

    border-top:1px solid #333;

    border-left:1px solid #333;

    border-right:1px solid #333;

}



/*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 #333;

    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: #ffc000;

    color: #000;

}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{

    position: absolute;

    top: 27px;

    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;

}