body {
margin: 0 0 10px 0;
padding: 0;
font-family: georgia, roman, serif;
font-size: 100%;
text-align: center;
background-color: #3ca2b7;
}

a {
color: #30c;
}

a:hover {
color: #690;
}

a:visited {
color: #639;
}

img {
border: 0;
}

div#container {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 770px;
text-align: left;
background-color: #fff;
}

#masthead {
width: auto;
height: 98px;
margin: 0;
padding: 0;
background-color: #63c;
border-bottom: #3ca2b7 solid 4px;
}

#masthead h3 {
margin: 0;
padding: 2px;
font-family: trebuchet, arial, sans-serif;
font-size: .7em;
text-align: center;
background-color: #e0e8fc;
border-bottom: #3ca2b7 solid 4px;
}

#masthead img.logo {
float: left;
padding: 5px;
border: 0;
}

#masthead ul {
float: right;
display: inline;
margin: 50px 40px 0 0;
padding: 0;
font-family: arial, sans-serif;
font-size: .8em;
font-weight: bold;
text-align: right;
list-style: none;
}

#masthead ul li {
display: inline;
margin: 0;
padding: 0 0 0 30px;
text-align: right;
color: #fff;
}

#masthead ul li a, #masthead ul li a:visited {
color: #fff;
text-decoration: none;
}

#masthead ul li a:hover {
color: #cfc;
text-decoration: underline;
}

.clear, #footer {
clear: both;
}

#nav {
float: left;
width: 200px;
margin-right: 40px;
margin-bottom: 40px;
background-color: #e0e8fc;
border-top: #fff solid 5px;
border-left: #fff solid 4px;
}

#nav ul {
margin: 0;
padding: 15px 10px 0 5px;
font-family: trebuchet, arial, sans-serif;
font-size: .8em;
font-weight: bold;
list-style: none;
}

#nav ul li {
padding: 0 0 1.8em 0;
line-height: 1.2em;
}

#nav ul li a, #nav ul li a:visited {
color: #30c;
}

#nav ul li a:hover {
color: #690;
}

#nav ul li .author {
font-family: trebuchet, arial, sans-serif;
font-size: .85em;
font-weight: normal;
}

#content {
margin-left: 202px;
padding: 40px;
font-size: .75em;
line-height: 1.8em;
text-align: justify;
border-left: #e0e8fc solid 1px;
background-color: #fff;
}

#content h3, h4 {
font-family: verdana, arial, sans-serif;
}

#content h3 {
margin: 0 0 1.8em 0;
font-size: 1.4em;
}

#content h4 {
margin: -1.8em 0 2em 0;
font-size: 1.2em;
}

#content h4.home {
margin: 0 0 1.4em 0;
font-size: 1.2em;
line-height: 2em;
}

#content h4.home:first-letter {
margin: 0 0 0 0;
font-size: 2.2em;
line-height: 1em;
}

#content h5 {
margin: 0 0 .5em 0;
font-size: 1em;
}

#content p {
margin: 0 0 2em 0;
}

#content blockquote {
margin: 0 0 2em 2em;
text-align: left;
}

#content p.first:first-line {
font-weight: bold;
}

#content p.first:first-letter {
padding: 0 2px 0 0;
font-weight: bold;
font-size: 2em;
line-height: 1em;
}

#content ul {
margin: 10px 0 20px 30px;
list-style-type: square;
}

#content hr {
width: 100px;
margin: 40px auto 40px auto;
border-top: #fc0 dashed 1px;
border-bottom: #c90 dashed 1px;
text-align: center;
}

#content img {
border: #333 solid 1px;
}

#content img.home {
float:left;
margin-right: 20px;
border: #333 solid 1px;
}

#footer h6 {
margin: 2px 0 0 0;
padding: 5px;
font-family: arial, sans-serif;
font-size: .7em;
font-weight: normal;
text-align: center;
border-top: #3ca2b7 solid 4px;
background-color: #fff;
}