/* Global */
BODY { margin: 0; border: 0; padding: 0 }


/* Gross positioning, with IE5.x box model hack */
.header     { position: absolute; left: 10px; top: 10px; width: 800px }
.content    { position: absolute; left: 10px; top: 60px; width: 800px; width/* */:/**/784px; width: /**/784px;}
.menu       { position: absolute; left: 10px; top: 310px; width: 800px }
.footer     { position: absolute; left: 10px; top: 540px; width: 800px }
.menu #box1 { position: absolute; left: 0px; top: 0px }
.menu #box2 { position: absolute; left: 202px; top: 0px }
.menu #box3 { position: absolute; left: 404px; top: 0px }
.menu #box4 { position: absolute; left: 606px; top: 0px }

/* Fine positioning */
.header H1 { margin: 0 }
.content { border: 3px groove black; padding: 5px }
.menu DIV { padding: 5px; border: 3px groove black; width: 194px; width/* */:/**/178px; width: /**/178px; height: 200px}
.menu H2 { margin: -5px; padding: 5px }
IMG#mainpic { float: right; width: 276px; height: 190px; margin-right: 5px }


/* Color scheme: green & light beige */
BODY { background-color: #006600 }
.header { background-color: transparent }
.content, .menu DIV { background-color: #F7E49D }
H1, .footer P { color: white }
H2 { background-color: #00D600 }
A:hover { background-color: white; font: underline }
.hidden { color: #006600 }


/* Fonts */
H1 { font: italic bold small-caps 24pt Arial }
H2 { font: italic 13pt Arial }
P { font: 11pt Arial }
.menu P { font: 10pt Arial }
.footer P { font: 8pt Arial }