IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
<!-- height of background area behind buttons -->
.nav {
	FONT-SIZE: 0.7em; Z-INDEX: 500; BACKGROUND-COLOR: #fff; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; WIDTH: 795px; FONT-FAMILY: verdana,arial,helvetica,sans-serif; HEIGHT: 20px
}
.nav .table {
	MARGIN: 0px auto
}
<!-- other buttons -->
.nav .select {
	BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ffffff 0px solid; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
}
<!-- home button -->
.nav .current {
	BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 1px; PADDING-LEFT: -2px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; background-color:#FFFFFF
}
<!-- space between other buttons -->
.nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: auto
}
<!-- gaps between other buttons -->
.nav .select A {
	PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ffffff; LINE-HEIGHT: 1.8em; PADDING-TOP: 0px; WHITE-SPACE: nowrap; HEIGHT: 26px; TEXT-DECORATION: none; BACKGROUND-COLOR: #fff
}
<!-- selection properties -->
.nav .current A {
	DISPLAY: block; FLOAT: left; COLOR: #000000; LINE-HEIGHT: 1.8em; WHITE-SPACE: nowrap; HEIGHT: 26px; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
.nav .select .NwOver A {
	DISPLAY: block; FLOAT: left; COLOR: #000000; LINE-HEIGHT: 1.8em; WHITE-SPACE: nowrap; HEIGHT: 26px; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
.nav .current A STRONG {
	PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
<!-- background behind other buttons -->
.nav .select A:hover {
	CURSOR: pointer; COLOR: #000000; BACKGROUND-COLOR: #fff
}
.nav .select LI:hover A {
	CURSOR: pointer; COLOR: #000000; BACKGROUND-COLOR: #fff
}
.nav .select A:hover STRONG {
	DISPLAY: block; FLOAT: left; CURSOR: pointer
}
.nav .select LI:hover A STRONG {
	DISPLAY: block; FLOAT: left; CURSOR: pointer
}
.nav .select_sub {
	DISPLAY: none
}
.NwOver {
	border-width:0px; DISPLAY: block; FONT-WEIGHT: bold; Z-INDEX: 15; BACKGROUND: #fff url('../images/sub-nav.gif') repeat-x 50% bottom; LEFT: 0px; FLOAT: left; VISIBILITY: visible; MARGIN: 0px; WIDTH: 794px; COLOR: #004200; LINE-HEIGHT: 1.8em; WHITE-SPACE: nowrap; POSITION: absolute; TOP: 24px; HEIGHT: 133px; TEXT-DECORATION: none
}
.nav .sub {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none; FONT-SIZE: 1.0em
}
.nav .NwOver .sub {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.nav .NwOver .sub A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
.nav .sub_active .current_sub A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #f00
}
.nav .sub_active A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #f00
}
.nav .select :hover .select_sub {
	DISPLAY: block; Z-INDEX: 100; TOP: 221px; WIDTH: 794px; position:absolute; LEFT: 107px; BACKGROUND:#ffffff url('../images/sub-nav.gif') repeat-x 50% bottom; 
}
.nav .current .show {
	DISPLAY: block; Z-INDEX: 100; TOP: 221px; WIDTH: 794px; position:absolute; LEFT: 107px; BACKGROUND: #ffffff url('../images/sub-nav.gif') repeat-x 50% bottom
}
.nav .current .show {
	Z-INDEX: 10
}
<!-- padding between other selection -->
.nav .select :hover .sub LI A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: none; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 7px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px; WHITE-SPACE: nowrap; BORDER-RIGHT-WIDTH: 0px
}
<!-- padding between home selection -->
.nav .current .show .sub LI A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: none; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 7px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px; WHITE-SPACE: nowrap; BORDER-RIGHT-WIDTH: 0px
}
.nav .current .sub LI.sub_show A {
	BACKGROUND: url('../images/sub-nav.gif') repeat-x; CURSOR: default; COLOR: #088
}
.nav .select :hover .sub LI A:hover {
	VISIBILITY: visible; COLOR: red; TEXT-DECORATION: underline; FONT-WEIGHT: bold
}
.nav .current .sub LI A:hover {
	VISIBILITY: visible; COLOR: red; TEXT-DECORATION: underline; FONT-WEIGHT: bold
}
#topnav {
	TOP: 195px; WIDTH: 794px; margin-left: auto; margin-right: auto
}
