body {
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #e2edff;
padding: 15px;
line-height: 125%;
}

p {
font: normal 12px/15px Verdana, Helvetica, Arial, sans-serif;
color: black;
}

p a:link {
color: black;
text-decoration: underline;
}

p a:visited {
color: gray;}

p a:hover {
text-decoration: none;
color: white;
background-color: black;
}

p a:active {
color: black;
background-color: gray;
}

hr {
color: #848CA5;
width: 33%;
left: 50%;
}

table.2
{width: 850px;}

li {
font-size: small;
list-style: none;
}

#header {
width: 100%;
height: 200px;
background: #000000 url("landscape.gif"); 
}

#header h1 {
font: bold 18px/46px arial, verdana, helvetica, sans-serif;
color: white;
width: 500px;
float: left;
padding-left: 25px;
padding-top: 150px;
padding-bottom: 1px;
}

a {
font-weight: bold;
text-decoration: none;
}

a:link {
color: white;
text-decoration: none;
}

a:visited {
color: gray;}

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

a:active {
color: black;
background-color: white;
}

#navigation {
float: left;
font-weight: bold;
font-style: italic;
height: 3000px;
width: 400px;
background: #000000;
}


td {
width: 45%;
text-align: left;
margin-top: 0;
}

.gallery {
float: left;
width: 400px;
margin: 20px;
}

.gallery li a span {
display: none;
width: 150px;
font: 10px/15px arial, verdana, helvetica, sans-serif;
background: url("white.png") repeat;
cursor: default;
color: #240B47;
padding: 0 10px 10px 10px;
}

.gallery li a:hover span {
display: block;
position: absolute;
margin: 50px 0 0 5px;
text-align: left;
}

.gallery li a span em {
display: block;
font: bold 10px/15px arial, verdana, helvetica, sans-serif;
color: #FFFFFF;
width: 150px;
background: #240B47 url("http://www.geocities.com/lenore_thomson/arrownew.gif") no-repeat;
background-position: 5px 5px;
padding-left: 20px;
margin: 0 0 6 0px;
}

.gallery li a img {
margin: 0 auto;
border: 0;
} 

.gallery li a {
display: block;
padding: 8px 0;
width: 75px;
height: 60px;
text-align: center;
}

.gallery li {
display: block;
width: 75px;
height: 60px;
float: left;
margin: 5px;
}

.gallery li span{
display: block;
width: 400px;
float: right;}

#bodycontent {
float: left;
padding-left: 40px;
padding-top: 30px;
}

.thatone {
border: 1px solid gray;
width: 300px;
padding: 15px;
margin-left: 25px;
background: #D8D0C4;
}

.eitable {
width: 365px;
margin-left: 20px;
background: #E2EDFF;
}

.thisone {
font-weight: bold; 
font-size: 13px;}

.this {
font-weight: bold;
font-size: 15px;
color: navy;
}

.thisonetoo {
font-weight: bold;
font-size: 13px;
color: navy;
text-align: left;
margin-top: 0;
}