You will see the problem if you change the height setting (as shown) for this definition in style.css:
Quote:
#navbar {
background:#222222 none repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:bold;
height:75px;
margin:0 auto;
overflow:hidden;
padding:0;
width:972px;
}
|
The problem is that there is too much left & right padding on your menu buttons and because of the amount of pages you have, it is forcing a wrap.
To get them on one line, change the following definitions as shown here:
Quote:
#nav li a, #nav li a:link, #nav li a:visited {
color:#FFFFFF;
display:block;
font-family:Bookman Old Style,Times New Roman;
font-size:16px;
font-weight:normal;
margin:0 5px 0 0;
padding:9px 6px 8px 6px;
}
|
Quote:
#nav li a:hover, #nav li a:active {
background:#444444 none repeat scroll 0 0;
color:#FFFFFF;
margin:0 5px 0 0;
padding:9px 6px 8px;
text-decoration:none;
}
|