#header {
width: 800px;
text-align: center;
margin: 0 auto;
}
#left-repeat {
background: url(../images/design/back-repeat-left.jpg) left repeat-y;
}
#right-repeat {
background: url(../images/design/back-repeat-right.jpg) right repeat-y;
margin:0;
}
#left-border {
background: url(../images/design/back-left.jpg) top left no-repeat;
}
#right-border {
background: url(../images/design/back-right.jpg) top right no-repeat;
}
#bottom-border {
width: 890px; 
margin: 0 auto;
}
#nav {
margin: 0;
padding: 0;
text-align: center;
width: 800px;
font-size: 1.4em;
background-color:#3366FF;
height: 24px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
font: Arial, sans-serif;
display: block;
}

#nav ul li {
float: left;
margin: 7px 2px 4px 2px;
padding: 1px 1em;
color: #FFFFFF;
}

#nav li, #nav li a {
margin: 0;
color: #FFFFFF;
text-decoration: none;
}

#nav li a:link, #nav li a:visited {
color: #FFFFFF;
}

#nav li.current, #nav li.current a {
background-color: #4477DD;
}
#nav li.current li {
background-color: #4477DD;
top: 5px;
}
div#nav li {
position: relative; 
list-style: none; 
margin: 0;
float: left; 
line-height: 1em;
}
div#nav>ul a {
width: auto;
display: block;
}
div#nav ul ul {
position: absolute; 
margin-top: -1px;
padding-top: 5px;
display: none;
background-color: #3366FF;
z-index: 15000;
}
div#nav li.current ul {
background-color: #4477DD;
border-left: 1px solid white;
}
div#nav ul ul li {
padding: 0 .5em .5em .5em;
display:block;
width: 7em;
z-index: 15000;
margin: 0;
}
#nav li, #nav li li a {
border-right: 1px solid #3366FF;
border-left: 1px solid #3366FF;
}
#nav li.current li a {
border-right: 1px solid #4477DD;
border-left: 1px solid #4477DD;
}
#nav li.current {
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
z-index: 15000;
}
div#nav ul.level2 {
top: 1.2em; left: -1px;
}