BODY { background-color : white;
       font-family : Myriad, sans-serif;
       color : #212121;
       margin: 5px }

H1{	font:  20pt "Myriad", sans-serif; 
	color: #212121; 
	text-align: left }
	
H2{	font:  15pt "Myriad", sans-serif; 
	color: #212121; 
	text-align: left }
	
H3{	font:  10pt "Myriad", sans-serif ; 
	color: #212121; 
	text-align: left }
	
H4{	font:  8pt "Myriad", sans-serif; 
	color: #616161; 
	text-align: left }

H5{	font:  8pt "Myriad", sans-serif; 
	color: #212121; 
	text-align: left }

P{font:  12pt "Myriad", sans-serif; color: #404040; text-align: justify; text-indent:0; line-height: 1.5;  }
P.copyright{font:  10pt "Myriad", sans-serif; color: #A1A1A1; text-align: right; text-indent:0; line-height: 1.5;  }

P.ti{font:  12 pt bold italic; text-indent:0}

P.dim{font:  11 pt; text-indent:0}

P.artTitle{font:  12pt "Myriad", sans-serif; font-weight:bolder; color: #404040; text-align: left; text-indent:0; line-height: 10pt;  }
P.artInfo{font:  10pt "Myriad", sans-serif; color: #808080; text-align: left; text-indent:0; line-height: 12pt;  }

P.locationName{font:  12pt "Myriad", sans-serif; font-weight:bolder; color: #404040; text-align: left; text-indent:0; line-height: 10pt;  }
P.address{font:  10pt "Myriad", sans-serif; color: #404040; text-align: left; text-indent:0; line-height: 5pt;  }
P.eventComment{font:  12pt "Myriad", sans-serif; font-weight:normal; color: #404040; text-align: left; text-indent:0; line-height: 13pt;  }

P.contactLabel{font:  12pt "Myriad", sans-serif; font-weight:normal; color: #404040; text-align: left; text-indent:0; line-height: 6pt;  }

P.resume{font:  10pt "Myriad", sans-serif; color: #404040; text-align: left; text-indent:0; line-height: 10pt; text-indent:5 }

P.contactInfo{font:  8pt "Myriad", sans-serif; color: #404040; text-align: left; text-indent:0; line-height: 8pt;  }

A:link{color:#212121; text-decoration:none font-weight:bold}

A:visited{color:#212121; text-decoration:none}

A:hover{color:#555555; text-decoration:none}

A:active{color:#212121; text-decoration:none}

A.menu{color:white}
A.menu:hover{color:#69231F; text-decoration:none}
A.menu:active{color:#BEDFC4; text-decoration:none}

A.pages{color:white; text-decoration:underline}
A.pages:hover{color:#F39E77}

A.content{color:#6E0023; text-decoration:underline}
A.content:hover{color:#0084A5}


IMG{border-style: solid; border-color: #BFBFBF; padding:0; margin-left: 10px; margin-right:10px}
IMG.bio{border-style: solid; border-color: #BFBFBF; padding:0; margin-left: 10px; margin-right:10px; margin-top: 10px; margin-bottom: 12px}
IMG.header{padding:0; margin-left: 0px; margin-right:0px}

HR{background-color : #F39E77; width:100%; height:5}





dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

<-- Styling for Side Menu -->
#menu {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
}

#menu {
width: 9em;
}

#menu dt {
cursor: pointer;
margin-top: 10px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;

height: 20px;
line-height: 20px;
text-align: left;
font-weight: normal;
font-size:  larger;
color: white;
border: 0 none;
background: #A8A493;
}

#menu dd {
border: 0 none;

margin-top: 1px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 0px;

}
#menu li {
text-align: left;
background: #A8A493;
font-size:  small;

}
#menu li a, #menu dt a {
color: white;
text-decoration: none;
display: block;
border: 0 none;

}
#menu li a:hover, #menu dt a:hover {
background: #A8A493;
color: #69231F;

}


<-- Styling for Art Header -->
#artHeader {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
}

#artHeader {
width: 15em;
}

#artHeader dt {
margin-top: 0px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;

height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
font-size:  13pt;
border: 0 none;
}

#artHeader dd {
border: 0 none;

margin-top: 1px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

}

#artHeader li {
text-align: left;
font-size:  9pt;
font-style: italic;
color: #A1A1A1;
}

<-- Styling for Art Info -->
#artInfo {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
}

#artInfo {
width: 15em;
}

#artInfo dt {
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

height: 20px;
line-height: 20px;
text-align: left;
font-weight: normal;
font-size:  smaller;
border: 0 none;

color: #616161;
}

#artInfo dd {
border: 0 none;

margin-top: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

}

#artInfo li {
text-align: left;
font-size:  smaller;
font-style: none;
color: #616161;

}



<-- Styling for Location Info -->
#Location {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
}

#Location {
width: 20em;
}

#Location dt {
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

height: 20px;
line-height: 20px;
text-align: left;
font-weight: normal;
font-size:  smaller;
font-style: italic;
border: 0 none;

color: #616161;
}

#Location dd {
border: 0 none;
margin-top: 8px;
margin-bottom: 0px;
margin-left: 2px;
margin-right: 0px;
color: #616161;
font-size:  smaller;
font-style: italic;

}

#Location li a, #Location dt a {
color: #6E0023; 
text-decoration:none;
display: block;
border: 0 none;
height: 100%;
font-weight: normal;
}

#Location li a:hover, #Location dt a:hover {
color: #0084A5;
}


<-- Styling for Links Info -->
#Links {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
}

#Links {
width: 40em;
}

#Links dt {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

height: 20px;
line-height: 20px;
text-align: left;
font-weight: bolder;
font-size:  normal;
font-style: none;
border: 0 none;

color: #616161;
}

#Links dd {
border: 0 none;
margin-top: 4px;
margin-bottom: 30px;
margin-left: 2px;
margin-right: 0px;
color: #616161;
font-size:  smaller;
font-style: italic;

}


#Links li a, #Links dt a {
color: #6E0023; 
text-decoration:none;
display: block;
border: 0 none;
height: 100%;
font-weight: bolder;
}

#Links li a:hover, #Links dt a:hover {
color: #0084A5;
}




<-- Styling for Event Spinners -->
.item-header a { font-size: x-small; }
.item-header {
  font: "Myriad";
  color: #212121;
  border-bottom: 1px solid #A1A1A1;
  font-size: 15pt;
  margin-top: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
}
.item-body {
  margin: 0px; font-size: 12pt;
  color: #404040;
  visibility: hidden; height: 0px;
  display: none;
}