ul.menu { list-style: none; margin: 0; padding: 0; float: left; width: 948px; height: 41px; background: #000; }
ul.menu li { float: left; margin: 0; position: relative; }


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

ul.menu li.home a { width: 76px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_home_off.gif) no-repeat; border: 0; }
ul.menu li.home a:hover { width: 76px; height: 41px; background: #000 url(/images/nav/nav_home_on.gif) no-repeat; border: 0; }

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

ul.menu li.faq a { width: 75px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_faqs_off.gif) no-repeat; border: 0; }
ul.menu li.faq a:hover { width: 75px; height: 41px; background: #000 url(/images/nav/nav_faqs_on.gif) no-repeat; border: 0; }

ul.menu li.education a { width: 163px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_edu_center_off.gif) no-repeat; border: 0; }
ul.menu li.education a:hover { width: 163px; height: 41px; background: #000 url(/images/nav/nav_edu_center_on.gif) no-repeat; border: 0; }

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

ul.menu li.company a { width: 190px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_company_off.gif) no-repeat; border: 0; }
ul.menu li.company a:hover { width: 190px; height: 41px; background: #000 url(/images/nav/nav_company_on.gif) no-repeat; border: 0; }

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

ul.menu li.contact a { width: 115px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_contact_us_off.gif) repeat-x; border: 0; }
ul.menu li.contact a:hover { width: 115px; height: 41px; background: #000 url(/images/nav/nav_contact_us_on.gif) repeat-x; border: 0; }


/* second level navigation */
ul.menu li ul.submenu { list-style: none; position: absolute; width: 200px; left: 0; top: 40px; margin: 0; padding: 0; display: none; float: left; line-height: 20px; }
ul.menu li ul.submenu li { margin: 0; padding: 0; clear: both; }

ul.menu li.education ul.submenu { width: 280px; height: 120px; padding: 16px 0 0 18px; left: -2px; background: #000; border-top: 1px solid #0C0A08; border-right: 1px solid #504232; border-bottom: 1px solid #504232; border-left: 1px solid #504232; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) -moz-opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity: .9; } 
ul.menu li.education ul.submenu li a { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.education ul.submenu li a:hover { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; } 

ul.menu li.company ul.submenu { width: 230px; height: 106px; padding: 16px 0 0 18px; left: -2px; background: #000; border-top: 1px solid #0C0A08; border-right: 1px solid #504232; border-bottom: 1px solid #504232; border-left: 1px solid #504232; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) -moz-opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity: .9; } 
ul.menu li.company ul.submenu li a { width: 216px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.company ul.submenu li a:hover { width: 216px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; } 

ul.menu li.education ul.submenu li.modI a.active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; border: 0; }
ul.menu li.education ul.submenu li.modI a.not-active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; border: 0; }

ul.menu li.education ul.submenu li.modII a.active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; border: 0; }
ul.menu li.education ul.submenu li.modII a.not-active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; border: 0; }

ul.menu li.education ul.submenu li.modIII a.active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; border: 0; }
ul.menu li.education ul.submenu li.modIII a.not-active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; border: 0; }

ul.menu li.education ul.submenu li.modIV a.active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; border: 0; }
ul.menu li.education ul.submenu li.modIV a.not-active { width: 266px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; border: 0; }


/* third level navigation */
ul.menu li ul.submenu li ul.subsubmenu { list-style: none; position: absolute; width: 200px; left: 0; top: 0; margin: 0; padding: 0; display: none; float: left; line-height: 20px; } 
ul.menu li.ul.submenu li.ul.subsubmenu li { margin: 0; padding: 0; clear: both; }

ul.menu li.education ul.submenu li.modI ul.subsubmenu { width: 250px; height: 120px; padding: 8px 0 0 18px; left: 260px; background: #000; border: 1px solid #504232; } 
ul.menu li.education ul.submenu li.modI ul.subsubmenu li a { width: 236px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.education ul.submenu li.modI ul.subsubmenu li a:hover { width: 236px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; } 

ul.menu li.education ul.submenu li.modII ul.subsubmenu { width: 355px; height: 300px; padding: 8px 0 0 18px; left: -375px; background: #000; border: 1px solid #504232; } 
ul.menu li.education ul.submenu li.modII ul.subsubmenu li a { width: 341px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.education ul.submenu li.modII ul.subsubmenu li a:hover { width: 341px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; } 

ul.menu li.education ul.submenu li.modIII ul.subsubmenu { width: 200px; height: 120px; padding: 8px 0 0 18px; left: 260px; background: #000; border: 1px solid #504232; } 
ul.menu li.education ul.submenu li.modIII ul.subsubmenu li a { width: 186px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.education ul.submenu li.modIII ul.subsubmenu li a:hover { width: 186px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; } 

ul.menu li.education ul.submenu li.modIV ul.subsubmenu { width: 270px; height: 190px; padding: 8px 0 0 18px; left: 260px; background: #000; border: 1px solid #504232; } 
ul.menu li.education ul.submenu li.modIV ul.subsubmenu li a { width: 256px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.education ul.submenu li.modIV ul.subsubmenu li a:hover { width: 256px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; }