a {
color: lime;
}

a:hover, a:active {
color: red;
}

.linko a {
background-color: white;
text-decoration: none;
color: red;
}

.linko a:hover, .linko a:active {
background-color: #def;
color: maroon;
}

.linko {
font-size: 90%;
background-color: #ddf;
}

body {
background-repeat: repeat;
background-attachment: fixed;
font-family: monospace;
background-image: url(snitch.jpg);
text-align: left;
font-size: 150%;
background-color: white;
color:black;
}
body.dark {
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: monospace;
  background-image: url(snitch.jpg);
letter-spacing: 5px;
line-height: 110%;
word-spacing: 8px;
font-size: 90%;
font-weight: bold;
text-align: left;
background-color: black;
color:white;
}


div.left {
position:absolute;
left: 10px;
top: 30px;
width: 510px;
padding: 0px;
border-top: 0px black solid;
border-right: 0px red solid;
border-bottom: 0px black solid;
border-left: 0px red solid;

}
object.slideshow {
position:absolute;
left: 200px;
top: 100px;
}

div.right {
position:absolute;
left: 520px;
top: 30px;
width: 435px;
padding: 0px;
border-top: 0px black solid;
border-right: 0px black solid;
border-bottom: 0px black solid;
border-left: 0px red solid;

}

img {
padding: 0px;
border: 2px black solid;
}





notesfortom {
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: monospace;
  background-image: url(snitch.jpg);
letter-spacing: 5px;
line-height: 100%;
word-spacing: 8px;
font-size: 150%;
font-weight: bolllllllld;
text-align: left;
background-color: white;
color:black;
}