#nav {text-transform: uppercase;font-weight: normal;margin: 0px 0 10px 2px;width: 187px; font-size:90%;}
#nav li {padding:0;margin:0;}

/*main site*/
#nav a { display: block; color: #56004E; text-decoration: none; }
#nav ul a {padding: 4px 0 0 15px;}
#nav ul ul a {padding: 5px 0 0 15px;}
#nav ul ul ul a { padding: 5px 0 0 40px;}

/*first level*/
#nav ul li {background: url(/core/navigator_1_0/img/menu1_2bg.gif); background-repeat:repeat-y;border-top: 1px solid #fef5d4;}
#nav ul li a{background: url(/core/navigator_1_0/img/menu1_2.gif); background-repeat:no-repeat;height: 20px;}
#nav ul li a:hover{background: url(/core/navigator_1_0/img/menu1on.gif); background-repeat:no-repeat;}

#nav ul li.AM-Selected {background: url(/core/navigator_1_0/img/menu1bg.gif); background-repeat:repeat-y;}
#nav ul li.AM-Selected a {background: url(/core/navigator_1_0/img/menu1on.gif); background-repeat:no-repeat;}

/*second level*/
#nav ul ul li {font-size: 80%;background-image:none;background-color:#ffffff; border:none;}
#nav ul ul li a{background-image:none;background-color:#ffffff;height: 16px;}
#nav ul ul li a:hover{background-image:none;background-color:#F9E3AC;}

#nav ul ul li.AM-Selected {background-image:none;background-color:#ffffff;}
#nav ul ul li.AM-Selected a{background: none;background-color:#F9E3AC;}

#nav ul li.AM-Selected ul a {background-image:none;}


/*third level*/
#nav ul ul ul li {font-size: 100%;background-image:none;background-color:#ffffff; border:none;}
#nav ul ul ul li a{background-image:none;background-color:#ffffff;height: 16px; padding-left:45px;}
#nav ul ul ul li a:hover{background-image:none;background-color:#F9E3AC;}

#nav ul ul ul li.AM-Selected {background-image:none;background-color:#ffffff;}
#nav ul ul ul li.AM-Selected a {background-image:none;background-color:#F9E3AC;}

/*
#nav ul li.AM-Selected a.AM-ParentSelected { background:none;}


*/

/*franchise*/

#nav li.franchise a {padding: 4px 0 0 27px;}
#nav li.franchise ul a {padding: 5px 0 0 38px;}
#nav li.franchise ul ul a { padding: 5px 0 0 50px;}

/*first level*/
#nav li.franchise {background: url(/core/navigator_1_0/img/menu2bg.gif); background-repeat:repeat-y;border-top: 1px solid #fef5d4;}
#nav li.franchise a{background: url(/core/navigator_1_0/img/menu3_1.gif); background-repeat:no-repeat;}
#nav li.franchise a:hover{background: url(/core/navigator_1_0/img/menu3on.gif); background-repeat:no-repeat;}

#nav li.franchise.AM-Selected {background: url(/core/navigator_1_0/img/menu2on.gif); background-repeat:repeat-y;}
#nav li.franchise.AM-Selected a {background: url(/core/navigator_1_0/img/menu3on.gif); background-repeat:no-repeat;}

 
/*second level*/
#nav li.franchise ul li {padding:3px 0px 3px 0px;background: url(/core/navigator_1_0/img/menu2bg.gif); background-repeat:repeat-y; border-top: 1px solid #fef5d4;}
#nav li.franchise ul li a{background: url(/core/navigator_1_0/img/menu3_2.gif); background-repeat:no-repeat; padding-right5px;}
#nav li.franchise ul li a:hover{background: url(/core/navigator_1_0/img/menu4on.gif); background-repeat:no-repeat;}



/*third level*/
#nav li.franchise ul ul{background-color:#ffffff;margin:10px 0px 8px 0px;}
#nav li.franchise ul ul ul{background-color:#ffffff;margin:10px 0px 0px 0px;}
#nav li.franchise ul ul li {background-image:none;background-color:#ffffff; border:none;}
#nav li.franchise ul ul li a{background-image:none;background-color:#ffffff;height: 16px; padding:5px 5px 10px 45px;}
#nav li.franchise ul ul li a:hover{background-image:none;background-color:#fcf6df;}

#nav li.franchise ul ul li {background-image:none;background-color:#ffffff;}
#nav li.franchise ul ul li a:hover {background-image:none;background-color:#fcf6df;padding:5px 0px 10px 45px;}



#nav:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}




/* class definition 
 * div.AM-Vertical : Entire div
 * ul.AspNet-Menu : The first level ul class (whole menu)
 * li.AM-TopLevel : The first level li class
 * li.AM-Leaf : The leaf node 
 * li.AM-WithChildren : The parent node which has children 
 * a.AM-Link : The link tag 
 * li.AM-Selected : Selected node (applied a, li tag)
 * li.AM-ChildSelected : When the child of the node is selected.
 */

#nav li.AM-Leaf, #nav li {}
#nav li.AM-TopLevel, #nav li.AM-ChildSelected, #nav li.AM-ParentSelected, #nav li.AncestorSelected, #nav li.AM-Selected, #nav li.AM-SiblingSelected{}

/*highlight the path to here*/
#nav a.AM-ChildSelected, #nav a.AM-Hover{}
#nav a.AM-Selected { }
#nav li.AM-Selected, #nav li.AM-ChildSelected {}
#nav li.AM-Hover, #nav li:hover {}


#nav li {display:none;}
#nav li.AM-TopLevel {display:block;}

#nav li.AM-ChildSelected, #nav li.AM-ParentSelected, #nav li.AncestorSelected, #nav li.AM-Selected, #nav li.AM-SiblingSelected {display:block;}