<!--

/* element selectors */
*  { font-family: verdana, arial, sans serif }

body { background: #e9e8e8}

table.body 
{ 
background: white;
margin-top: 20px;
margin-left: 10px
}

h1
{ 
padding-left: 10px;
color: white;
font-size: 10px 
}

table.banner 
{ 
width: 940px;
margin-left: 0px
}

td.banner { vertical-align: top }

table.black 
{ 
background: black;
width: 910px;
margin-left: 20px
}

td.black 
{ 
vertical-align: top; 
text-align: center;
word-spacing: 84px;
letter-spacing: 1px;
color: white; 
font-size: 14px;
font-weight: bold
}

span.index { padding-left: 24px }

img { padding-left 10px }

table.gallery
{
background: white;
width: 900px;
margin-bottom: 5px
}

td.year1
{ 
background: #9c9;
padding: 5px;
vertical-align: top;
width: 80px;
color: black;
font-size: 10px
}

td.year2
{ 
background: #9cc;
padding: 5px;
vertical-align: top;
width: 80px;
color: black;
font-size: 10px
}

td.text
{ 
background: white;
padding: 5px;
vertical-align: top;
color: black;
font-size: 10px
}

strong
{
color: #666;
font-size: 11px
}

table.footer 
{ 
background: #FFF;
margin-top: 30px;
width: 910px;
margin-left: 20px;
text-align: center
}

td.footer
{
vertical-align: top;
word-spacing: 30px;
letter-spacing: 1px;
font-size: 12px
}

table.copyright 
{ 
margin-top: 10px ;
width: 910px;
text-align: center
}

td.copyright { font-size: 11px }

table.footerbug 
{ 
margin-top: 30px;
margin-left: 430px
}

td.footerbug { vertical-align: top }

.class1 A:link { text-decoration: none; color: white }
.class1 A:active { text-decoration: none; color: #693 }
.class1 A:visited { text-decoration: none; color: white }
.class1 A:hover { text-decoration: underline; color: #6C3 }

.class2 A:link {text-decoration: none; color: #000 }
.class2 A:visited {text-decoration: none; color: #000 }
.class2 A:active {text-decoration: none; color: #06C }
.class2 A:hover {text-decoration: underline; color: #F93 }
-->