body {text-align: center; font-family: "Century Gothic", "Century"}
img {border: 0}
img.Left {float: left; margin-right: 5}
img.Right {float: right; margin-left: 5}
#Page {margin: auto; max-width: 600px; font-size: 12pt;
width:expression(document.body.clientWidth > 600? "600px": "auto" )}
#Welcome {font-size: 18pt; font-weight: bold; margin: 30}
#Welcome a {color: brown; text-decoration: none}
#Welcome img {margin: 10}
#Head {text-align: center; margin: auto}
#Title {color: brown; font-size: 18pt; font-weight: bold}
#Menu {clear: left; color: yellow; background-color: brown; font-size: 10pt}
#Menu a {color: white; text-decoration: none}
#Menu a:hover {color: red}
#Content {clear: left; text-align: left; margin: auto}
#Content span {color: brown; font-size: 14pt; font-weight: bold}
#About {clear: left; margin: auto}
#Tag {clear: left; margin: auto}
#Tag td {color: brown; font-size: 14pt}
span.Trio {color: brown; font-weight: bold} 
span.High {font-weight: bold} 
#Look {text-align: center; color: brown; font-size: 14pt; font-weight: bold}
#Message {font-weight: bold} 
#Note {font-size: 8pt}
#Pictures {text-align: center; color: black; font-weight: bold}