* {padding:0}

body {
   background: #a9cfae;
   color: #000;
   margin-right: 7%;
   margin-left: 7%;
}

html, body, h1, h2, h3, h4, div, p, ul, li {
   font-family: Arial, Helvetica, sans-serif;
}
p {
background-color: #f4f4f4;
margin-left: 1em;
margin-top: 0em;
margin-bottom: 0em;
padding: 10px;

}

h1, h2, h3 {color: #060;
margin-left:10px;}

h1 {
  font-size: 200%;
  letter-spacing: 0.05em;
}

h2 {
font-size: 130%;
}

ul {
padding-left:40px;
}

a {text-decoration: none;}
a:link, a:visited, a:active, a:hover, span.email {color: #060;}
a:hover {text-decoration: underline;}


acronym:hover, abbrev:hover {cursor: help;}
abbrev[title], acronym[title], span[title] {
  border-bottom: thin dotted;
  cursor: help;
}
 
pctr { text-align: Center; }

sup { vertical-align: 20%;}
blockquote   { color: #333; font-size: 0.8em; text-align: Justify }


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

}
th {      background: #060;
               color: #fff;
        padding-left: 0.3em;
       padding-right: 0.3em;
}


/* highlighted row in tables */
.total   {background-color: #eee;}

/* Header */

#header {
	position: relative;
	left:0; 
	top:0; 
	width:100%; 
	height:100%;
}

#header table {
	border:0; 
	padding:0; 
	border-collapse:collapse; 
	table-layout:fixed; 
	width:100%;
	}
	
#content table {
	border:0; 
	border-collapse:collapse;
	table-layout: fixed;
}	

#navigation table {
	border:0em; table-layout:fixed; width:140px;
}

#navigation a {
	color:white; font-size: small; font-weight: bold
}
	
td.headerLeft {
	width:45%;
	background-color:#71a378;
}

td.headerMid {
	width:28%;
	background-color:#71a378;
}

td.headerRight {
	width:32%; 
	background-color:#71a378; 
	padding: 0.5em; 
	font-size: 220%; 
	color:#060; 
	vertical-align:middle;
}

td.contentLeft {
	padding:0; vertical-align:top; background-color:#71a378;
}

td.contentRight {
	background-color:#f4f4f4; vertical-align:top; padding-top:1em; padding-left:1em;
}

td.navTopBorder {
	background:#000000 none repeat scroll 0 0; height:1px;
}

td.navBotBorder {
   background:#DEEEDC none repeat scroll 0 0; height:1px
}

td.navMenuItem {
	background-color:#71a378; padding: 4px 10px; white-space:nowrap;
}

p.headerCredits {
	font-size:50%; 
	font-weight:bold; 
	color:black; 
	background-color:#71a378;
}

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;
}

img.HeadPic {
    float:left;
    clear:left;
    margin-right: 2.0em;
}

.gal-L hr, .gal-R hr, .gal-C hr {clear: both}

.gal-L p, .gal-L h3 {clear: right}

.gal-R p, .gal-R h3 {clear: left}

.gal-C p, .gal-C h3 {clear: both}

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

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

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

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

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

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

p.foot {height:34px;
	text-align: right;
      margin-top: 0em;
      margin-left: 0em;
     padding-top: 0.5em;
   padding-right: 1em;
    padding-left: 1em;
  padding-bottom: 1em;
           clear: both;
    background-color: #71a378
/* background-image: url(images/ecs34.png);
background-position: top right;
background-repeat: no-repeat; */
}

p.arts {height:148px;
        background-image: url(artscouncil.png);
}

img.badge {float: right;
           margin: 0.5em;}
           
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; }

           

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

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

.news li span {
    display: block;
  }

span.date {
    font-weight: bold;
}

span.place {
    font-size: 0.8em;
    padding-left: 0.1em;
    }
    
span.piece {
font-size: 1.1em;
line-height: 1.8em;
font-weight: bold;
}

.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;}

.excerpt {
font-size: small;
color:black;
font-weight: normal;
}