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:#FAFFFF;
 width:800px;
 padding: 10px;
}

/* 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: GOLD;
  height: 80;
}
td.cmuqlogo {
  text-align: center;
  vertical-align: middle;
  height: 80;
  width: 170;
  text-decoration: none;
}

/* 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:TEAL;
  color:YELLOW;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 20px;
  border-right: 1px solid #FAFFFF;
  text-decoration:none;
}
a.menu:hover {
 color: GOLD;
 background-color: darkslategrey;
}

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