/*layout rules and such*/
body {
margin: 0;
background: url("images/deadtree2.png") #000000;
background-attachment: fixed;
background-position: bottom left;
color: black;
background-repeat: no-repeat;
font-family: Palatino Linotype, Book Antiqua, Palatino, Verdana, Arial;
}

/*linkage*/

a:link {
color: gray;
}

a:visited {
color: gray;
}

a:hover {
color: #e0e0e0;
}

a:active {
color: #e0e0e0;
}

/*blank links*/

a.blank:link {
color: black;
text-decoration: none;
}

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

a.blank:hover {
color: black;
text-decoration: none;
}

a.blank:active {
color: black;
text-decoration: none;
}

/*the many parts of the layout*/

div.blackblock {
background: #000000;
position: relative;
height: 40px;
}

div#alternativeblackblock {
background: #000000;
position: relative;
height: 20px;
}

div#container {
left: 65%;
position: absolute;
width: 326px;
background: black;
}

div#menu {
background: #ffffff;
position: relative;
height: 30px;
width: 316px;
padding: 5px;
line-height: 30px;
text-align: center;
}

div#content {
background: #ffffff;
position: relative;
padding: 5px;
}

div#discordante {
background: #000000;
position: relative;
width: 75px;
height: 101px;
padding: 0;
}

.image {
position: absolute;
bottom: 0;
}

/*special magic super headers*/

.header {
width: 313px;
text-align: right;
background: darkgray;
font-weight: bold;
padding-right: 3px;
}

.header:hover {
background: gray;
}

.alternateheader {
width: 313px;
text-align: left;
background: darkgray;
font-weight: bold;
padding-left: 3px;
}

.alternateheader:hover {
background: gray;
}

.mst3kheader {
width: 313px;
text-align: center;
background: darkgray;
font-weight: bold;
padding-left: 3px;
}

.mst3kheader:hover {
background: gray;
}

/*special text*/

.marker {
color: darkgray;
letter-spacing: 2px;
font-weight: 500;
padding: 0;
}

.marker:hover {
color: #202020;
letter-spacing: 2px;
font-weight: 500;
padding: 0;
}

/*that annoying flashy javascript hide/show thing that has way too much CSS with it but i can't be bothered to mess with the script*/

.menuOut {
cursor:pointer;
background-color: #e0e0e0;
color:black;
border:0;
text-align:center;
font-weight: bold;
margin: 0;
width: 310px;
padding-left: 3px;
padding-right: 3px;
}

.menuOver {
cursor:pointer;
background-color: #d0d0d0;
color: black;
border:0;
text-align:center;
font-weight: bold;
margin: 0;
width: 310px;
padding-left: 3px;
padding-right: 3px;
}

/*links arrangement*/

.indent {
right: -10%;
position: relative;
width: 250px;
}

/*top link*/

.top {
width: 313px;
text-align: left;
background: white;
font-weight: bold;
padding-right: 3px;
}

.top:hover {
background: #F0F0F0 ;
}