body {
margin: 5px;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #333366;
background: #ccccff;
}

a {text-decoration: none; font-weight: bold;}
#Content a, #Footer a {color: #333399;}
#Content a:hover, #Footer a:hover {color: #6666ff;}

#Main {
margin: auto;
width: 900px;
}

#Header {
width: 900px;
height: 100px;
background: #9999ff url('../Images/MetallicBlue/HeaderBackground.jpg');
border-top: solid 3px #aaaaff;
border-left: solid 3px #aaaaff;
border-right: solid 3px #666699;
}
h1 {
width: 900px;
height: 100px;
background: url('../Images/MetallicBlue/HeaderTitle.png');
color: #8888ff;
font-size: 1px;
font-weight: bold;
letter-spacing: 5px;
margin-top: 3px;
margin-left: 5px;
}

#Menu {
width: 175px;
height: 380px;
padding: 5px;
background: #9999ff url('../Images/MetallicBlue/MenuBackground.jpg');
border-left: solid 3px #aaaaff;
border-right: solid 3px #666699;
border-bottom: solid 3px #666699;
}
.Menubar {
background: #ffffff url('../Images/MetallicBlue/MenubarGradient.png') center center;
margin: 5px;
padding: 0px;
}
.MenubarButton, .MenubarButtonInv {
margin: 0px;
padding: 5px;
cursor: hand; cursor: pointer;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.MenubarButton {
border-top: solid 2px #ffffff;
border-left: solid 2px #ffffff;
border-right: solid 2px #666699;
border-bottom: solid 2px #666699;
}
.MenubarButtonInv {
border-top: solid 2px #666699;
border-left: solid 2px #666699;
border-right: solid 2px #aaaaff;
border-bottom: solid 2px #aaaaff;
}
.MenubarButton a, .MenubarButtonInv a {color: transparent;}
#MenubarMain {background: url('../Images/MetallicBlue/Menubar-Main.png') center center no-repeat;}
#MenubarInformation {background: url('../Images/MetallicBlue/Menubar-Information.png') center center no-repeat;}
#MenubarGallery {background: url('../Images/MetallicBlue/Menubar-Gallery.png') center center no-repeat;}
#MenubarProse {background: url('../Images/MetallicBlue/Menubar-Prose.png') center center no-repeat;}
#MenubarInteractive {background: url('../Images/MetallicBlue/Menubar-Interactive.png') center center no-repeat;}
#MenubarLinks {background: url('../Images/MetallicBlue/Menubar-Links.png') center center no-repeat;}
#MenubarSiteLink {background: url('../Images/MetallicBlue/Menubar-SiteLink.png') center center no-repeat;}
#MenubarContact {background: url('../Images/MetallicBlue/Menubar-Contact.png') center center no-repeat;}

#Content {
width: 692px;
overflow: auto;
margin-top: -393px;
margin-left: 188px;
background: #ffffff;
border: solid 3px #666699;
padding: 10px;
font-size: 12px;
}
h2 {
color: #333399;
font-size: 20px;
font-weight: bold;
margin: 0px;
}
#MainTitle {word-spacing: -3px;}
#MainTitle b {font-size: 14px;}
h3 {
color: #666699;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
border-bottom: solid 1px #666699;
margin: 0px;
}
.BufferZone {padding-top: 10px;}
#Content img {border: solid 3px #9999ff;}
.DisplayLeft, .DisplayRight {margin-top: 5px; margin-bottom: 20px;}
.DisplayLeft {
float: left;
clear: right;
margin-left: 0px;
margin-right: 10px;
}
.DisplayRight {
float: right;
clear: left;
margin-left: 10px;
margin-right: 0px;
}
.DisplayClearLeft {clear: left;}
.DisplayClearRight {clear: right;}
.DisplayClearBoth {clear: both;}
.SimpleList li {padding-bottom: 3px;}
.MultiLineList li {padding-bottom: 10px;}
#UpdatesSelection b {
font-weight: bold;
}
.BoxedSection ul {
border: solid 1px #9999ff;
padding: 10px;
padding-bottom: 5px;
margin-top: -20px;
}
.BoxedSection p b {
font-weight: bold;
font-style: italic;
background: #ffffff;
padding: 5px;
margin-left: 5px;
}
.BoxedSection li {
margin-left: 50px;
padding-top: 3px;
}
#NoUpdates {
border: solid 1px #9999ff;
padding: 10px;
text-align: center;
font-style: italic;
}
.ContentRemoved b {text-decoration: line-through; font-weight: bold; color: #333399;}
.ContentRemoved i {color: #6666ff; font-style: italic;}
.Artwork {font-weight: bold;}
.SpecificItem {font-weight: bold;}
.Important {font-weight: bold;}
.MasterLinkList li {padding-bottom: 8px;}
.MasterLinkList a {font-size: 16px;}
.MusicalClue {font-weight: bold;}
.MusicalHint {width: 200px;}
.MusicalAnswer {font-style: italic;}
.MusicalEnd {margin: 0px; padding: 7px; font-size: 14px;}
.Quote {font-style: italic;}

#Footer {
width: 900px;
text-align: center;
font-size: 11px;
}

/* The following code is for pages that use the ImageLoader script */
/* However, note that Button may be used elsewhere in the site */

.Button, .ButtonInverse {
margin: 0px;
padding: 5px;
cursor: hand; cursor: pointer;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
text-align: center;
}
.Button {
background: #ccccff;
border-top: solid 2px #ffffff;
border-left: solid 2px #ffffff;
border-right: solid 2px #666699;
border-bottom: solid 2px #666699;
color: #333399;
}
.ButtonInverse {
background: #9999ff;
border-top: solid 2px #666699;
border-left: solid 2px #666699;
border-right: solid 2px #ccccff;
border-bottom: solid 2px #ccccff;
color: #333399;
}
.ButtonDivider {
margin: 0px;
padding: 10px;
background: url('../Images/MetallicBlue/ButtonDivider.png') center center repeat-y;
}

.structureTable {
width: 100%;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
.structureCellMenu, .structureCellImage, .structureCellInfo, .structureCellButton, .structureCellImageInv, .structureCellInfoInv, .structureCellButtonInv, .structureCellFull, .structureCellSlide, .structureCellDescription {
margin: 0px;
padding: 5px;
vertical-align: middle;
}
.structureCellImage, .structureCellInfo, .structureCellButton, .structureCellFull {
border-bottom: solid 2px #333366;
}
.structureCellImageInv, .structureCellInfoInv, .structureCellButtonInv {
border-bottom: none;
}
.structureCellMenu, .structureCellImage, .structureCellImageInv, .structureCellInfo, .structureCellFull, .structureCellSlide, .structureCellDescription, .imageTitle, .imageData {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}
.structureCellButton, .structureCellButtonInv, .structureCellMove {
width: 75px;
}
.structureCellFull {
visibility: hidden;
}
.structureCellMove {
margin: 0px;
padding: 5px;
vertical-align: top;
}
.structureCellSlide {
text-align: center;
}
.DescriptionTable {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}
.DescriptionTable td {
padding-right: 10px;
}
.imageTitle {
padding-right: 20px;
font-weight: bold;
}
.imageData {
font-weight: normal;
}
.imageFullSide {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.imageBold {
font-weight: bold;
}