Step 16: Bottom Navigation bar CSS

DIV#bottomnav {
  CLEAR: both;
  PADDING: 0px;
  MARGIN: 0px;
  BACKGROUND-COLOR: rgb(192,192,192);
}

DIV#bottomnav UL {
  MARGIN: 0px;
  PADDING-TOP: 0.5em;
  PADDING-BOTTOM: 0.5em;
  PADDING: 0px;
  TEXT-ALIGN: center;
  BORDER-TOP: rgb(240,120,0) 1px solid;
    BACKGROUND-COLOR: white;
}

DIV#bottomnav LI {
  MARGIN: 0;
  PADDING: 0;
  DISPLAY: inline;
  BACKGROUND-IMAGE:  url(../images/separator-3.jpg);
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: left center;  
}

DIV#bottomnav A {
  MARGIN: 0px;
  PADDING: 0;
  PADDING-LEFT: 1.0em;
  PADDING-RIGHT: 0.5em;
  TEXT-DECORATION: none;
  FONT-SIZE: 70%;
}

DIV#bottomnav LI.nobullet {
  BACKGROUND-IMAGE: none;
}

DIV#bottomnav A:link, DIV#bottomnav A:visited {
  FONT-WEIGHT: bold;
  COLOR: rgb(56,56,73);
}

DIV#bottomnav A:hover, DIV#bottomnav A:focus  {
  COLOR: #f5b673;
  BACKGROUND-COLOR: rgb(56,56,73);
}