* {margin: 0; padding: 0;}
body {font-size: 90%; color: #666666; font-family: veranda, san-serif;}
#wrapper {background: #ffffff; width: 650px; margin: 1em auto 1em auto; border: 1px solid #cc3333;}
#header {width: 650px; height: 150px;}
#content {width: 650px; position: relative;}
#sidecol {float: left; width:150px;height:500px; margin: 1em 0 0 1em; border-right: 1px dotted gray;}
#maincol {float: left; width:400px;height:500px; margin: 1em 0 0 1em;}
#footer {font-size: .7em; text-align: center; border-top: thin solid gray; center; width:600px; margin: .5em auto; padding: .5em 0 .5em .5em; height:2em;}
p {font-size: 1em; margin: 0 0 .3em 0;}
h1 {font-size: 1.5em; margin: 0 0 .5em 0;}
h2 {font-size: 1.2em; margin: 0 0 .3em 0;}
ul li {list-style-type: none;}
a:link, a:visited, a:active {color: gray; text-decoration: none;}
a:hover {text-decoration: underline;}
#sidenav ul, #sidenav li { margin-left: 1em; margin-bottom: .5em; list-style-type: square;}
.picframe {  
    height:  382px;  
    width:   282px;  
    padding: 0;  
    margin:  0;  
} 
.picframe img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  350px; 
    height: 250px; 
    top:  0; 
    left: 0 
} 
hr {
  border: 0;
  width: 80%;
  color: #f00;
  background-color: #f00;
  height: 2px;
  margin: 10px 0 10px;
}