body {
max-width: 840px;
margin: auto;
padding:0;
background-color: #ffffff;
}

table {
table-layout:fixed;
width: 90%;
margin: auto;
font-family: Verdana,Arial;
font-size: 12px;
color: #000000;
 }

img {
max-width: 100%;
}

img.thumb {
border-width: 1px;
border-style: solid;
}

img.about {
max-width: 95%;
float: right;
margin: 0px 0px 15px 20px;
}

td {
width: 100%;
text-align: center;
 }

tr.thumb {
vertical-align: top;
 }

p {
width: 100%;
text-align: justify;
font-family: Verdana,Arial;
font-weight: bold;
font-size: 14px;
 }

li {
list-style-type: disc;
line-height: 150%;
 }

h1 {
font-family: Verdana,Arial;
font-size: 36px;
font-weight: bold;
color: #000000;
 }

h1.head {
color: #00aaFF;
background-color: #f5ebd3;
 }

h2 {
font-family: Verdana,Arial;
font-size: 24px;
font-weight: bold;
color: #000000;
vertical-align: top;
}

h3 {
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
color: #000000;
}

h3.fix {
font-size: 12px;
color: #FF0000;
margin: 0px;
}

h3.unavailable {
font-size: 12px;
color: #0000ff;
margin: 0px;
}

h3.page {
font-size: 12px;
text-align: right;
color: #ff0000;
}

h3.subhead {
font-size: 16px;
text-align: left;
}

h3.left {
font-weight: lighter;
text-align: left;
}

a:link {
color: #ffcc00;
text-decoration: none;
font-weight: bold;}

a:visited {
color: #ffcc00;
text-decoration: none;
font-weight: bold;}

a:hover {
color: #000000;
text-decoration: none;
font-weight: bold;
 }

.button {
    background-color: #00aaff;
    border-radius: 15%;
    margin: 0px 6px 0px 6px;
    border: none;
    color: #f5ebd3;
    font-size: 2em;
}
