body {
   background: #eee;
   color: #000;
}

html, body, h1, h2, h3, h4, div, p, ul, li {
   font-family: TimesNewRoman, serif;
}

h1, h2, h3 {color: #000080;}
h1 {
  font-size: 200%;
  letter-spacing: 0.05em;
}

h2 {
font-size: 130%;
}

a {text-decoration: none;}
a:link, a:visited, a:active, a:hover, span.email {color: blue;}
a:hover {text-decoration: underline; color: rgb(224, 20, 0);}


acronym:hover, abbrev:hover {cursor: help;}
abbrev[title], acronym[title], span[title] {
  border-bottom: thin dotted;
  cursor: help;
color: aqua;}
 
sup { vertical-align: 20%;}
blockquote   { color: #333; font-size: 0.8em; text-align: Justify }


/* tables */
table    {border: 1px solid #008;
}


table.characters {border: 0px;}

th {      background: #008;
               color: #fff;
         font-weight: bold;
       padding-left: 0.3em;
      padding-right: 0.3em;
}

.characters th {
background:#eee;
color:#008;
}

td { vertical-align: middle }

.characters td {
vertical-align: middle;
text-align: left;
padding-left: 1.0em
}

/*.playlist table {border:1px;} - this doesn't work in Firefox! */
table.playlist {border:2px solid #008;
border-collapse: collapse}

.playlist td {vertical-align: top;
text-align:left;
font-size: large;
padding-right:0.5em;
padding-left:0.5em;
border: 1px solid black;
}

*#col2 {border-right: 2px solid black;
}

.contacts dl {margin-left:0.8em;
}
 
.contacts dt {margin-left: 1.2em;
} 
   
/* highlighted row in tables */
.total   {background-color: #eee;}

img.rightPic {
    float:right;
    clear:left;
    margin-left: 2.0em;
    padding: 1.0em;
}

img.leftPic {
    float:left;
    clear:right;
    margin-right: 2.0em;
    padding: 1.0em;
}

.gal-L p {text-align: left} 

.gal-R p {text-align: right}

.gal-C p {text-align: center}

.gal-L img {
    float:left;
    margin-right: 2.0em;
    padding: 1.0em;
    height: 12em;
}

.gal-R img {
    float:right;
    margin-left: 2.0em;
    padding: 1.0em;
    height: 12em;
}

.gal-C img {
    float:none;
    clear: both;
    margin: 1.0em;
    padding: 1.0em;
}

.gal-L h4 {
text-align: center;
}

.gal-R h4 {
text-align: center;
}

.gal-C h4 {
text-align: center;
}

p.signature {
color: #008;
font-weight: bold;
text-align: right;
margin-right:4em;
}

p.foot {
      margin-top: 0.5em;
      margin-right: 1.0em;
     padding-top: 0.5em;
   padding-right: 1em;
    padding-left: 1em;
  padding-bottom: 0.5em;
      border-top: 1px solid #008;
           clear: both;
background-image: url(images/artscofoot.gif);
background-position: right center;
background-repeat: no-repeat;
text-align: left;
color: #008;
height: 50px;}

p.arts {height:148px;
        background-image: url(images/artscoun.gif);
}
          
img.positioned  { position:absolute; }           
img#topleft     { top:0;    left:0; }
img#topright    { top:0;    right:0; }
img#bottomleft  { bottom:0; left:0; }
img#bottomright { bottom:0; right:0; }

           
/* navigation section */

#navbar ul {
width: 100%; text-align: center;
background-color: #eee;
padding: 0.2em 0.0em;
margin: 0;
list-style-type: none;
line-height:1.2em;
background-image: url(images/navbar-grad.gif);}

#navbar li {display: inline;
}

#navbar a { text-align: center;
text-decoration: none;
color: white;
padding-left: 0.3em;
padding-right: 0.3em;
border-left: 2px solid white;
font-size: 0.9em;
font-weight: bold;
}

#navbar a:link, #navbar a:visited {text-decoration: none;
 color: #ffffff;}
 
#navbar a:hover { color: white;
text-decoration: underline;}

/* inline pictures  */

div.inlineR {
    float: right;
    clear: right;
    border: none;
    padding: 0.5em;
    margin-left: 1em;
    margin-bottom: 0em;
    }
    
 div.inlineL {
    float: left;
    clear: left;
    border: none;
    padding: 0.5em;
    margin-right: 1em;
    margin-bottom:0em;
    }   
    
.inlineR h4 {
text-align: center;
}

 .inlineL h4 {
text-align: center;
}
    
.inlineR img, .inlineL img { margin:0px;
    padding:0px;
    border:none;
    height: 12em;
    
    }
    
img.gallery {
border-width:0px;
} 

/* news section */
div.news {
    position: relative;
    float:right;
    background: #ddd;
    border: 1px solid #008;
    padding: 0.5em;
    margin: 1.2em;
    display: block;}
        
.news ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.news h2{margin:0.5em;
margin-left:0;
}

.news li span {
    display: block;
  }


span.date {
    font-weight: bold;
}

span.place {
    font-size: 0.9em;
    }
    
span.piece {
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
}

span.credit {
font-size: 0.8em;
}

span.ital {
font-style: italic;
}


.concerts_near ul {
    font-weight: bold;
    line-height: 1.4em;
    font-size: large;
    }
    
    .concerts_near li {
    font-weight: normal;
}

.concerts_far ul {
line-height: 1.6em;}

/* dont print navigation */
@media print {
  div.navBlock {visibility: hidden}
  p.foot {visibility: hidden}
}