body {
margin:0;
padding:0;
height:100%; 
text-align: center;
background: #656868;
color:#333333;
}

/* HEADER */
#page_header {
width: 100%;
height: 55px;
background: #515230;
white-space : nowrap;
}  

#page_header h1 {
padding-top: 0px;
padding-left: 20px;
font-family: verdana, helvetica, sans-serif;
font-size:26px;
font-weight:bold;  
color: #FCF8E3;
letter-spacing: -1px;
margin:0px;
}

#page_header h2 {
padding-top: 0px;
padding-left: 20px;
font-family: verdana, helvetica, sans-serif;
font-size:14px;
font-weight:bold;  
color: #E2D179;
margin:0px;  
}

#search {
position: relative;
top: -65px;
left: 290px;
clear: both;
}

/* NAVIGATION BAR */
#menu_bar {
width: 100%;
height: 25px;
background: #A5A162;
text-align: center;
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
margin-top:5px;
margin-bottom: 0;
background-color: transparent;
color: #F3E7A9;
float: left;
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-weight:bold;
}

#navcontainer ul {
font-size:12px;
white-space : nowrap;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
padding: 0.2em 1em;
background-color: transparent;
color: #F3E7A9;
text-decoration: none;
font-weight:bold;
float: none;
}

.first {
border-right: 1px solid #BBB774;
}

.middle {
border-right: 1px solid #BBB774;
}

.last {
border-right: 0;
}

#navcontainer ul li a:hover {
background-color: transparent;
color: #fff;
}