/*
CSS for SpeedyReader site
*/

body {
  font-family: Verdana, Helvetica, Ariel, sans-serif;
  background-color: #e2edff;
  line-height: 125%;
padding: 0;
margin: 0;
left: 200px;
 }

h1 {
  font-family: "Trebuchet MS", Ariel, Helvetica, sans-serif; 
  font-size: x-large;
  background-color:navy;
  color: white;
  padding-top: 2em;
  padding-bottom: .2em;
  padding-left: .4em;
  margin: 0;
}


h1, h2, h3, h4{
  font-family: "Trebuchet MS", Ariel, Helvetica, sans-serif; 
 
}


h2{
color: navy;
font-size: 130%;
font-weight: bold;
padding-top: 15px;
}

h2, ul {
  margin-top: 15px;
}
h2, h3, h4 {
 color: navy;
 font-size: medium;
 font-weight:bold;
 
}
h3 {
color:navy;}
h4 {color:navy;}

li{
  font-size: small;
  color: navy;
  list-style-type: none;
}



p{
font-size: small;
color: navy
 }

#navigation {
  width: 180px;
  background-color: #7da5a8; 
}
a{
font-weight: bold;
}
a:link {
color: navy;
}
a:visited {
color: navy;
}
a:hover {
text-decoration:none;
color: white;
background-color: navy;
}
a:active {
color: aqua;
background-color: navy;
}
#tagline p {
  font-style: italic;
  font-family: "Trebuchet MS", Ariel, Helvetica, sans-serif;
  background-color: #bed8f3;
  border-top: 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
}


#navigation, #bodycontent {
  top: 6.54em;
}
#bodycontent{
 margin-left: 200px;
}
#header {
width: 100%;
}
#header {
  border-top: 3px solid #7da5d8;
}
.feature {
  float: right;
  margin: 10px;
}