body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; 
	color: #000000;
}
/*
	div {
	border: 1px solid black;
	}
 */
a:link { text-decoration: none; color: #000099; }
a:hover { text-decoration: underline; }
a:visited { color: #000099; }

#header {
	text-align: center;
	margin: auto;
	/*font-size: 2em;*/
	padding: .5em;
}

#header img {
	height: auto;
	display: inline;
}

#header h1 {
	display: block;
	vertical-align: middle;
	font-size: x-large;
}

#content {
	padding-left: 2%;
	padding-right: 2%;
	/*border: 1px solid black;*/
}

#content > h2, #content > h3 {
	text-align: center;
}

.about {
	font-size: 1.2em;
	padding-left: 2%;
	padding-right: 2%;
}

.about h3 {
	text-align: center;
}

#ann li {
	padding-bottom: 10px;
}

.events h2, .events h3, .events h4 {
	color: #c69214;
}

.showmore, .showless {
	font-style: italic;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}		

.classes h2, .classes h3 {
	text-align: center;
	color: #c69214;
}

.classes h2 {
	font-size: x-large;
}

.classes h3 {
	font-size: large;
}

.classes > div {
	padding-top: .5em;
	padding-bottom: .5em;
}

.clearfix::after {
   content: "";
   display: table;
   clear: both;
}

.biopic-left img {
   float: left;
   padding-right: 1%;
   padding-bottom: 1%;
}

img.banner {
   display: block;
   padding: .5em;
   margin: auto;
}

@media screen and (max-width: 690px) {

   body {
      font-size: 0.9em; 
   }
   .about {
      font-size: 1.0em;
   }
   .classes {
      padding: 5px;
   }
   
   .classes h2 {
      font-size: 1.2em;
   }
   
   .classes h3 {
      font-size: 1.0em;
   }
   
   .biopic-left img {
      float: left;
      padding-right: 4px;
      padding-bottom: 4px;
   }
   #aziza img {
      float: none;
      display: block;
      margin: auto;
      padding: 0;
      height: 120px;
   }
   
}

#footer {
   margin: auto;
   text-align: center;
   padding-top: .5em;
}

span.contact {
   display: none;
}

p.quot-ctr {
   text-align: center;
   font-style: italic;
}
p.quot-attr {
   text-align: center;
   font-style: italic;
   padding-left: 60%;
}
.quotefrom {
   text-align: right;
   padding-right: 15%;
}

.eventclassheader {
   text-align: center;
   font-size: large;
   font-weight: bold;
   font-color: black;
   
}

.featured li {
   font-size: 1em;
   padding-top: .4em;
}

.featured li em {
   font-weight: bold;
}

.leftpic {
   float: left;
   padding-right: 3%;
}

.audio .dt {
   color: #86005e;
   text-align: left;
   font-size: .8em;
   font-weight: bold;
}

.audio .ti {
   color: #291159;
   text-align: left;
   font-family: Georgia, Times, "Times New Roman", serif;
   font-size: 1.2em;
   font-weight: bold;
}

.schedule-table td:nth-child(1) {
   font-weight: bold;
   text-align: right;
   width: 10%;
}

.schedule-table td {
   vertical-align: top;
}

.schedule-table table {
   width: 90%;
}