/* body */
body {
 cursor:crosshair;
 font: small "Verdana", sans-serif;

 background: #EFE4DC;
 color: black;

 margin: 0;
 padding: 0;

 /* size of the body */
 height: 100%;
 width: 100%;
}

/* links */
a:link {
 text-decoration: none;
 color: black;
}

a:visited {
 text-decoration: none;
 color: black;
}

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

a:active {
 text-decoration: none;
 color: #8B4F34;
}

img {
border: none;
}

/* boxes */

div.titlebox {
 background: #339900 url("../photos/fallleaves.jpg") repeat;
 position: absolute;

 border-bottom: 4px solid #8B4F34;

 top: 0em;
 left: 0em;

 width: 100%;

 height: 6em;
}

span.title { 
 font-weight: bold;
 font-size: xx-large;

 color: black;

 position: absolute;

 top: 0.5em;
 left: 3em;
}

span.subtitle {
 font-weight: bold;
 font-style: italic; 
 font-size: medium;
 color: #603624;

 position: absolute;

 top: 3em;
 left: 10em;
}


div.menu {
/* background: #99CCFF;*/

 position: absolute;

 top: 6em;
 right: 0em;

 padding: 0;
 margin: 0;

 width: 13em;
 height: 100%;

}


ul.menu {
 background: #EFE4DC;

 list-style-type: none;
 position: absolute;

 padding: 0.2em;
 margin: 0em;
 
 top: 2em;
 right: 1em;

 width: 11em;
 text-align: left;
}

ul.menu li {
 margin: 0.2em;
 border-right: 0.5em solid #8B4F34;
 background: #D3B6A0;

}

li.menu2  {
 font-style: italic;
 font-size: x-small;
}

li.menu2 a {
 color: #666600;
}

ul.menu a:hover {
 background: #8B4F34;
 color: white;
}

ul.menu li:hover {
/* background: #EEEEEE; */
 background: #8B4F34;
}

ul.menu li:hover a {
 color: white;
}

div.contents {
 background: #EFE4DC;
/* background: white;*/

 position: absolute;
 top: 8em;
 right: 14em;

 margin-left: 3em;

 padding: 3em;
 border-right: 2px solid #8B4F34;

 text-align: justify;
}

span.smalltitle {
 font-style: italic;
 font-weight: bold;
}

div.backtotop {
 color: #8B4F34;
 text-align: right;
}

div.backtotop a:hover {
 background: #8B4F34;
 color: white;
}

div.stattableholder {
 text-align: center;
}

table.stattable {
 border: 1px;
 text-align: center;

 margin-left: auto;
 margin-right: auto;
}

td.stattablehead {
 background: #339900;
}

td.stattablebottom {
 font-weight: bold;
}

table.imgtable {
 text-align: center;
 
 margin-left: auto;
 margin-right: auto;
}

td.tdimage {
 padding: 2em;
}

div.shadowbox {
 background: url("../photos/25black.png") repeat;
}

div.shadowboxmain {
 background: url("../photos/25black.png") repeat;
 float: left;
 margin-right: 1em;
 margin-top: 1em;
 margin-bottom: 1em;
}

div.shadowboxmainright {
 background: url("../photos/25black.png") repeat;
 float: right;
 margin-left: 1em;
 margin-top: 1em;
 margin-bottom: 1em;
}

div.shadowedcontent {
/* background: white;*/
 background: #EFE4DC;
 position: relative;
 
 border: 1px solid black;
 
 padding: 2em;
 
 top: -2px;
 left: -2px;
}

div.imgtitle {
 font-style: italic;
 text-align: center;
}

table.intro td {
 padding: 1em;
}

div.copyright {
 margin-left: 20em;
 border-top: 2px solid #8B4F34;
 text-align: right; 
}