Heres your problem: Close the css selector with a bracket } which is currently missing and comment out text-indent and word-spacing (as shown below)
#navigation {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9px;
height: 29px;
width: 450px;
float: right;
margin: 0px;
text-decoration: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
position: relative;
right: 37px;
top: -50px;
color: #FFF;
text-align: left;
/* text-indent: 15px;*/
padding-top: 21px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/* word-spacing: 27px; */
Delete the following css which appears after the selector above
ul.MenuBarHorizontal {
text-align: left;
}
Setting the text to 9px is far too small and will look distorted but that's your call...personally I'd set it at a minimum of 11px.
ul.MenuBarHorizontal
{
padding: 0;
list-style-type: none;
font-size: 9px;
cursor: default;
width: 450px;
float: right;
margin-top: -8px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
color: #FFF;
text-decoration: none;
}
Comment out padding-right and padding-left (as shown below) otherwise the text will be to one side.
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #6C777D;
color: #FFF;
text-decoration: none;
text-align: center;
padding-top: 7px;
/*padding-right: 12px;*/
padding-bottom: 7px;
/* padding-left: 0px;*/
}
