body {
font-family: Trebuchet, Verdana, Arial, Sans-serif;
font-size: 12px;
background: #333366;
color: #000066;
}

a {
color: #000066;
text-decoration: none;	
}

a:hover {
text-decoration: underline;
}

#main {
width: 68%;
margin-left: 16%;
}

#wrapper {
color: #333333;
background: #FFFFCC;
margin-top: 5%;
border: #666699 solid 5px;
}

#header {	
font-family: copperplate;
text-align: center;
}

#header h2{
font-variant:small-caps;
}

#navigation {
height: 35px;
background: #333366;
border-top: #666699 solid 5px;
border-bottom: #666699 solid 5px;
}

#navigation ul {
margin-left:8%;
}

#navigation li {
display: inline;
padding-right: 5%;
}

#navigation li a {
font-weight: bold;
color: #FFFFCC;
text-decoration: none;	
}

#navigation li a:hover {
text-decoration: underline;
}

.content {
background: #FFFFCC;
padding: 20px 40px 5px 20px;
}

.picleft {
float: left;
padding-left: 5px;
padding-right: 5px;
}

.picright {
float: right;
padding-right: 5px;
}

.content p .textleft{
margin-left: 150px;
padding-right: 50px;
}

.content p .textright{
margin-left: 20px;
}

.tagline {
font-size: 12px;
font-family: copperplate;
text-align: center;
font-weight: bold;
}

.footer {
color: #FFFFCC;
text-align: center;
font-size: 10px;
}

.footer p {
padding: none;
}