
body {
  font-family: "Trebuchet MS", Arial, sans-serif;
  margin: 0; padding: 0;
  background: #f4f3f2;
}

div#page {position: relative; width: 100%; height: 100%;}

div#top {
  position: static;
  width: 100%; height: 7.5em;
  background: #fc6 url(images/yellow.png);
}

div#square {
  position: absolute;
  left: 0em; top: 0em; width: 10.7em; height: 7.5em;
  background: #7a6 url(images/dots.png);
}

div#left {
  position: absolute;
  left: 0em; top: 0em; width: 10.7em; height: 100%;
  background: #e3e3e3 url(images/border.png);
}

div#right {
  position: absolute;
  left: 80%; top: 0em; width: 20%; height: 100%;
  background: #aaa url(images/shade.png);
  border-left: #999 solid 1px;
}

div#content {
  position: relative;
  left: 15em; top: 0em; width: 50%;
  padding: 2em 0em 2em 2.5em;
  font-size: 75%;
}

div#title {position: absolute; left: 4em; top: 0.5em; z-index: 1;}

div#menu {
  position: absolute;
  left: 18em; top: 8.5em; z-index: 2;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 70%; font-weight: bold; letter-spacing: 0.2em;
  color: #333;
}

img#icon {position: absolute; left: 71%; top: 5.7em;}

h1 {
  font-size: 270%; font-weight: normal; letter-spacing: 10px;
  color: white;
  margin: 0.5em 0.3em;
}

h2 {
  font-size: 200%; font-weight: normal; letter-spacing: 4px;
  margin: 0;
  color: #443;
  clear: both;
  border-bottom: #eb7 solid 1px;
  padding-bottom: 0.3em;
}

h3 {
  font-size: 145%; font-weight: normal; letter-spacing: 2px;
  color: #443;
  margin: 0;
  clear: both;
}

h4 {
  font-size: 120%; font-weight: normal; letter-spacing: 2px;
  border-bottom: #eb5 solid 1px;
  padding: 0.2em;
  margin: 0;
  clear: both;
}

h5 {
  font-size: 85%; font-weight: bold;
  color: #443;
  margin: 0;
}

p, li {line-height: 140%; margin: 1.2em 0em;}

img {border: 0; vertical-align: middle;}

li {margin-bottom: 0.6em;}

li li {list-style: disc;}

.compact li {margin: 0;}

ul {margin-top: 0em;}

a:link {color: #833; font-weight: bold;}

a:active {color: #c53; font-weight: bold;}

a:hover {color: #c53; font-weight: bold;}

a:visited {color: #655; font-weight: bold;}

#menu a {text-decoration: none; color: #333;}

#menu a:active {color: white;}

#menu a:hover {color: white;}

#menu a:visited {}
