body {
 background-image: url(/inc/grungy_paper_04-1920.jpg);
 background-position: top left;
 background-attachment: fixed;
 overflow: auto;
}

#container {
 margin: auto;
 margin-top: 10px;
 width: 900px;
 min-width: 900px;
 position: relative;
}

#banner {
 font-family: monospace;
 font-weight: bold;
 font-size: 40px;
 text-align: center;
 width: 400px;
 margin: 20px auto;
}

#nav {
 width:840px;
 margin: 0px auto;

}

#nav a {
 color: #4a3617;
 font-family: helvetica, sans-serif;
 font-size: 20px;
 line-height: 20pt;
}

#nav a:hover {
 text-decoration: none;

}

#nav .active {
 border: 1px solid #4a3617;
 background: #4a3617;
 border-bottom: 0px;
 padding: 0px 5px;
 float: left;
 -moz-border-radius-topleft: 6px;  
 -moz-border-radius-topright: 6px; 
 -webkit-border-top-right-radius: 6px;  
 -webkit-border-top-left-radius: 6px;  
 border-top-right-radius: 6px;  
 border-top-left-radius: 6px;
}

#nav .active a {
 color: #b1986f;
}

#nav .navlink {
 padding: 0px 6px;
 margin: 0px 1px;
 float: left;
}

#nav .navlink:hover {
 background: #4a3617;
 border-bottom: 0px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 -webkit-border-top-right-radius: 6px;  
 -webkit-border-top-left-radius: 6px;   
 border-top-right-radius: 6px;  
 border-top-left-radius: 6px;
}

#nav .navlink:hover a {
  color: #b1986f;
}

#header {
 float: left;
 width: 900px;
 height: 6px;
 background: #4a3617;
} 

#main {
 background-color: #b1986f;
 border: 1px solid #4a3617;
 border-bottom: 5px solid #4a3617;
 font-family: arial,sans-serif;
 padding: 10px;
 /*padding-left: -10px;*/
 float: left;
 width: 878px;
 min-height: 600px;
 overflow: auto;
 position: relative;
 
}

#main a:hover { 
 color: #FFFFFF;
}

#main a {
 color: #4a3617;
}

img { border: none;}

a { 
 text-decoration: none;
}

p.sidecomment {
 font-style: italic;
 font-size: smaller;
}