body {
 background: #f2f2f2;
 font-family: Verdana, sans-serif;
 text-align: center;
}

a {
 color: #000;
 text-decoration: underline;
}

a:hover {
 color: #f00;
}




#wrapper {
 width: 640px;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #e5e5e5;
 background: #fff;
 text-align: left;
}


#header {
 background-image: url("header.jpg");
 height: 149px;
 border-bottom: 1px solid #e5e5e5;
}


.menu {
 width: 100%;
 margin: 5px 0;
 margin-left: 10px;
 padding: 0;
}
.menu ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.menu li {
 margin: 0;
 padding: 0;
 float: left;
 margin-right: 1em;
 background: #eee none;
 text-align: center;
}
.menu a {
 font-size: .80em;
 display:block;
 padding:1px 15px;
 background:#f2f2f2; 
 color:#000; 
 text-decoration:none;
 border:1px solid #e5e5e5;
}
.menu a:hover {
 color:#f00; 
 background:#e5e5e5;
}


#content {
 margin: 5px;
 font-size: .75em;
}


#footer {
 clear: both;
 width: 640px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
 color: #8c9093;
 font-size: .66em;
 padding: 4px 8px 4px 4px;
}

#footer a {
 color: #8c9093;
 text-decoration: none;
}

#footer a:hover {
 text-decoration: underline;
}


.quote {
 padding-left: 15px;
 text-align: left;
 font-style: italic;
}

.image-left {
 float: left;
 padding: 3px;
 margin-right: 5px;
 border: 1px solid #f2f2f2;
 color: #888;
 text-align: center;
}

.image-right {
 float: right;
 padding: 3px;
 margin-left: 5px;
 border: 1px solid #f2f2f2;
 color: #888;
 text-align: center;}

.image {
 text-align: center;
 padding: 3px;
 border: 1px solid #f2f2f2;
 color: #888;
}


h1, h2, h3 {
 color: #f00;
}