body {
  background-color: #ffffff;
}

.header {
  background-color: #336699;
  color: white;
}

.bodyblue {
  background-color: #a8e7f8;
  color: black;
}

.bodywhite {
  background-color: white;
  color: black;
}

a:active {
  color: yellow;
  font-size: 120%;
}
a:link {
  color: white;
  font-size: 120%;
}
a:visited {
  color: white;
  font-size: 120%;
}

h1 {
  text-align:center;
  font-size: 180%;
}

h2 {
  font-size: 180%;
  margin-bottom: 10;
}

h3 {
  font-size: 160%;
  margin-bottom: 10;
}

h4 {
  font-size: 140%;
  margin-bottom: 10;
}

pre {
  margin : 0;
  padding : 0;
}

ul {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  padding-left: 1em;
}

li {
  margin: 0;
  padding: 0;
}
  
.bold {
  font-weight:bold;
}

div.intro {
  text-align:right;
  font-style:italic;
  padding:10px;
  margin-left:20px;
}


div.topbar {
  position:fixed;
  height: 60;
  top:5px;
  left:5px;
  right:5px;
  background-color: #336699;
  color: white;
}

div.topbar a {
  text-decoration:none;
  color: white;
  font-size: 120%;
}

div.topleft {
  position:absolute;
  top:0px;
  left:0px;
  width:20;
  height:60;
  background-color: #336699;
  color: white;
}

div.topcentre {
  position:absolute;
  top:10px;
  left:20px;
  right:180px
  height:60;
  text-align:left;
  font-size: 220%;
  font-weight:bold;
  background-color: #336699;
  color: white;
}

div.topright {
  position:absolute;
  top:0px;
  right:20px;
  width:200;
  height:60;
  text-align:right;
  background-color: #336699;
  color: white;
}

div.xcontent {
  position:fixed;
  top:70px;
  left:5px;
  right:5px;
  bottom:5px;
  background-color:#008cd0;
  color: white;
}

div.xinner {
  position:absolute;
  top:0px;
  left:50px;
  right:20px;
  background-color:#008cd0;
  color: white;
}

div.xinner blockquote a {
  text-decoration:none;
  color: blue;
}

div.xinner a {
  text-decoration:none;
  color: blue;
}

div.xbotright {
  position:absolute;
  text-align:right;
  bottom:0px;
  right:0px;
  width:20;
  background-color:#008cd0;
  color: white;
}

div.content {
  position:fixed;
  top:70px;
  left:5px;
  right:5px;
  bottom:5px;
  background-color:#a8e7f8;
  color: black;
}

div.inner {
  position:absolute;
  top:0px;
  left:50px;
  right:20px;
  background-color:#a8e7f8;
  color: black;
  font-size: 110%;
}

div.inner p {
  font-size: 120%;
}

div.inner p a {
  font-size: 120%;
}

div.inner li {
  font-size: 120%;
}

div.inner li li {
  font-size: 100%;
}

div.inner blockquote a {
  text-decoration:none;
  color: blue;
  font-size: 100%;
}

div.inner a {
  text-decoration:none;
  color: blue;
}

div.botright {
  position:absolute;
  text-align:right;
  bottom:0px;
  right:0px;
  width:20;
  background-color:#a8e7f8;
  color: black;
}

.block {
  border:1px;
  border-style:solid;
  padding:10px;
  font-weight:bold;
  background-color:#dddddd;
}


blockquote {
  border:1px;
  border-style:solid;
  padding:5px;
  font-weight:bold;
  font-size: 120%;
  background-color:#dddddd;
}

blockquote a {
  font-size: 120%;
}

blockquote pre {
  font-size: 120%;
}