/* tag styles */
html {overflow-y: scroll;}
body {margin: 0; background: #333333;}
* {font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #000000;}
h1 {font-size: 18px; font-weight: bold; text-align: left; color: #000000; padding: 0px;}
h2 {font-size: 18px; font-weight: normal; text-align: left; color: #000000; padding: 3px; font-style: italic;}
h3 {font-weight: bold; color: #000000;}
h4 {font-weight: normal; text-align: left; color: #000000; padding: 3px; font-style: italic;}
h5 {font-weight: normal; display: inline;}
h6 {font-weight: normal; display: inline;}
ul {list-style-position: outside; list-style-type: disc;}
li {padding-bottom: 5px;}
/* font styles */
.footer_gray {font-size: 10px; color: #999999; font-style: italic;}
.footer_white {font-size: 11px; color: #ffffff; font-style: italic; font-weight: bold; text-decoration: none;}
.hof_title {font-family: Palatino, Georgia, Courier; font-size: 18px; color: #672B17;}
.hof_subtitle {font-family: Arial, sans-serif; font-size: 14px; color: #672B17; font-style: italic;}
.hof_author {font-family: Arial, sans-serif; font-size: 9px; color: #999999;}
.hof_author_special {font-family: Palatino, Georgia, Courier; font-size: 9px; color: #999999;}
.hof_era_year {font-family: Times New Roman; font-weight: bold; font-style: italic; font-size: 18px;}
.hof_era_title {font-family: Arial; font-size: 20px;}
.hof_era_text {font-family: Times New Roman; font-size: 14px;}
.hof_img_caption {font-family: Arial; font-style: italic; font-size: 11px;}
/* container styles (div, table) */
.page, #footer {background: #ffffff; width: 900px; z-index: 1;}
#page {background-color: #ffffff; layer-background-color: #ffffff; z-index: 1;}
.masthead {z-index: 10;}
#masthead {z-index: 10;}
.mh_sky, .mh_fireworks, .mh_city, .mh_statue, .mh_title, .mh_tagline {z-index: 10; top: 0px; position: relative; overflow: auto;}
#main {position: relative; z-index: 10;}
#leftsection {z-index: 10; top: 0; float: left; width: 184px; margin: 4px; padding: 4px;}
#middlesection {z-index: 10; top: 0; float: left; width: 484px; margin: 4px; padding: 4px;}
#rightsection {z-index: 10; top: 0; float: right; width: 184px; margin: 4px; padding: 4px;}
#leftmiddlesection {z-index: 10; top: 0; float: left; width: 660px; margin: 4px; padding: 4px;}
#middlerightsection {z-index: 10; top: 0; float: right; width: 660px; margin: 4px; padding: 4px;}
#leftmiddlerightsection {z-index: 10; top: 0; float: left; width: 884px; margin: 4px; padding: 4px;}
#footer {position: relative; float: left; z-index: 10;}
/* menu styles */
#menu {z-index: 20; padding: 0; margin: 0;}
#menu ul {z-index: 20; padding: 0; margin: 0;}
#menu li {z-index: 20; position: relative; float: left; list-style: none; margin: 0; padding:0;}
#menu li a {z-index: 20; width: 150px; height: 20px; display: block; text-decoration: none; text-align: center; line-height: 20px; color: #672B17; background-color: #999999; font-weight: bold;}
#menu li a:hover {z-index: 20; color: #ffffff; background-color: #672B17;}
#menu ul ul {z-index: 20; position: absolute; top: auto; visibility: hidden; background-color: #999999;}
#menu ul li ul li {z-index: 20; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #672B17;}
#menu ul li:hover ul {z-index: 20; visibility: visible;}
/* print styles */
@media print {
}