body{
background-color: #666633; 
font-family: "Papyrus";
font-size: 100%;
}

a:link {
color: white;
text-decoration: none;
font-weight: normal;
}

a:visited {
color: white;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: white;
text-decoration: none;
font-weight: bold;
}

a:active {
color: white;
text-decoration: none;
font-weight: normal;
}

h1 {
font-size: 150%;
}

/*MAIN DIVISIONS*/

#wrapper{
min-width: 58em;
max-width: 78em;
min-height: 32em;
}

#header{
font-size: 200%;
max-width: 58em;
font-weight: bold;
background-color: #990000;
text-align: center;
color: white;
margin: 0 5%;
padding: 0 0 0.5%;
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
border-radius: 8px;
}

#leftimage{
position: absolute;
top: 12px;
left: 72px;
}

#navbar{
position: relative;
max-width: 58em;
font-size: 90%;
top: 0;
left: 3em;
}

#navigation ul{
font-weight: bold;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

#navigation li{
display: inline;
margin: 0 1em 0 1em;
}

#navigation li a{
text-decoration: none;
padding: 4px 8px;
color: white;
border:2px transparent;
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
border-radius: 8px;
background-color: #990000;
}

#navigation li a:link {
color: white;
text-decoration: none;
font-weight: bold;
}

#navigation li a:visited {
color: white;
text-decoration: none;
font-weight: bold;
}

#navigation li a:hover {
color: white;
text-decoration: underline;
font-weight: bold;
}

#navigation li a:active {
color: white;
text-decoration: underline;
font-weight: bold;
}

#content{
position: relative;
top: 0;
left: 3.5em;
min-height: 325px;
color: white;
}

#content p{
margin: 0 10% 0 0;
}

#textcontent{
position: absolute;
width: 28em;
z-index: 10;
}

#homeimage {
position: absolute;
left: 26em; /*position where enlarged image should offset horizontally */
top: 1em;
z-index: 10;
visibility: visible;
border: 4px groove black; 
line-height: 0;
}

#displayimage {
display: inline;
}

#hometextline1 {
font-weight: bold;
font-size: 120%;
}

#hometextline2 {
position: relative;
left: 2em;
font-weight: bold;
font-size: 120%;
}

#hometextline3 {
position: relative;
left: 4em;
font-weight: bold;
font-size: 120%;
}

#hometextline4 {
position: relative;
left: 3em;
font-weight: bold;
font-size: 120%;
}

#gallerynavbar{
position: absolute;
top: 2em;
left: -1em;
width: 8em;
text-align: left;
}

#gallerynavbar li{
list-style-type: none;
margin-bottom: 1em;
}

#gallerynavbar li a{
color: white;
}

#gallerynavbar li a:link {
color: white;
text-decoration: none;
font-weight: bold;
}

#gallerynavbar li a:visited {
color: white;
text-decoration: none;
font-weight: bold;
}

#gallerynavbar li a:hover {
color: white;
text-decoration: underline;
font-weight: bold;
}

#gallerynavbar li a:active {
color: white;
text-decoration: none;
font-weight: normal;
}

#gallerycontainer{
position: absolute;
top: 3em;
left: 8em; /* Makes room for gallery product menu */
z-index:100;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#initial { /*CSS for initial display of enlarged image*/
position: absolute;
left: 22em; /*position where enlarged image should offset horizontally */
z-index: 10;
visibility: visible;
}

#initial img{ /*CSS for initial enlarged image*/
border: 4px ridge black; 
}

.thumbnail{ /*CSS for thumbnail image*/
border:  2px ridge black;
}

.thumbnail:link { /*CSS for thumbnail image*/
border:  2px ridge black;
}

.thumbnail:visited { /*CSS for thumbnail image*/
border:  2px solid black;
}

.thumbnail:hover { /*CSS for thumbnail image*/
border:  2px solid black;
}

.thumbnail:active { /*CSS for thumbnail image*/
border:  2px solid black;
}

.thumbnailarea span{ /*CSS for enlarged image*/
position: absolute;
top: 0;
left: 0;
visibility: hidden;
text-decoration: none;
}

.thumbnailarea span img{ /*CSS for enlarged image*/
border: 4px groove black;
}

