/* menu.css */ ul#main-menu { padding: 0 0 0 20px; list-style: none; margin: 0; width: 980px; } ul#main-menu li.main-menu-item, ul#main-menu li.menu-arrow { display: block; float: left; margin: 0; padding: 0; height: 31px; } .hidden { display: none; } .subtopmenu, .simple-submenu { padding: 0; margin: 0; position: absolute; z-index: 1000; top: 116px; background: #fff url(/polproc.nsf/gfx_menu/menu_border_bottom.gif) bottom center no-repeat; } .subtopmenu table, .simple-submenu ul { border-left: 1px solid #777777; font-size: 90%; border-right: 1px solid #777777; } #menu-arrow-about .subtopmenu { background-color: #fff; margin-bottom: 15px; left: 20px; } #menu-arrow-schools .subtopmenu { background-color: #fff; margin-bottom: 15px; left: 178px; } #menu-arrow-students .subtopmenu { background-color: #fff; margin-bottom: 15px; left: 336px; } #menu-arrow-parents .subtopmenu { background-color: #fff; left: 494px; margin-bottom: 15px; } #menu-arrow-staff .subtopmenu { background-color: #fff; margin-bottom: 15px; left: 498px; } #menu-arrow-employment .subtopmenu { background-color: #fff; margin-bottom: 15px; left: 498px; } /*** Use ".simple-submenu" instead of ".subtopmenu" definitions for the simple top-menu items. */ #menu-arrow-about .simple-submenu { left: 20px; width: 200px; } #menu-arrow-schools .simple-submenu { left: 178px; width: 200px; } #menu-arrow-students .simple-submenu { left: 336px; width: 200px; } #menu-arrow-parents .simple-submenu { left: 504px; width: 200px; } #menu-arrow-staff .simple-submenu { left: 590px; width: 200px; } #menu-arrow-employment .simple-submenu { left: 748px; width: 200px; } #menu-arrow-about h3 { border-bottom: 3px solid #590d1d; } #menu-arrow-schools h3 { border-bottom: 3px solid #a50829; } #menu-arrow-students h3 { border-bottom: 3px solid #115772; } #menu-arrow-parents h3 { border-bottom: 3px solid #18b5f2; /* 10-29-2008 PN Changed from 1px to 5px */ /* border-left: 10px solid #1391c2; */ /* border-bottom: 5px solid #18b5f2; */ } #menu-arrow-staff h3 { border-bottom: 3px solid #ff9900; } #menu-arrow-employment h3 { border-bottom: 3px solid #a59e19; } /* #menu-arrow-staff .subtopmenu { background-color: #ff6c00; left: 662px; } #menu-arrow-employment .subtopmenu { background-color: #938b14; left: 820px; } */ #menu-parents table { /* background-color: #308fc2; */ } .subtopmenu h3 { font-size: 100%; /* 10-30-2008 PN Change from 100% to 95% */ margin: 5px 0 0 0; /* 11-4-2008 PN Change from 2px 0 0 0 to 0px 0 0 0 to reduce the spacing below the border */ padding: 0; } #main-menu { font-size: 80%; } .simple-submenu a, .subtopmenu a { color: #222; text-decoration: none; } .simple-submenu a:hover, .subtopmenu a:hover { color: #B22222; border-bottom: 1px solid #B22222; } /* #menu-arrow-about a:hover { background-color: #a50829; } #menu-arrow-schools a:hover { background-color: #590d1d; } #menu-arrow-students a:hover { background-color: #1391c2; } #menu-arrow-parents a:hover { background-color: #18b5f2; } #menu-arrow-staff a:hover { background-color: #ff9900; } #menu-arrow-employment a:hover { background-color: #7d7410; } */ #main-menu h3 a { } #main-menu h3 a:hover { border: none; } #main-menu .hr { /*border-bottom: 1px solid #FFFFFF;*/ /*height: 1px;*/ margin: 0 0 0px 0; /*10-30-2008 PN Change from 0 0 3px 0 to 0 0 0px 0 */ padding: 0; opacity: 0.6; filter: alpha(opacity=60); } #menu-arrow-about, #menu-arrow-about:hover { width: 23px; height: 31px; } #menu-arrow-about { background: url(/polproc.nsf/gfx_menu/menu_arrow__about_us.gif) no-repeat; } #menu-arrow-about:hover { background: url(/polproc.nsf/gfx_menu/menu_arrow__about_us.gif) no-repeat 0px -31px; } #menu-arrow-schools, #menu-arrow-schools:hover { width: 23px; height: 31px; display: block; } #menu-arrow-schools { background: url(/polproc.nsf/gfx_menu/menu_arrow__schools.gif) no-repeat; } #menu-arrow-schools:hover { background: url(/polproc.nsf/gfx_menu/menu_arrow__schools.gif) no-repeat 0px -31px; } #menu-arrow-students, #menu-arrow-students:hover { width: 23px; height: 31px; display: block; } #menu-arrow-students { background: url(/polproc.nsf/gfx_menu/menu_arrow__students.gif) no-repeat; } #menu-arrow-students:hover { background: url(/polproc.nsf/gfx_menu/menu_arrow__students.gif) no-repeat 0px -31px; } #menu-arrow-parents, #menu-arrow-parents:hover { width: 23px; height: 31px; display: block; } #menu-arrow-parents { background: url(/polproc.nsf/gfx_menu/menu_arrow__parents.gif) no-repeat; } #menu-arrow-parents:hover { background: url(/polproc.nsf/gfx_menu/menu_arrow__parents.gif) no-repeat 0px -31px; } #menu-arrow-staff, #menu-arrow-staff:hover { width: 23px; height: 31px; display: block; } #menu-arrow-staff { background: url(/polproc.nsf/gfx_menu/menu_arrow__staff.gif) no-repeat; } #menu-arrow-staff:hover { background: url(/polproc.nsf/gfx_menu/menu_arrow__staff.gif) no-repeat 0px -31px; } #menu-arrow-employment, #menu-arrow-employment:hover { width: 23px; height: 31px; display: block; } #menu-arrow-employment { background: url(/polproc.nsf/gfx_menu/menu_arrow__employment.gif) no-repeat; } #menu-arrow-employment:hover { background: url(/polproc.nsf/gfx_menu/menu_arrow__employment.gif) no-repeat 0px -31px; } /* ------------------------------------------------------ */ ul.menulist { list-style-image: url(/polproc.nsf/decimal__white.gif); margin: 0; padding: 10px; } ul.menulist li { list-style-type: none; padding: 3px 0 3px 15px; /* background-image: url(subnav_list_element.gif); */ background-image: url(/polproc.nsf/diamond2__white.gif); background-repeat: no-repeat; background-position: 0px 7px; }