.navigation{
height: 30px;
 width: 100%;
 border-top: solid #000 1px;
 border-bottom: solid #000 1px;
 background-color: #336699;
border: 1px orange solid;
}


.navigation ul {


 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #ffffff;
 line-height: 30px;

 
}


.navigation li {
 list-style-type: none;
 display: inline;
 border-left: 1px orange solid; 
 border-right: 1px orange solid;
 
 background-image: url('images/button_background.gif');
background-repeat:no-repeat;

 
}


.navigation  a {
 text-decoration: none;
 padding:2px  10px;

 color: #fff;
}


.navigation a:link {
 color: #fff;
}


.navigation a:visited {
 color: #CCCc28;
}


.navigation a:hover {
 font-weight: bold;
 color: #000000;
 background-color: #c7f92a;
 border: 4px lime outset;
}