/*-- classes added in script --*/

ul#menu li a.menu_selected {
color: #803500;
font-weight: bold;
margin-bottom: 2px;
}

ul#menu li ul li a.menu_selected {
font-weight: bold;
color: #803500;
margin-bottom: 0;
}

li.menu_selected_holder {
background-image:url(images/bg_menu_selected.gif);
background-repeat: no-repeat;
}

/*-- end classes added in script --*/

/*-- classes for toggler images --*/

ul#menu img.toggler {
float: left; 
margin: 16px -15px 0 0;
position: relative;

}

ul#menu img.toggler:hover {cursor:pointer; cursor: hand; }

/*-- end classes for toggle images --*/

ul#menu {
width: 220px;
margin: 0;
padding: 5px 5px 30px 20px;
font-size:15px;
}

ul#menu li { 
list-style: none;
display: block;
clear: both;
line-height: 28px;
min-height: 28px;
}

ul#menu li ul {
display: block;
clear: both;
}

ul#menu li ul li { 
line-height: 21px;
min-height: 21px;
margin-left:20px;
}

ul#menu li a { 
/*-- total width should be 198px --*/
text-decoration:none;
display: block;
padding: 10px 0 4px 0;
width: 183px;
margin-left: 15px;
float: left;
color:#000;
}

ul#menu li ul li a { 
/*-- total width should be 298px --*/
display: block;
padding: 0 0 0 15px;
width: 183px;
margin: 0;
font-size: 13px;
color: #000;
line-height: 20px;
}

ul#menu li ul li a:hover{text-decoration:underline; color:#803500}
ul#menu li a:hover{text-decoration:underline; color:#803500}

/*-- menu styling --*/

.menu_header {
color: #fff;
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 0;
text-align: center;
height: 20px;
line-height: 20px;
width: 200px;
background-image: url(images/bg_top_shape.gif);
background-repeat: no-repeat;
}

.menu_bottom_shape {
clear: left;
float: left;
margin-top: -3px;
}
