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;
max-width: 800px;
font-size: 1.4em;
background-color:#3366FF;
height: 24px;
}

nav ul {
list-style: none;
margin: 0;
padding: 0;
font-family: 'Tempus Sans ITC', 'Delius Unicase', sans-serif;
display: block;
height: 24px;
background-color:#3366FF;
}

nav ul li {
float: left;
margin: 7px 2px 4px 2px;
padding: 2px 11px 0;
color: #FFFFFF;
background-color:#3366FF;
}

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

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

nav li.current, nav li.current a {
background-color: #4477DD;
}

nav li {
position: relative; 
list-style: none; 
margin: 0;
float: left; 
line-height: 1em;
}

nav>ul a {
width: auto;
display: block;
}

nav li.current ul {
background-color: #4477DD;
border-left: 1px solid white;
}

nav li, nav li li a {
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;
}

nav ul.level1 li.submenu:hover ul.level2, nav ul.level2 li.submenu:hover ul.level3 {
display:block;
z-index: 15000;
}

nav ul.level2 {
top: 1.2em; left: -1px;
padding-bottom: 5px;
}

nav ul ul {
position: absolute; 
margin-top: -1px;
padding-top: 10px;
display: none;
background-color: #3366FF;
z-index: 15000;
}

nav ul ul li {
padding: 0 5px 5px;
display:block;
width: 9em;
z-index: 15000;
margin: 0;
background-color:#3366FF;
}