#menu {position:relative; width: 182px; /* set width of menu */ margin:0px; float:left;}
#menu ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0;}
#menu a {font:12px Arial; display: block; margin: 0;}
#menu a.ln {color:#000000; background-color: #eeeeee; text-decoration:none; padding:5px;}
#menu a.ln:hover {color:#FFFFFF; background-color: #093407;}
#menu a.ln_default {color:#FFFFFF; background-color: #093407; text-decoration:none; padding:5px;}
#menu a.ln_default:hover {color:#FFFFFF;	background-color: #093407;}
#menu a.ln2 {color:#000000; background-color: #eeeeee; text-decoration:none; padding:4px 5px 4px 5px;	border-width: 0px 1px 1px 1px; border-style: solid;	border-color: #eeeeee;}
#menu a.ln2:hover {color:#FFFFFF; background-color: #093407;}
#menu a.ln2_default {color:#FFFFFF; background-color: #093407; text-decoration:none; padding:4px 5px 4px 5px; border-width: 0px 1px 1px 1px;	border-style: solid; border-color: #eeeeee;}
#menu a.ln2_default:hover {color:#FFFFFF; background-color: #093407;}
#menu a.ln2_top {border-width: 1px 1px 1px 1px;}
#menu a.ln3 {color:#000000; background-color: #eeeeee; text-decoration:none; padding:4px 5px 4px 5px;	border-width: 0px 1px 1px 0px; border-style: solid;	border-color: #eeeeee;}
#menu a.ln3:hover {color:#FFFFFF; background-color: #093407;}
#menu a.ln3_default {color:#FFFFFF; background-color: #093407; text-decoration:none; padding:4px 5px 4px 5px; border-width: 0px 1px 1px 0px;	border-style: solid; border-color: #eeeeee;}
#menu a.ln3_default:hover {color:#FFFFFF; background-color: #093407;}
#menu a.ln3_top {border-width: 1px 1px 1px 0px;}
/**************** code below is only for Right navigation ****************/
#menu li {/* make the list elements a containing block for the nested lists */ position: relative;}
#menu ul ul ul { position: absolute; top: 0; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}
/**************** end: code is only for Right navigation ****************/

#topnav ul {
	background:transparent url('custom/images/topnav_background.png') repeat-x;
	height:46px;
	list-style-type:none;
	margin:2px 0;
	padding:0;
	position:relative;
	width:960px;
}

#topnav li{
	float:left;
}

#topnav li a{
	color:#000000;
	cursor:pointer;
	display:block;
	float:left;
	font:normal normal bold 15px Arial, Helvetica, sans-serif;
	height:48px;
	line-height:48px;
	padding:0 0 0 16px;
	text-align:center;
	text-decoration:none;
}

#topnav li a b{
	display:block;
	float:left;
	padding:0 20px 0 4px;
}

#topnav li.current a{
	background:transparent url('custom/images/topnav_tab_left.png') no-repeat left 50%;
	color:#ffffff;
}

#topnav li.current a b{
	background:url('custom/images/topnav_tab_right.png') no-repeat right top;
	color:#ffffff;
}

#topnav li a:hover{
	background:url('custom/images/topnav_tab_hover_left.png') no-repeat left 50%;
	color:#ffffff;
}

#topnav li a:hover b{
	background:url('custom/images/topnav_tab_hover_right.png') no-repeat right top;
	color:#ffffff;
}