body                 {background-color: white}
p                    {font-family: "Arial", sans-serif; color: #566573;} 
h1                   {font-family: "Arial", sans-serif; color: #566573; text-align: center;}
h2                   {font-family: "Arial", sans-serif; color: #566573; }
h3                   {font-family: "Arial", sans-serif; color: #566573; }
hr                   {height:3px; color:white; background-color:white; border-color: white; border-style: solid;}
.alphabetic          {font-family: "Arial", sans-serif; color: #566573; text-align: center; font-weight: bold; font-size: 150%;}
.alphabeticpale      {color: #D8D8D8;}
.caption             {display: block; font-family: "Arial", sans-serif; font-size: 200%; color: #566573; margin: 30px; text-align: center;}
.medium              {display: block; font-family: "Arial", sans-serif; font-size: 150%; color: #566573; margin: 30px; text-align: center;}
.center              {display: block; margin-left: auto; margin-right: auto;}
.jacketcenter        {display: block; margin-left: auto; margin-right: auto; width: 1000px;}
.blog                {display: block; margin-left: auto; margin-right: auto; border: 3px solid #EAECEE}
.main_text           {display: block; margin-left: auto; margin-right: auto; width: 1000px; font-size: 150%;}
.main_image          {display: block; margin-left: auto; margin-right: auto;}

div.object_text {
    float: left; 
    text-align: left; 
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 900px;	
    font-size: 150%;
}

div.object_image {
    float: left; 
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 900px;	
}

div.jacket_object  {float:left;}

.map-container {
  background-size: cover;
  position: relative;
}
.map-container canvas { position: absolute; }
.map-container img {
  opacity: 0;
  position: absolute;
}

/* Styling of header and homepage links */

a.header {
    text-decoration: none; 
    font-weight: normal; 
    font-size: x-large; 
}

a.header:link {
    color: #C0C0C0;
}

a.header:visited {
    color: #C0C0C0;
}

a.header:hover {
    color: #F78181;
}

a.header:active {
    color: white
}

/* Styling of the Matthew Herring header */

a.matthew {
    text-decoration: none; 
    font-size: x-large; 
     
}

a.matthew:link {
    color: #808080;
}

a.matthew:visited {
    color: #808080;
}

a.matthew:hover {
    color: #808080;
}

a.matthew:active {
    color: #808080;
}