body
{background: #f6f6f0;  color: #008;  font-family: sans-serif;  height: 8.5in;  z-index: 5}

h1, h2, h3, h4, h5, h6
{background: transparent;  margin: 0em}

h4
{clear: both}

p
{text-align: justify}

hr
{margin-bottom: 4%;  width: 36%}

a
{color: #00f;  text-decoration: none}

a img
{border: none}

blockquote
{font-style: italic}


#title
{background: #f6f6f0;  color: #560;  left: 22%;  padding: 1% 0%;  position: relative;  vertical-align: top;  width: 78%;  z-index: 1}

#title img
{width: 30%}

h1.tit
{margin-top: 3%}

h2.subtit
{font: 900 109% 'dejavu sans', 'arial black', sans-serif}

.section
{display: inline}

h1.section .lead
{text-transform: uppercase}






h3.section, h4.section
{background: url('../media/tab.png') no-repeat;  border-right: 1px black solid;  font: 900 80% sans-serif;  padding: 2% 2% 2px 2%}

h3.section#parttwo
{padding: 1% 2% 6px 2%}

h3.section#parttwodum
{display: none}

.background img
{height: 98%;  position: fixed;  left: 19%;  top: 1%;  width: 3%}




#nav
{background: #cac;  bottom: 1%;  left: 1.5%;  padding: 1% 0%;  position: fixed;  top: 1%;  width: 17%}

#nav ul
{color: #fff;  font: bolder 109% freesans, tahoma, sans-serif;  list-style: none;  letter-spacing: 0.15em;  padding: 0% 3%;  position: relative;  z-index: 5}

#nav li
{border-bottom: 3px #c9c dotted;  border-left: 1px #334 dotted;  border-top: 3px transparent solid;  margin: 6%;  padding: 3%}

#nav li:hover
{border: 3px outset}

#nav li:active
{background: #ef0;  border: 3px inset}

#nav .background
{height: 99%;  left: -10%;  position: relative;  top: -30%;  width: 30%;  z-index: 4}

#nav p.addr
{border: 1px #505 solid;  background: #808;  bottom: 5%;  color: #fff;  font: 400 72% sans-serif;  left: -6%;  padding: 4%;  position: absolute;  width: 106%;  z-index: 9}

#nav div.shadow
{background: #023 url('') no-repeat 170% bottom;  bottom: 4%;  height: 10em;  left: 4%;  position: absolute;  width: 110%;  z-index: 8}

#nav p.addr img
{margin: 0% 26%;  width: 46%}




#main
{background: #f6f6f0;  clear: both;  left: 22%;  position: relative;  width: 78%;  z-index: 2}

#main p img
{border: 2px #422 solid;  margin: 3%}


.tab
{background: #fbf6e9;  border: 1px #764 solid;  border-bottom-width: 2px;  border-right-width: 2px;  border-top-color: #ddd;  padding: 2%}


.divimg
{text-align: center}

.divimg img
{height: 5em}


div.band
{font-size: 80%;  margin: 1% 20%;  padding-bottom: 3%;  text-align: center}

div.band p
{padding-bottom: 3%;  text-align: justify}

div.band img
{border: 2px #422 solid;  height: 9em}

div.band div.short img
{border: none;  height: auto;  width: 30%}



.fbox
{background: #ffc;  border: blue outset;  border-left: none;  border-right: none;  color: #003;  float: left;  font: normal 92% sans-serif;  margin: 0% 2% 0% 2%;  padding: 0%;  width: 34%}

.sub1
{background: #ffa;  height: 100%;  margin: 0px 0px 0px 6%;  padding: 0px;  width: 90%}

.sub2
{background: #ff6;  height: 100%;  margin: 0px 0px 0px 6%;  padding: 0px;  width: 80%}

.sub3
{background: #ffa;  height: 100%;  margin: 0px 0px 0px 6%;  padding: 0px;  width: 70%}

.sub4
{background: #ffc;  height: 100%;  margin: 0px 0px 0px 6%;  padding: 10px;  width: 60%}

.fbox + p
{font-size: 80%;  margin-left: 50%;  margin-top: 0%}

.fbox + p.exception
{border: none;  font-size: 100%;  margin-left: 0%}

.audiolink
{background: #eef url('../media/speaker.png') no-repeat center 85%;  border: 2px black outset;  float: left;  height: 70px;  margin-top: 6%;  text-align: center;  width: 60px}


div.timeline
{border: 4px inset;  border-bottom: none;  overflow: auto}

div.timeline table
{background: #76b url('../media/prmvmeld.png');  color: white}

div.timeline table a
{color: cyan}

div.timeline table tr.data
{font: 900 70% sans;  vertical-align: top}

div.timeline table tr.data td
{border-top: 2px #97a dotted}

div.timeline table td
{border-left: 1px black solid;  padding-left: 1em}