Step 5: Navigation Bar 1 CSS

BODY {
  MARGIN: 0;
  PADDING: 0;
  BACKGROUND-IMAGE:  url(../images/bckgd.gif);
  BACKGROUND-REPEAT: repeat;
  FONT-FAMILY: helvetica, arial, sans-serif;
  FONT-SIZE: small;
}

DIV#body {
  MARGIN: 0;
  PADDING: 0;
  BORDER: rgb(56,56,73) 2px solid;
  MARGIN-TOP: .75em;
  MARGIN-LEFT: 5%;
  WIDTH: 90%;
  BACKGROUND-COLOR: #FFFFFF;
}

IMG.logo {
  BORDER: white 2px solid;
  LEFT: 7%;
  POSITION: absolute;
  TOP: 2em;
}

DIV#title {
  MARGIN: 0px;
  PADDING: 0px;
  PADDING-TOP: 0.35em;
  PADDING-TOP: 0.35em;
  BORDER-BOTTOM: rgb(66,66,118) 1px solid;
  BACKGROUND-POSITION: right top;
  BACKGROUND-IMAGE:  url(../images/arcade.jpg);
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-COLOR: rgb(66,66,118);
  COLOR: #ffffff;
}

DIV#title P.title {
  MARGIN: 0;
  PADDING: 0;
  FONT-SIZE: 225%;
  MARGIN-LEFT: 70px;
  TEXT-TRANSFORM: uppercase;
  PADDING-TOP: 0px;
  FONT-FAMILY: "Adobe Garamond", garamond, times, serif;
  FONT-WEIGHT: normal;
}

DIV#title P.uiuc {
  MARGIN: 0;
  PADDING: 0;
  MARGIN-LEFT: 75px;
  PADDING-BOTTOM: .5em;
  FONT-SIZE: 72%;
  TEXT-TRANSFORM: uppercase;
  FONT-FAMILY: "univers 55", ariel, helvetica, sans-serif;
  LETTER-SPACING: 0.2em
}


DIV#title A {
  COLOR: white;
  TEXT-DECORATION: none;
}

DIV#title A:link, DIV#title A:visited {
  COLOR: white;
}


DIV#title A:hover, DIV#title A:focus {
  COLOR: rgb(204,102,0);
}

SPAN.title {
  FONT-SIZE: 150%;
}

/* Step 5 new code after this line */

DIV#nav1 {
  MARGIN: 0;
  PADDING: 0;
  PADDING-TOP: 0.25em;
  PADDING-BOTTOM: 0.25em;
  BORDER-BOTTOM: rgb(56,56,73) 1px solid;
  WIDTH: 100%;
  COLOR: white;
  BACKGROUND-COLOR: #f5b673;
  TEXT-ALIGN: center
}