#footer
{
  text-align: center;
  color: #286585;/*dark blue*/
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.1em;
}
#footer_top, #footer_bottom, #footer_main
{
  width: 770px;
}

#footer_top
{
  background: transparent url(bg_footer_01.gif) no-repeat scroll top left;
  height: 20px;
}

#footer_bottom
{
  background: transparent url(bg_footer_03.gif) no-repeat scroll top left;
  height: 20px;
}

#footer_main
{
  background: transparent url(bg_footer_02.gif) repeat-y scroll top left;
}

#footer li
{
  list-style: none outside none;
  display: inline;
  padding: 0 10px;
  background: transparent url(footer_pipe.gif) no-repeat scroll left center;
  text-decoration: none;
}

#footer ul li.first
{
  background: none;/*by not displaying the image on the first item (they are normally on the left), we end up having the image between each item*/
}

#footer li a:link, #footer li a:visited
{
  color: #286585;/*dark blue*/
}

#footer li a:hover, #footer li a:active
{
  color: #000000;/*black*/
}

#footer p#copyright
{
  padding-top: 5px;/*give some separation from the li links*/
}