html {
 background-image: url('../img/bg-geometric.gif');
 background-color: lightgray;
}

body {
 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-size: 90%;
 background-color: LightGoldenRodYellow;
 width:800px;
 padding: 10px;
 text-align: justify;
}

/* Styles for course name and logo */

#header {
 position: relative;
 top: -10px;
 left: -10px;
 width: 820px;
}

td.courseName {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: DarkRed;
  height: 80;
}
td.cmuqlogo {
  text-align: center;
  vertical-align: middle;
  height: 80;
  width: 170;
  text-decoration: none;
  padding: 0.5ex 0ex 0.5ex 0ex;
}

/* Styles for top level menus */

ul.menu {
  list-style-type: none;
  margin: -9px;
  padding: 0px;
}
li.menu {
  float:left;
}
a.menu {
  display:block;
  background-color: Gold;
  color: FireBrick;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 20px;
  border-right: 1px solid #FAFFFF;
  text-decoration:none;
}
a.menu:hover {
 color: FireBrick;
 background-color: GoldenRod;
}

/* Styles for sections, etc. */

.shortcut {
  margin-left:40px;
  font-size:x-small;
  font-weight:normal;
  vertical-align:10%;
}


h1 {
 margin-top: 20px;
 font-size: 1.5em;
}

h2 {
 font-size: 1.2em;
}

h3 {
 font-size: 1.0em;
}

p, table, tr, td, ul, li {
 font-size: 1em;
}