body {
  font-size:77%;
  font-family: verdana, arial, sans-serif;
  line-height:180%;
  color: #2f32c4;
}

.header {
  background-image: url('../resources/bluegradient120.jpg');
  background-repeat: repeat;
}

img.right {
  float:right;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  
}

img.left {
  float:left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 1em;
  
} 

img.header {
  float:right;

}

.content img.right {
  position: relative;
  right: -2em;
}


p {
  margin-top: 0.5em;
  padding-left: 2em;
  padding-right: 2em;
}

ul.bullets {
  margin-top: 0.5em;
  padding-left: 3.5em;
  padding-right: 3.5em;
  
}

ul.bullets li {
  list-style-type: square;
  list-style-position: outside;
}

h1 {
  background-image: url('../resources/bluegradient45.jpg');
  background-repeat: repeat-x;
  font-family: times, serif;
  font-size: 300%;
  font-style: oblique;
  line-height: 100%;
  color: white; 
  margin-top: 1em;
  padding-left: 0.5em;
  padding-bottom: 0.3em;
  clear: both;
 
  
}

h1 img {
  float: right;
  margin-top: 0;
  margin-bottom: 0;

}

h2 {
  font-family: times, serif;
  font-size: 150%;
  font-style: oblique;
  margin-top: 1em;
  
  
}

blockquote {
  font-family: times, serif;
  font-style: oblique;
  font-size: 150%;
  margin-top: 0.5em;
  padding-right: 5em;
  padding-left: 5em;
}

pre {
  font-family: courier, fixed-width;
  font-size: 150%;
  line-height:100%;
  margin-top: 1em;
  
}

.side {
  border-width: 2px;
  border-style: solid;
  border-color: #6c87d4;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-right: 1em;
  float: right;
}

.content {
  margin-right:12em;

}

.footer {
  clear: both;
  padding-top: 1em;
}

.floatwrap {
  float: left;
}