body {
	background-color : #FFFEC7 ;		/* #FFFEC7 */
	margin : 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}
p, li, td {
	font-size : 12px;
}
a {
	color : #B207D2;
}
a:hover {
	text-decoration : none;
}
h1.pageHead {
	margin-top : 15px;
	border-bottom : solid 1px turquoise;
}
table#wrapper {
	background-color : #FFFEC7;
	width : 100%;
	position : relative;
}
table#wrapper tr#body td#contentCell {
	vertical-align :top;
}
tr#header {
	height : 20px;
	padding : 10px;
}
tr#banner {
	background-color : #CA3E5F;
	text-align : left;
	height : 60px;
}
tr#banner td#bannerText {
	text-align : left;
	padding : 5px;
}
tr#banner td#bannerText h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : #9A0926;
	font-style : italic;
	height : 20px;
	margin : 0;
}
td.leftBorder {
	width : 20px;
}
td#logoCell img {
	display : block;
}
td.vertColumn {
	width : 120px;
	background-color : #DEE7B8;
	color : #9A0926; 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	text-align : center;
	vertical-align : top;
}
td#infoCell {
	width : 140px;
}
td.crossOver {
	background-color : #E7A886;
	width : 140px;
	text-align : center;
}
td#infoFooter p{
	color : gray;
	font-size : 10px;
	margin-left : 10px;
	margin-top : 5px;
}
div.tagLine {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	color : #000000;
	font-style : italic;
}
div#headerContent {
	width : 550px;
}
div#headerContent h1 {
	margin-top : 10px;
	font-size : 18px;
	color : #9A0926;
}
div#bodyContent {
	margin : 5px 0 10px 5px;
	width : 550px;
}
div#bodyContent h1, h2, h3, h4, h5, p {
  color : #990000;
  margin-left : 5px;
}
div#bodyContent h1 {
  font-size : 20px;
}
div#bodyContent h2 {
  font-size : 18px;
}
div#bodyContent h3 {
  font-size : 16px;
}
div#bodyContent h4 {
  font-size : 14px;
}
div#bodyContent p {
  color : black;
  font-size : 12px;
}
div#footer {
  margin-left : 5px;
  margin-top : 10px;
  width : 550px;
  border-top : solid 1px gray;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : gray;
}
div.announcement {
  /* border : solid 1px #E7A886; */
  color :  #9A0926;
  width : 320px;
}
div.announcement h1{
  font-weight : normal;
  font-style : italic;
  font-size : 20px;
  margin : 5px 5px 2px 5px;
}
div.announcement h2{
  font-size: 16px;
  margin : 4px 5px 4px 5px;
}
div.announcement h3{
  font-size : 14px;
  margin : 2px 5px 5px 5px;
}
div.creditedImage {
  margin : 0;
}
div.creditedImage img {
}
div.creditedImage p.title {
  width : 100%;
  font-size : 10px;
  text-align : center;
  margin : 2px;
  font-style : italic;
}
div.creditedImage p.credit {
  width : 100%;
  font-size : 10px;
  text-align : center;
  margin : 2px;
}
/* ---- moreInfo boxes ---- */
span.moreInfo {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10px; 
  font-style : normal;
  font-weight : bold;
}
span.moreInfo a {
  border : solid 1px #E7A886;
  border-left : solid 4px #E7A886;
  color : #E7A886;
  padding : 0 3px;
  text-decoration : none;
}
span.moreInfo a:hover {
  border : solid 1px #E7A886;
  border-left : solid 4px #E7A886;
  color : #DEE7B8;
}
/* ---- Menu locations set here. Override in included style sheets for dif browsers ---- */
#menuEducation {  position : absolute; left : 81px; width: 110px;} /* 261 */
#menuEvents { position : absolute; left: 172px; width: 160px;}
#menuGalleries { position : absolute; left : 283px; width : 182px;}
#menuArtists { position : absolute; left : 394px; width : 107px;}
#menuInfo { position : absolute; left : 505px; width : 107px;}
table#mainMenu {
  /* width : 500px; */
  margin-bottom : 5px;
}
/* ----- Main Menu styles ---- */  
.menuCell {
  text-align: center;
  border : solid 1px #CA3E5F;
  border-top : none;
  border-right : none;
}
.lastMenuCell {
  border-right : solid 1px #CA3E5F;
}
.mcSmall {
  width : 80px;
}
.mcMedium {
  width : 90px;
}
.mcLarge {
  width : 110px;
}
.menuCell a {
  text-decoration: none;
  color: #990000;
  background-color: #DEE7B8; /* Cream #FFFEC7; */
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  display : block;
  height : 18px;
  padding-top : 2px;
  z-index : 1000;
}
.menuCell a:hover {
  text-decoration : none;
  color : black;
  background-color : #FFFFCC;
}
/* ---- drop down menu styles ---- */
.dropDown {
  background-color : #DEE7B8; /* Cream #FFFEC7; */
  visibility : hidden;
  position: absolute;
  width: 80px; /* default if not specified in div */
  margin : 0;
  top : 18px;
  border : solid 1px #990000;
}
.dropDown a {
  text-decoration: none;
  color: #990000;
  background-color: #DEE7B8; /* Cream #FFFEC7; */
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  display : block;
  padding-bottom: 2px;
  padding-top : 2px;
}
.dropDown a:hover {
  text-decoration : none;
  color : black;
  background-color : #FFFFCC;
}
.dropDown p {
  padding : 0px 0px;
  margin : 0;
  border-bottom : solid 1px #990000;
  text-align : center;
  white-space : nowrap;
}
.dropDown p.lastDrop { /* elminate bottom border on last drop-down item */
  border-bottom : #FFFEC7;
}
/* --- infoBox --- */
.infoBox {
  background-color : #FFFFCC;
  text-align : left;
  border : solid 1px gray;
  margin : 20px 4px;  
}
.infoBox h1 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  margin : 4px;
  padding-left : 2px;
  background-color : #FFFF99;
}
.infoBox p {
  font-size: 10px;
  margin : 4px;
}
.infoBox a {
  color : #555555;
}