#menu-container {
position: relative;
width: 1024px;
height: 3em;
border-right: 1px solid white;
}

#menu {
position: relative;
margin: 0 auto 0 auto;
width: 820px;
height: 100%;
}

.menu-spacer {
position: relative;
margin: 0;
width: 102px;
height: 100%;
background: none;
border: none;
float: left;
}

.menu-item-blue {
position: relative;
width: 164px;
height: 100%;
margin: 0;
border: 0;
float: left;
/* background-color: #004eb6; */
background-color: #6789B6;
}

.menu-item-green {
position: relative;
width: 164px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: green;
}

.menu-item-orange {
position: relative;
width: 164px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #ff7000;
}

.menu-item-purple {
position: relative;
width: 164px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #4E21D6;
}

.menu-item-red {
position: relative;
width: 164px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #CC0000;
}

.menu-item-yellow {
position: relative;
width: 164px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #E6E600;
}

.menu-choice {
position: relative;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
text-align: center;
/* text-indent: 1em; */
color: white;
font-variant: small-caps;
font-weight: bold;
font-size: 1em;
letter-spacing: .08em;
/* border: 1px solid white; */
}

.menu-choice:hover {
color: #000000;
background-color: #FFFFFF;
opacity: .4;
filter: alpha(opacity=40);
}                       /*End top menu*/

#sub-menu-container {
position: relative;
width: 1024px;
height: 3em;
border-right: 1px solid white;
}

.sub-menu-item-orange {
position: relative;
width: 410px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #ff7000;
}

.sub-menu-item-purple {
position: relative;
width: 273px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #4E21D6;
}

.sub-menu-item-blue {
position: relative;
width: 820px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #6789B6;
}

.sub-menu-item-green {
position: relative;
width: 820px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: green;
}

.sub-menu-item-red {
position: relative;
width: 820px;
height: 100%;
margin: 0;
border: 0;
float: left;
background-color: #CC0000;
}

.highlighted-menu-item {
color: #000000;
}

.menu-form-button-orange {      /*Special styling for a form submit button to blend in withdesign. */
position: relative;
display: block;
width: 100%;
height: 3em;
text-decoration: none;
text-align: center;
color: white;
font-variant: small-caps;
font-weight: bold;
font-size: 1em;
letter-spacing: .08em;
border: none;
background-color: #FF7000;
z-index: 320;
cursor: pointer;
}

.menu-form-button-orange:hover {
background-color: #FFFFFF;
color: #000000;
opacity: .4;
filter: alpha(opacity=40);
}