/* Horizontal menu css */

#horizontal_menu {padding:0; margin:0; text-align:center; width:100%; min-height:28px; z-index:99; position:relative; padding-top:5px;}
*html #horizontal_menu {height:30px;}
ul.horizontalMenu {list-style:none; padding:0; margin:0; width:677px; position:relative; margin-left:20px;}
*html ul.horizontalMenu {margin:0;}

.horizontalMenu a {text-decoration:none; display:block; color:#333; text-align:left; font-size:100%; background-color:#ccc;}

.horizontalMenu li.topLinks {display:inline; float:left; position:relative; text-align:center; height:25px;}
.horizontalMenu li.topLinks a {font-weight:bold; display:block; width:auto; text-align:center; background-color:#fff; border-left:2px solid #ccc;}
.horizontalMenu li.topLinks a:hover {text-decoration:underline;}
.horizontalMenu li.topLeftLink a {border-left:0;}

/* you will need as many of these as you have top links*/
#topLink1 {width:75px;}
#topLink2 {width:100px;}
#topLink3 {width:90px;}
#topLink4 {width:60px;}
#topLink5 {width:55px;}
#topLink6 {width:65px;}
#topLink7 {width:115px;}
#topLink8 {width:115px;}

.horizontalMenu ul.hlevel1 {padding:0; margin:0; list-style:none; width:125px; z-index:500; position:absolute; display:none; top:24px; left:0px; border:1px solid #333; border-bottom:0; float:left; min-height:16px;}
.horizontalMenu li.parent, .horizontalMenu li.child {position:relative; margin:0; float:left; border:0; display:block; min-height:16px; width:auto; border-bottom:1px solid #333; z-index:500;}
.horizontalMenu li.parent a, .horizontalMenu li.child a {padding:2px; display:block; min-height:12px; width:121px; text-align:left; border-left:0; font-weight:normal; background-color:#D4D0C8;}
.horizontalMenu li.parent a:hover {background-color:#7A7773; color:#fff; text-decoration:none;}
*html .horizontalMenu li.parent a, *html .horizontalMenu li.child a, *html .horizontalMenu li.parent, *html .horizontalMenu li.child {height:16px; width:125px;}

/*all see this */
.horizontalMenu ul {padding:0; margin:0; display:none; position:absolute; z-index:99; width:125px; left:125px; margin-top:-18px; border:1px solid #333; border-bottom:0; float:left;}

/* non-IE browsers see this */
.horizontalMenu li:hover ul ul, .horizontalMenu li:hover ul ul ul {display:none;}
.horizontalMenu li:hover ul, .horizontalMenu ul li:hover ul, .horizontalMenu ul ul li:hover ul {display:inline;}
li>ul {top:auto; left:auto;}