body {background: #000 url(bg.jpg) no-repeat 90% 30%; font-family: "Trebuchet MS", Verdana, "Lucida Grande", serif; margin: 0; font-size: 76%}

body>div#flag{width: 400px; height: 42px; position: absolute; top: 60px; left:80px;  background: url(altar-flag2.png) no-repeat 50% 50%; }
div#flag h1 {display: none}
div#menu {width: 300px; position: absolute; top: 120px; left: 80px}
div#menu ul {list-style-type: none; font-weight: 900; font-family: "Trebuchet MS", Verdana, "Lucida Grande", serif; line-height: 1.3em; font-size: 1.4em}
div#menu a {text-decoration: none; border-bottom: 1px dotted; color: #B20022}

div#content>div#translucent, div#widecontent>div#translucent  {background: url(content-bg.png); border: 3px solid #790000;  padding: 10px; margin-bottom: 20px}

div#content, div#widecontent {height: auto; position: absolute; right: 80px; top: 120px;}
div#content {width: 380px;}
div#widecontent {width:560px;}
div#translucent {overflow: hidden}

a:link {color: #003F5F}
a:visited {color: #790000}
a:hover {background-color: #92C2FF}
a:active {color: #FFADA5}
ul.flat, ul.flat li {display: inline; margin: 0; padding: 0px;}
ul.flat li {padding-right: 10px}
ul.sub2 {display: none}
ul, ol {display: block; z-index: 20}
.subhead {margin-top: 0}
sup {font-size: 0.5em}
h1,h2,h3,h4,h5,h6 {font-family: Georgia, serif;font-weight: 900;}
h1 {font-size: 1.5em; margin: 0}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}

p {font-size: 1.1em; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 1.2em; margin: 0em 0em 0.5em 0em}
p.quote {padding: 0em 0em 0em 0.75em; font-style: italic}
span.more {font-weight: 900; font-style: italic; text-align: right; padding-left: 20px}

dt {font-weight: 900}
div#menu li.current .here:before { content: '>'}
div#menu li.current a.here {border-bottom: none; font-weight: 900; color:#003F5F }

div#lyric { width: 320px; float: right; font-size:0.9em }
div#lyricwide { width: 96%; margin: auto auto}
div#pullquote {width: 200px; float: left; }
div#pullquote p {font-family: Georgia, "Trebuchet MS", serif; font-size: 1.3em; padding-top: 10px}

div#mediaphotos {width: 150px; padding: 10px; margin: 0px 5px; border: 1px solid silver; float: right; background-color: #ccc}
div#mediaphotos img {border: 0}  
div#mediaphotos a {border: none; text-decoration: none}
div#mediaphotos p {font-size: 0.8em}


/*

base red: #B20022
darker red: #790000
slate-ish blue: #003F5F
salmon: #FFADA5
slightly royal blue: #003799 
light blue: #92C2FF
pale green: #92D2A0
dark green: #003C00

*/