

/*1. the style of the div container with 

id=”css_horizontal_menu”*/
#css_horizontal_menu{
overflow:hidden;
width:960px;
padding:0px;
background-color:#555555;
}

/*2. the style of the links (html element <a>)*/
#css_horizontal_menu a{
display:block;
float:LEFT;
width:130px;
height:25px;
margin-left:0px;
padding-left:0px;
background-color:#555555;
border-left:1px DASHED #666666;
font-family:arial;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF;
line-height:25px;
TEXT-ALIGN: CENTER;
}

/*3. the css style on the hover state of the links*/
#css_horizontal_menu a:hover{
background-color:#505050;
border-left:1px DASHED #666666;
color:#94BF03;
}

/* remove the left margin for the first link*/
#css_horizontal_menu a.first{
margin-left:0;
}

