body 
{ background-color: white; 
margin: 0; padding: 0; }

ul 
{ margin: 0; 
padding: 0; }

p 
{ text-indent: 15px; }

q 
{ font-variant: small-caps; 
background-color: #ecf2ec; 
width: auto; 
margin-left: 25px; 
padding: 0.5em 0.5em 0.5em 1em; 
display: block; }


.logo h2 
{ color: gray; 
font-size: 30px; 
font-family: "lucida grande"; 
font-weight: 200; 
font-variant: small-caps; 
text-decoration: none; 
letter-spacing: 0.5px; 
margin: 0; 
padding: 0 0 3px; 
border-bottom: 1px dotted #707070; }

.logo h2 a:hover 
{ color: red; }

.nav a 
{ color: #707070; 
font-size: 11px; 
text-decoration: none; 
text-transform: uppercase; 
text-indent: 5px; 
width: 550px; 
height: auto; 
margin: 0; 
padding-top: 1em; 
padding-right: 1em; 
padding-bottom: 1em; }

.footer a 
{ color: red; }

.nav li 
{ display: inline;
margin: 0;
padding: 0;
list-style-type: none; }

.nav a 
{ width: 550px;
display: block;
padding: 0.2em 0;
font-size: 0.8em;
text-decoration: none;
text-transform: uppercase;
color: #707070;
border-bottom: 1px dotted #707070; }

.nav a:hover
{ color: red;
background-color: #f2f2f2; }

.content h2 
{ color: #f00; 
font-size: 15px; 
font-family: arial; 
font-weight: 100; 
font-variant: small-caps; 
text-decoration: none; 
padding-left: 15px; }


#container 
{ width: 550px; 
height: auto; 
margin: 0 auto auto; 
padding-top: 25px; }

.logo 
{ background-color: white; 
text-align: right; 
width: 550px; 
height: auto; }

.nav 
{ background-color: white; 
text-align: left; 
width: 550px; height: auto; 
margin: 0; padding: 0; }

.header 
{ width: 550px; 
margin: 0; 
padding: 10px 0 0; }

.content 
{ color: #8c8c8c; 
font-size: 12px; 
font-family: helvetica; 
font-weight: normal; 
font-style: normal; 
line-height: 160%; 
text-decoration: none; 
text-align: justify; 
text-indent: 0; 
width: 550px; margin: 0; 
padding: 10px 0 5px 3px; 
border-bottom: 1px dotted #707070; }

.footer 
{ color: gray; 
font-size: 10px; 
text-decoration: none; 
padding-top: 5px; }