body {
background-color: #1E1313; 
background-image: url(reststripe.jpg);
text-align: center;  /* centering layout in IE */
color: #880001;
font-family: "lucida sans unicode", arial, sans-serif;
font-size: 80%;
margin: 0;
padding: 0;
scrollbar-face-color : #671D06;
scrollbar-highlight-color : #78250C;
scrollbar-3dlight-color : #8D3013;
scrollbar-shadow-color : #5F1701;
scrollbar-darkshadow-color : #000;
scrollbar-track-color : #1E1313;
scrollbar-arrow-color : #B01E1E;
}


/* ------ layout ------ */

#container {
margin: 0;  /* centering in firefox */
text-align: left;  /* reset left align after IE centering */
width: 870px;
font-size: 1.0em;
position: relative;
padding: 80px 0 0 0;  /* top padding to move down menu boxes */
}

.menubox {
width: 160px;
border: 1px solid #671D06;
background-color: #3C1307;
margin: 0 30px 20px 30px;
padding-top: 10px;
}

.menubox h4 {    /* =menubox headlines */
padding: 2px 15px;
margin: 0;
border-top: 1px solid #671D06;
border-bottom: 1px solid #671D06;
background: #4E120D url(backshort.jpg);
color: #710001;
font-weight: bold;
font-size: 1.0em;
letter-spacing: 1px;
}

#maincontent {
position: absolute;
top: 0;
margin-left: 240px;
width: 600px;
background: #1E1313 url(restlessban.jpg) top center no-repeat; /* banner & bkgrcolor */
border-right: 1px solid #671D06;
border-left: 1px solid #671D06;
border-bottom: 1px solid #671D06;
padding-top: 307px; /* height of banner */
}

#scroll {
height: 350px;
overflow: auto;
}

.image a:link, .image a:visited, .image a:hover, .image a:active {
border: 0;
}

/* ------ navigation ------ */

.menubox ul {
list-style-type: none;  /* removing list bullets */
padding: 0 0 5px 0;
margin: 0;
}

.menubox a:link, .menubox a:visited {
display: block;
padding: 2px 15px;
text-decoration: none;
color: #880001;
border-top: 1px solid #3C1307;
border-bottom: 1px solid #3C1307;
}

.menubox a:hover {
color: #750001;
background-color: #2C0D03;
border-top: 1px dashed #200801;
border-bottom: 1px dashed #200801;
}

.menubox a:active {
display: block;
padding: 2px 15px;
text-decoration: none;
color: #22221D;
border-top: 1px dashed #3C1307;
border-bottom: 1px dashed #3C1307;
}


/* ------ links ------ */

a:link {
color: #750405;
text-decoration: none;
border-bottom: 1px dashed #750405;
}

a:visited {
color: #9C0607;
text-decoration: none;
border-bottom: 1px dashed #9C0607;
}

a:hover, a:active {
color: #750001;
text-decoration: none;
border-bottom: 1px dashed #750001;
border-top: 1px dashed #750001;
}


/* ------ general content styling ------ */

h2 {    /* =main content headlines */
background: #371E1E url(backlong-1.jpg);
padding: 6px;
margin: 3px 0;
border-top: 1px solid #671D06;
border-bottom: 1px solid #671D06;
color: #9A0809;
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: center;
}

h2.toptitle {      /* =1st main content headline */
margin-top: 0; /* removing top margin on main title to align with banner */
background-color: #4E120D;
}

h3 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: center;
padding: 0;
margin: 2px 0 0 0;
}

h4 {    /* =main content headlines */
background: #371E1E url(footer.jpg);
padding: 3px;
margin: 3px 0 0 0;
border-top: 1px solid #671D06;
color: #9A0809;
font-weight: bold;
font-size: 75%;
letter-spacing: 1.5px;
text-align: left;
}

p {      /* =main content text */
padding: 0 15px;
margin: 0;
line-height: 170%;
}

#maincontent ul {      /* =main content lists */
list-style-image: url(olive_listbullet.gif);
padding: 10px 70px;
margin: 0;
line-height: 170%;
}