/*

Authour : Thusitha Randunuge
*/
.horizontalcssmenu
{
float:left;
margin-left:12px;
margin-right:10px;
}

* html .horizontalcssmenu
{
margin-left:5px;
margin-right:2px;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/

.horizontalcssmenu ul li.selected a{
display: block;
width: 131px; /*Width of top level menu link items*/
height:24px;
border-right: 1px solid #FFF;
border-left-width: 0;
text-decoration: none;
background-image:url(../images/menu_ah.png);
color:#333;
font:12px Arial ;
text-align:center;
line-height:24px;
}

.horizontalcssmenu ul li a{
display: block;
width: 131px; /*Width of top level menu link items*/
height:24px;
border-right: 1px solid #FFF;
border-left-width: 0;
text-decoration: none;
background-image:url(../images/menu_a.png);
color:#333;
font:12px Arial ;
text-align:center;
line-height:24px;
}


	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left:0;
top:0;
border-top: 1px solid #CACACA;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
background:url(../images/menubottom.png) bottom no-repeat;
padding-bottom:7px;

}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 180px; /*width of sub menu levels*/
height:18px;
line-height:18px;
font-weight: normal;
padding: 2px 5px;
background: #CACACA;
/*
border-width: 0 1px 1px 1px;
border-bottom:1px solid;
border-color:#202020;
*/
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
text-align:left;
}

.horizontalcssmenu ul li.selected ul li a{
width: 180px; /*width of sub menu levels*/
height:18px;
line-height:18px;
font-weight: normal;
padding: 2px 5px;
background: #CACACA;
/*
border-width: 0 1px 1px 1px;
border-bottom:1px solid;
border-color:#202020;
*/
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
text-align:left;
}

.horizontalcssmenu ul li a:hover{
/*background-image:url(../images/topmenu1.gif);*/
background-image:url(../images/menu_ah.png);
color:#FFFFFF;
}

.horizontalcssmenu ul li.selected a:hover{
/*background-image:url(../images/topmenu1.gif);*/
background-image:url(../images/menu_ah.png);
color:#FFFFFF;
}

.horizontalcssmenu ul li ul li a:hover{
background: #D4B314;
}


.horizontalcssmenu ul li.selected ul li a:hover{
background: #D4B314;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
/*background: transparent url(menuarrow.gif) no-repeat center left;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 0.5em;
}
	
/* Holly Hack for IE 
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
End */

/* Left SUB MENU */

.sbmenu
{
margin:10px 10px 10px 0px;
padding:0;
list-style-type: none;
padding-right:10px;
}

.sbmenu li
{
position: relative;
display:block;
margin:5px 5px 7px 0px;
}

.sbmenu li.selx a{
display: block;
width: 170px; /*Width of top level menu link items*/
height:27px;
padding-left:20px;
text-decoration: none;
background-image:url(../images/sub_ah.png);
color:#FFF;
font:11px Arial ;
text-align:left;
line-height:27px;
}

.sbmenu li a{
display: block;
width: 170px; /*Width of top level menu link items*/
height:27px;
padding-left:20px;
text-decoration: none;
background-image:url(../images/sub_a.png);
color:#333;
font:11px Arial ;
text-align:left;
line-height:27px;
}

.sbmenu li.selx a:hover{
background-image:url(../images/sub_ah.png);
color:#FFF;
}

.sbmenu li a:hover{
background-image:url(../images/sub_ah.png);
color:#FFF;
}