Step 3: Banner Title CSS B

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;
}

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;
}

/* Step 3 new code after this line */

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

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;
}