ul.menu { list-style: none; margin: 0; padding: 0; float: left; width: 948px; height: 41px; background: #FFF; position: relative; z-index: 1; }
ul.menu li { float: left; margin: 0; position: relative; }
ul.menu li span.nav_arrow { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; display: inline; }


/* top level navigation */
ul.menu li.left_nav_spacer { width: 89px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_left_side_spacer_v2.jpg) no-repeat; border: none 0 #FFF; }
ul.menu li.right_nav_spacer { width: 87px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_right_side_spacer_v2.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.home a { width: 76px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_home_v2_off.jpg) no-repeat; border: none 0 #FFF; }
ul.menu li.home a:hover { width: 76px; height: 41px; background: #FFF url(/images/nav/nav_home_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.about a { width: 153px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_about_barsmarts_v2_off.jpg) no-repeat; border: none 0 #FFF; }
ul.menu li.about a:hover { width: 153px; height: 41px; background: #000 url(/images/nav/nav_about_barsmarts_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.faq a { width: 75px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_faqs_v2_off.jpg) no-repeat; border: none 0 #FFF; }
ul.menu li.faq a:hover { width: 75px; height: 41px; background: #FFF url(/images/nav/nav_faqs_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.education { z-index: 4; }
ul.menu li.education a { width: 163px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_edu_center_v2_off.jpg) no-repeat; border: none 0 #FFF; }
ul.menu li.education a:hover { width: 163px; height: 41px; background: #FFF url(/images/nav/nav_edu_center_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.education a.active { width: 163px; height: 41px; background: #FFF url(/images/nav/nav_edu_center_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.company { z-index: 3; }
ul.menu li.company a { width: 190px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_company_v2_off.jpg) no-repeat; border: none 0 #FFF; }
ul.menu li.company a:hover { width: 190px; height: 41px; background: #FFF url(/images/nav/nav_company_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.company a.active { width: 190px; height: 41px; background: #FFF url(/images/nav/nav_company_v2_on.jpg) no-repeat; border: none 0 #FFF; }

ul.menu li.contact { z-index: 2; }
ul.menu li.contact a { width: 115px; height: 41px; float: left; display: block; background: #FFF url(/images/nav/nav_contact_us_v2_off.jpg) repeat-x; border: none 0 #FFF; }
ul.menu li.contact a:hover { width: 115px; height: 41px; background: #FFF url(/images/nav/nav_contact_us_v2_on.jpg) repeat-x; border: none 0 #FFF; }


/* second level navigation */
ul.menu li ul.submenu { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; list-style: none; position: absolute; width: 200px; left: 0; top: 26px; margin: 0; padding: 0; display: none; float: left; line-height: 18px; z-index: 1000; }
ul.menu li ul.submenu li { margin: 0; padding: 0; clear: both; }

ul.menu li.education ul.submenu { width: 280px; height: 128px; padding: 16px 0 0 16px; left: -2px; border: solid 1px #D5B261; border-top: none 0 #FFF; background: #FFF url(/images/nav/educenter_sub_background.jpg) no-repeat; background-position: top; } 
ul.menu li.education ul.submenu li a { width: 266px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; background: none; line-height: 18px; } 
ul.menu li.education ul.submenu li a:hover { width: 266px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; background: none; } 

ul.menu li.education ul.submenu li.modI a.active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; }
ul.menu li.education ul.submenu li.modI a.not-active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; }

ul.menu li.education ul.submenu li.modII a.active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; }
ul.menu li.education ul.submenu li.modII a.not-active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; }

ul.menu li.education ul.submenu li.modIII a.active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; }
ul.menu li.education ul.submenu li.modIII a.not-active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; }

ul.menu li.education ul.submenu li.modIV a.active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; }
ul.menu li.education ul.submenu li.modIV a.not-active { width: 266px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; }


ul.menu li.company ul.submenu { width: 230px; height: 106px; padding: 16px 0 0 16px; left: -2px; border: solid 1px #D5B261; border-top: none 0 #FFF; background: #FFF url(/images/nav/company_sub_background.jpg) no-repeat; background-position: top; } 
ul.menu li.company ul.submenu li a { width: 216px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; background: none; line-height: 18px; } 
ul.menu li.company ul.submenu li a:hover { width: 216px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; background: none; } 


/* third level navigation */
ul.menu li ul.submenu li ul.subsubmenu { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; list-style: none; position: absolute; width: 200px; left: 0; top: 0; margin: 0; padding: 0; display: none; float: left; line-height: 18px; z-index: 2000; background-color: #FFF; } 
ul.menu li.ul.submenu li.ul.subsubmenu li { margin: 0; padding: 0; clear: both; }

ul.menu li.education ul.submenu li.modI { z-index: 1004; }
ul.menu li.education ul.submenu li.modI ul.subsubmenu { width: 260px; height: 128px; padding: 16px 0 0 16px; left: 250px; background: #FFF; border: 1px solid #D5B261; } 
ul.menu li.education ul.submenu li.modI ul.subsubmenu li a { width: 244px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; } 
ul.menu li.education ul.submenu li.modI ul.subsubmenu li a:hover { width: 244px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; } 

ul.menu li.education ul.submenu li.modII { z-index: 1003; }
ul.menu li.education ul.submenu li.modII ul.subsubmenu { width: 363px; height: 306px; padding: 16px 0 0 16px; left: -375px; background: #FFF; border: 1px solid #D5B261; } 
ul.menu li.education ul.submenu li.modII ul.subsubmenu li a { width: 349px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; } 
ul.menu li.education ul.submenu li.modII ul.subsubmenu li a:hover { width: 349px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; } 

ul.menu li.education ul.submenu li.modIII { z-index: 1002; }
ul.menu li.education ul.submenu li.modIII ul.subsubmenu { width: 200px; height: 128px; padding: 16px 0 0 16px; left: 250px; background: #FFF; border: 1px solid #D5B261; } 
ul.menu li.education ul.submenu li.modIII ul.subsubmenu li a { width: 186px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; line-height: 18px; } 
ul.menu li.education ul.submenu li.modIII ul.subsubmenu li a:hover { width: 186px; height: 20px; padding: 2px 0 0 10px; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; } 

ul.menu li.education ul.submenu li.modIV { z-index: 1001; }
ul.menu li.education ul.submenu li.modIV ul.subsubmenu { width: 276px; height: 196px; padding: 16px 0 0 16px; left: 250px; background: #FFF; border: 1px solid #D5B261; } 
ul.menu li.education ul.submenu li.modIV ul.subsubmenu li a { width: 262px; height: 20px; padding: 2px 0 0 0; color: #023465; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; } 
ul.menu li.education ul.submenu li.modIV ul.subsubmenu li a:hover { width: 262px; height: 20px; padding: 2px 0 0 0; color: #D5B260; text-decoration: none; text-align: left; vertical-align: middle; border: none 0 #FFF; }