HTML {margin: 0}
BODY {background: #fae8ba; background-image:url('mcalley_background.jpg'); background-repeat:no-repeat; background-position:top; margin: 0}

.hidden {
	display: none;
}

/* H2 is used for piece titles on the actual piece's page */
H2 {text-align: center; color: black; font-family: "Book Antiqua", "sans-serif"; font-weight: bold; font-style: italic; padding: 12px; font-size: 7mm}
/* A version of H2 for Browse, etc. */
H2.nottitle {font-style: normal}



H3 {text-align: center; font-family: "Book Antiqua", "Times"; font-size: 5mm}

/* H6 is used for copyright notices */
H6 {font-weight: normal; text-align: center} /* Netscape 4 doesn't do font-weight */

IMG {border: none}


BLOCKQUOTE { font-family: "Book Antiqua", serif; font-size: 11pt; padding: 3px 6mm; font-style: italic } /* A quote should be smaller than the preceding text */
.omnes { font-family: "Book Antiqua", serif; font-size: 11.5pt; padding: 3px 6mm; font-style: normal }

A {text-decoration: none}
.fat {vertical-align: middle; font-family: "Arial", "sans-serif"; font-weight: bold; font-size: 14pt} /* A.fat is used in the commands table */
.button { font-family: "Arial", "sans-serif"; font-weight: bold; font-size: 13pt; padding: 4pt; background: #AAEEEE; border: ridge 5px; border-color: white }
.title { font-style: italic }
A:link {color: #85631B}
A:visited {color: #505050}
A:hover {color: #b77100}

P {font-family: "Book Antiqua", serif; font-size: 12pt; color: black; padding: 6px 12mm;}

TABLE.headline {border: thick groove white; width: 62%}
TABLE.ttitles {border: medium green solid}

TR.oldtitles {background: #CCE5FF}
TR.newtitles {background: #E5CCE5; color: maroon}
TR.newtitlesbottom {background: #E5CCE5; color: maroon; border-bottom: medium green solid}
/* When a table is being used to produce columns, don't centre the text vertically: */

TD {text-align: center}
TD.column {vertical-align: top; text-align:left; font-size: 85%; padding: 5px}
TD.titles {border-width: 0; padding: 2px}
TD.ntitles {padding: 2px}
TD.ntitlesbottom {padding: 2px; border-bottom: medium green solid}

TH.column {text-align: left}
 

/* Horizontal rules should take 61.8% of the screen (golden mean) and be centred */

HR {width: 61.8%; align: center}

SPAN.roman {font-style: normal}
SPAN.squiggly {font-style: italic}
SPAN.bold {font-weight: bold}
/* This alerts necessary changes in ugly yellow */
SPAN.flashing {text-decoration: blink; color: red}
SPAN.bigger {font-size: 120%}
SPAN.unfinished {color: yellow; text-decoration: blink} 


/* DIV stuff */
.page-container {
    width: 75%;
    margin: auto;
}

.sidebar-l {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 30%;
    background: #f8df9f;
}

.main-content {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 70%;
}

.buttons-top {
    margin: 0;
    padding: 0;
    width: 20%;
    float: left;
    /* background: */
}