#nav_container {
	padding: 56px 0 0 342px;
}

#navbar{
background: url(../images/menu_left.gif) top left no-repeat;
height: 38px;
}

#navbar ul{
background: url(../images/menu_right.gif) top right no-repeat;
margin-left:12px !important; margin-left: 6px; /* margin fix for ie6  */
padding-right: 12px;
float: left;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:13px ;
height: 38px;
line-height: 19px;
}

#navbar ul li{
display: inline;
}


#navbar ul li a{
float: left;
color:#FFFFFF;
font-weight: bold;
padding: 7px 7px 5px 7px;  /*width between words adjust left and right equally  */
text-decoration: none;
}

#navbar ul li a:hover, #navbar ul li a:hover span#selected{
text-decoration: none;
background: url(../images/menu_hover.gif) top left repeat-x;
}

#navbar ul li a span#selected {
background: url(../images/menu_selected.gif) repeat-x;
padding: 8px 0 5px 0;
}



#navbar:after{ /*Add margin between menu and rest of content in Firefox not my code should invesitgate to see if we need it*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}