.thumbnailarea:hover span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
left: 24.5em; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.imagetext {
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
}

.imagetext:link {
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
}

.imagetext:visited {
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
}

.imagetext:hover {
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
}

.imagetext:active {
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
}

/**********************************************/
/* Artist Page-Specific Formats               */
/**********************************************/
#artistimage {
position: absolute;
left: 30em;
z-index: 50;
visibility: visible;
border: 2px groove black;
line-height: 0;
}

/**********************************************/
/* Mission Page-Specific Formats       */
/**********************************************/
#missionimage {
position: absolute;
left: 30em;
z-index: 50;
visibility: visible;
border: 2px groove black;
line-height: 0;
}

/**********************************************/
/* Contact Page-Specific Formats       */
/**********************************************/
#contactform {
float:left;
left: 1em;
width: 33em;
color: white;
}

#emailitem {
color: white;
font-weight: normal;
text-decoration: underline;
}

#contactform a:link {
color: white;
text-decoration: underline;
font-weight: normal;
}

#contactform a:visited {
color: white;
text-decoration: underline;
font-weight: normal;
}

#contactform a:hover {
color: white;
text-decoration: underline;
font-weight: bold;
}

#contactform a:active {
color: white;
text-decoration: underline;
font-weight: normal;
}

#locationimage{
float:left;
z-index: 10;
visibility: visible;
}

#locationimage h3{
color: white;
}

#locationimage img{
border: 2px groove black;
z-index: 200;
line-height: 0;
}

#locimage:link{
border: 2px groove black;
}

#locimage:visited{
border: 2px groove black;
}

#locimage:hover{
border: 2px groove black;
}

#locimage:active{
border: 2px groove black;
}

/**********************************************/
/* Event Page-Specific Formats       */
/**********************************************/
#events {
max-width: 42em;
}

#events li a:link {
color: white;
text-decoration: underline;
font-weight: normal;
}

#events li a:visited {
color: white;
text-decoration: underline;
font-weight: normal;
}

#events li a:hover {
color: white;
text-decoration: underline;
font-weight: bold;
}

#events li a:active {
color: white;
text-decoration: underline;
font-weight: normal;
}

#links li a:link {
color: white;
text-decoration: underline;
font-weight: normal;
}

#links li a:visited {
color: white;
text-decoration: underline;
font-weight: normal;
}

#links li a:hover {
color: white;
text-decoration: underline;
font-weight: bold;
}

#links li a:active {
color: white;
text-decoration: underline;
font-weight: normal;
}

#footer {
clear: both;
width: 100%;
min-width: 58em;
font-size: 80%;
color: white;
}

#footer ul{
position: relative;
font-weight: bold;
list-style-type: none;
text-align: center;
}

#footer li{
display: inline;
}

#footer li a{
position: relative;
text-decoration: none;
padding: 4px 8px;
color: white;
}

.privacy li{
list-style-type: none;
font-weight: bold;
text-align: left;
padding: 4px 8px;
}

#textcontent_left{
width: 45%;
float: left;
color: white;
background-color: #57571E;
border: 2px groove #666633;
}

#textcontent_left ul{
margin: 1em;
padding: 4px;
list-style-type: none;
background-color: #666633;
}

#textcontent_left p{
margin: 1em;
padding: 4px;
background-color: #666633;
}

#textcontent_left h3{
margin: 1em;
padding: 4px;
background-color: #57571E;
font-weight: bold;
text-align: center;
}

#textcontent_right {
float: left;
width: 45%;
min-height: 20em;
color: white;
background-color: #57571E;
border: 2px groove #666633;
}

#textcontent_right ul{
margin: 1em;
padding: 4px;
list-style-type: none;
background-color: #666633;
}

#textcontent_right p{
margin: 1em;
padding: 4px;
background-color: #666633;
}

#textcontent_right h3{
margin: 1em;
padding: 4px;
background-color: #57571E;
text-align: center;
}

#textcontent_right_quotes {
float: left;
width: 45%;
color: white;
font-style: italic;
background-color: #666633;				
}

#textcontent_right_quotes p{
margin: 1em;
padding: 4px;
font-weight: bold;
font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #57571E;
    padding: 0; 
}