/* CSS Document */
html {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body { 
margin: 20px 0 20px 0;
padding: 0 10px 0 10px;
font-family: Verdana, Arial;
color: #000000;
background-color: #cccccc;
font-size: 10px;}

div.container {
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #ffffff;
border: solid 5px #000000;
text-align: center;
}

div.header {
width: 100%;
text-align: left;
clear: right;
}

div.navi {
width: 500;
border-top: solid 5px #000000;
border-bottom: solid 5px #000000;
text-align: center;
font-variant: small-caps;
text-transform: capitalize;
word-spacing: 10px;
font-size: 150%;
background-color: #336666;
color: #ffffff;
}



.navi a:link, .navi a:visited, .navi a:active  {font-weight: bold; color: #ffffff; text-decoration: none;}
.navi a:hover{font-weight: bold; color: #ffffff; text-decoration: line-through;}

div.content {
margin: auto auto auto auto;
padding: 0 15px 0 15px;
text-align: justify;
}

 a:link, a:visited, a:active  {font-weight: bold; color: #336666; text-decoration: none;}
 a:hover{font-weight: bold; color: #336666; text-decoration: line-through;}
p.heading:first-letter {color: #336666;  font-family: serif; font-size: 300%;}

.pic, select, input, textarea, fieldset {
background-color: #ffffff;
border: solid 2px #336666;
}

.posttitle, h2 {
font-size: 300%;
font-family: serif;
color: #336666;
border-bottom: solid 2px #000000;
text-transform: capitalize;
font-variant: small-caps;
font-weight: 100; 
}

.resources {
font-size: 90%;
font-style: italic;
text-align: center;
}