body {
  background: #555;
  font-family: verdana, sans-serif;
}

#pageHeader {
  background: url(images/head8-page3.jpeg) no-repeat 0 0;
  width: 780px;
  height: 300px;
  color: white;
  position: fixed;
  top: 10;
  z-index: 10000;
  border-top: solid 1px #FFFF99;
}

#headdiv {
    position: fixed;
    top: 310px;
    width: 780px;
    background-image: linear-gradient(#333 30%, transparent);
}

#nav {
    position: fixed;
    bottom: 10px;
    width:780px;
    background-image: linear-gradient(to top, #333 80%, transparent);
    border-bottom: solid 1px #FFFF99;
}

#top {
    content: " ";
    background:  #555 scroll top;
    height: 10px;
    width: 782px;
    position: fixed;
    top: 0px;
}

#bottom {
    content: " ";
    background:  #555 scroll bottom;
    height: 10px;
    width: 782px;
    position: fixed;
    bottom: 0px;
}

#main {
  /*background: #F5E783;*/
  /*background: #FFFFEE;*/
  background: #333;
  width: 780px;
  margin: 10px auto 10px auto;
}

#content-outer {
    width: 780px;
    border-left: solid 1px #FFFF99;
    border-right: solid 1px #FFFF99;
  }

#content {
  padding-top:  315px;
  padding-bottom: 120px;
  margin-left: 42px;
  margin-right: 42px;
}

#menubox {
  top: 0;
  left: 1.5em;
  position: fixed;
}

p {
  color: #CCCCCC;
  font-size: 1em;
  text-align: justify;
}

ul {
  color: #FFFF99;
  list-style-type: square;
  margin-right: 40px;
}

ul.sub {
  list-style-type: disc;
  margin-left: -25px;
}

ul.subsub {
  list-style-type:  square;
  margin-left:  -25px;
}

h3, h4 {
  color: #FFFF99;
  font-style: normal;
  font-weight: normal;
  font-family: helvetica, sans-serif;
}

h3 {
  font-size: 1.25em;
  margin-left: -12px;
}

h4 {
  font-size: 1.1em;
  margin-left: -8px;
}

p.papertitle {
}

p.papersub {
  margin-top: -1em;
  color: gray;
  font-size: 0.9em;
}

p.paperloc {
  margin-top: -1em;
  font-size: 0.9em;
}
p.coursetitle {
}

p.coursesyllabus {
  margin-top: -1em;
  font-size: 0.9em;
}

p.nav {
    text-align: center;
    font-size: 0.9em;
    word-spacing: 1em;
    color: #FFFF99
}

IMG.cc {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.copyright {
  text-align: center;
  font-size: 0.5em;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(153,204,255,0), rgba(153,204,255,0.75), rgba(153,204,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(153,204,255,0), rgba(153,204,255,0.75), rgba(153,204,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(153,204,255,0), rgba(153,204,255,0.75), rgba(153,204,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(153,204,255,0), rgba(153,204,255,0.75), rgba(153,204,255,0));
}

A {
  text-decoration: none;
}

h3:before {
    display: block;
    content: " ";
    margin-top: -350px;
    height: 350px;
    visibility:hidden;
}

h4:before {
    display: block;
    content: " ";
    margin-top: -350px;
    height: 350px;
    visibility:hidden;
}

A:link { color: #99CCFF }
A:visited { color: #96CCFF }
A:hover { color: #FFFF99 }
A:active { color: #FFFF99 }

A:link.hidden { color: #333333 }
A:visited.hidden { color: #333333 }
A:hover.hidden { color: #333333 }
A:active.hidden { color: #333333 }