#nav_top { /* height: 18px; */ height: 60px; width: 764px; /* margin: 25px -15px; */ margin: 0px -15px; padding: 0 33px; } #nav_top { display: block; position: relative; top: 0px; left: 0px; z-index: 100; text-align: center; } ul.menu { list-style:none; margin:0; padding:0 } ul.menu * { margin:0; padding:0 } ul.menu a { display:block; color:#FFFFFF; text-decoration:none; font-size: 11px; width: 130px; text-align: left; } ul.menu li { position:relative; float:left; /* margin-right:2px;*/ width: auto; text-align: center; } ul.menu ul { position:absolute; top:26px; left:-10px; background:#272B2E url(../images/sub_top.gif) no-repeat left top; display:none; opacity:0; list-style:none; color: #FFFFFF; width: 149px; _width: 145px; } ul.menu ul li { position:relative; border-top:none; width:140px; margin:0; padding-right: 4px; padding-left: 5px; background: url(../images/sub_body.gif) repeat-y left top; } ul.menu ul li a { display:block; padding:5px 7px 5px; border-top: 1px solid #3D4143; text-decoration:none; } ul.menu ul li a:hover { background: url(../images/sub_over.png) repeat-y left top; color: #FFFFFF; } ul.menu ul ul { left:149px; top:-5px; background: url(../images/subsub_top.gif) no-repeat left top; } ul.menu ul ul li { background: url(../images/subsub_body.gif) repeat-y left top; } ul.menu ul ul ol { margin: 0; padding: 0; } ul.menu ul ul ol li { width: 140px; margin: 0; padding: 0; line-height: 12px; /* there is a top and bottom padding of 5px each so total height of a list entry is 22px */ } ul.menu .col1 {margin-left: -25px;} ul.menu .col2 {margin-left: 115px;} ul.menu .col3 {margin-left: 250px;} ul.menu .col4 {margin-left: 385px;} ul.menu .row1 {margin-top: -220px;} /*10 entries per column so go back up (10entries)*(22px/entry)=220px */ ul.menu .row2 {margin-top: -198px;} /*10 entries per column so go back up (9entries)*(22px/entry)=198px */ ul.menu .row3 {margin-top: -176px;} /*10 entries per column so go back up (8entries)*(22px/entry)=176px */ ul.menu .row4 {margin-top: -154px;} /*10 entries per column so go back up (7entries)*(22px/entry)=154px */ ul.menu .row5 {margin-top: -132px;} /*10 entries per column so go back up (6entries)*(22px/entry)=132px */ ul.menu .row6 {margin-top: -110px;} /*10 entries per column so go back up (5entries)*(22px/entry)=110px */ ul.menu .row7 {margin-top: -88px;} /*10 entries per column so go back up (4entries)*(22px/entry)=88px */ ul.menu .row8 {margin-top: -66px;} /*10 entries per column so go back up (3entries)*(22px/entry)=66px */ ul.menu .row9 {margin-top: -44px;} /*10 entries per column so go back up (2entries)*(22px/entry)=44px */ ul.menu .row10 {margin-top: -22px;} /*10 entries per column so go back up (1entries)*(22px/entry)=22px */ ul.menu .menulink { /* background:url(images/header.gif);*/ /* width:125px; */ width:130px; text-align: center; font: bold 13px/20px Arial, Helvetica, sans-serif; color: #FFFFFF; border-right: 1px solid #636769; } ul.menu .last { border-style: none; } ul.menu .menulink:hover, ul.menu .menuhover { color: #88B0C8; /* background:url(images/header_over.gif)*/ } ul.menu .sub { background:url(../images/arrow.gif) 136px 8px no-repeat } ul.menu .topline { /* background: url(images/sub_top.png) no-repeat left top;*/ margin-top: 7px; /* border-top:1px solid #aaa*/ } ul.menu .topline a { border: none; /* border-top:1px solid #aaa*/ } ul.menu .lowline { background: url(../images/sub_foot.gif) no-repeat left bottom; height: 7px; } ul.menu ul ul .lowline { background: url(../images/subsub_foot.gif) no-repeat left top; height: 7px; }