body { font-family: Verdana; margin: 0; background-color: white }
h1 { font-size: 20pt; color: black; letter-spacing: 0.25em; margin-top: 0px}
h2 { font-size: 18pt; color: #579eb6; margin-bottom: 0.5em }
h3 { font-size: 12pt; color: #579eb6; font-style: italic }
h3:first-letter { font-size: 2em }
h4 { font-size: 12pt; color: #579eb6; margin-bottom: 0.5em }
h5 { font-size: 10pt; color: #579eb6 }
h6 { font-size: 9pt; color: #579eb6 }
h3, h5, h6 { margin-top: 1em; margin-bottom: 0 }
th, td { font-size: 8pt }
p, dl { font-size: 8pt; margin: 0.5em 0 }
p.initial, dl { margin: 0 }
ul, ol { margin-top: 0; margin-bottom: 0 }
ul { list-style-image: url(box.png); list-style-type: square }
.menu2 ul { list-style-image: url(dot.png)}
table#menu td { color: white; background-color: #8b2323 }
table#menu td.selected { color: black; font-weight: bold; background-color: white }
table#menu a:link, table#menu a:visited { text-decoration: none; color: white }
table#menu a:hover { text-decoration: underline; color: #f2e4bc }
table.line { height: 4px;   width: 100% }
th { text-align: left }
.indent { text-indent: 1em }
.indent2 { text-indent: 2em }
.odd-row { background-color: #f2e4bc }
.last-row { border-bottom: 1px solid #f2e4bc }
.center { text-align: center }
.subtitle { font-size: 9pt; font-style: italic }
.outer { width: 15px; background-color: #8b2323 }
td a:link, td a:visited {text-decoration: none; color: #579eb6 }
table td.line { height: 4px; background-image: url('dot.gif') }
#title { font-size: 20pt; font-weight: bold; color: white; text-indent: 0.5em; background-color: #8b2323 }
.size-block { display: block; font-weight: bold; margin-bottom: 0.5em }
.stat-block { display: block; text-indent: -25px; margin-left: 25px }
img.art { float: right; width: 215px; height: 215px }
img.art-wide { float: right; width: 250px; height: 180px }
img.art-wider { float: right; width: 250px; height: 135px }
img.art-tall { float: right; width: 180px; height: 250px }
img.art-taller { float: right; width: 120px; height: 250px }
img.art-class { float: right; width: 300px; height: 400px }
img.art-logo { float: right; width: 57px; height: 46px }
.float-left { float: left; margin-right: 1.5em }
.float-right { float: right; margin-left: 1.5em }
.clear { clear: both }
a:link, a:visited { text-decoration: none; color: blue }
a:hover { text-decoration: underline }

.menu2

/* Sortable tables */
table.sortable a.sortheader {
    background-color: white;
    color: black;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu2{
font-family: arial, sans-serif; width:170px; height:850px; position:relative; font-size:11px; margin:10px 0; z-index:100;
}
.menu2 ul {
padding:0; margin:0; list-style-type: none; background:#8b2323; color:white; width:170px; height:850px; border:none;
}
.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:170px;
}
.menu2 ul li {
float:left;
}


.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:white; width:160px; line-height:15px; font-size:11px; background:transparent; padding:2px 0 2px 10px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:100px; w\idth:90px;}

.menu2 ul li.selected a, .menu2 ul li.selected a:visited {
display:block; float:left; text-decoration:none; color:black; width:160px; line-height:15px; font-size:11px; background:white; padding:2px 0 2px 10px; font-weight:bold;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:100px; w\idth:90px;}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
background:white; color:black;
}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; line-height:15px; border:none; background:#fff; color:black; overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; background:transparent; color:black; line-height:15px; padding:2px 0 2px 10px; height:auto; text-decoration:none;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background:#8b2323; color:white;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:170px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:white; padding:0; border:none; list-style-type:none; background:#8b2323;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:white;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:white; color:black;
}