body {
margin:0;
padding:0;
height:100%;
background-color:#9a4c13;
color:#3d1e14;  
text-align:center;
font-family:Garamond, monospace;
font-size:16px;
}

a {
color:#3d1e14;
text-decoration:underline;
}

a:hover {
color:#500200;
text-decoration:none;
}

p {
margin:6px 0;
}

blockquote {
margin:16px;
padding:8px;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

ul {
list-style-type:disc;
}

li {
margin:0 0 0 25px;
list-style-type:disc;
}

#indexpage {
position: relative;
margin:2.2em auto;
background: transparent;
width:auto;
height:350px;
line-height:350px;
overflow: auto;
text-align:center;
font-size:3em;
vertical-align: middle;	
border:0px solid #d5d5d3;
}

#centerColumn { 
position: relative;
margin:2.2em auto;
background: transparent;
padding:0.5em 1em 4em 1em;
width:903px;
height:565px;
overflow: auto;
text-align:justify;
vertical-align: middle;	
border:0px solid #d5d5d3;
}

#centerColumn h2 {
margin:0 0 0 0;
padding:6px 0;
font-size:1.1em;
font-weight:bold;
}

#centerColumn img { 	
float: left;
padding: 0 0.5em 0 0;
}

#centerColumn hr {
clear:both;
display:block;
height:1px;
color:#e8e9c4;  
margin:15px 0 15px 0;
background: url(images/hrdeco.png) repeat-x top center;
border: 0;
width:100%;
}

#header {
margin:1em auto;
position:relative;
background: transparent;
padding:0 0 0 0;
width:1000px;
height:20px;
text-align:center;
vertical-align: middle;	
border:0px solid #d5d5d3;
}

#header a {
text-decoration:none;
}

#header h1 {
display:block;
font-weight:bold;
font-size:13pt;
text-transform: uppercase;
}

#header h2 {
margin:0;
padding:16px 0 0 24px
font-size:.9em;
font-weight:bold;
letter-spacing:.1em;

}

#nav ul {
margin:0;
list-style:none;
}

#nav li {
margin:0 0 8px 0;
list-style:none;
}

#nav li a {
text-decoration:underline;
}

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

#footer {
position:relative;
bottom:0;
margin:0 0 0 0;
padding:0;
height:15px;
text-align:center;
font-size:1em;
border:0px solid #d5d5d3;
}

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

div#content {
/* This is the only important rule */
/* We need our content to show up on top of the background */
position: relative; 
/* These have no effect on the functionality */
width: 500px;
margin: 0 auto;
background: #fff;
padding: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 16pt;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}