/*
primary_color:#531B93;
must also manually change styles in meta tags in page.php
for ios title bar
*/

html, body
{
  margin:0px;
  padding:0px;
  background-color:#E8E8EB;
}
.top_nav
{
  position:fixed;
  width:100%;
  background-color:#531B93;
  box-shadow: 0px 0px 8px 1px #444;
  padding-top:1em;
  padding-bottom:1em;
  z-index:1000;
  font-family:Verdana;
  font-weight:bold;
  font-size:10pt;
}

.top_nav_placeholder
{
  height:90px;
}

@media only screen and (hover:none)
{
  .top_nav
  {
   font-size:20pt;
  }
  .top_nav_placeholder
  {
    height:180px;
  }
}

@media only print
{
  .top_nav
  {
   display:none;
  }
  .top_nav_placeholder
  {
    height:0px;
  }
}

.top_nav .right_button_group
{
  float:right;
  margin-right:20px;
  margin-left:20px;
}

.top_nav .left_button_group
{
  float:left;
  margin-right:20px;
  margin-left:20px;
}

.top_nav .icon
{
  padding-top:0.25em;
  padding-bottom:0.25em;
  padding-left:1em;
  padding-right:1em;
}

.top_nav .icon img
{
  width: 1.5em;
  height:auto;
  display:inline;
  vertical-align:middle;
}

.top_nav a
{
  display:inline-block;
  background-color:white;
  color:black;
  padding:0.5em;
  border-radius:5px;
  cursor:pointer;
  text-decoration:none;
  margin-left:4px;
  margin-right:4px;
  text-align:center;
}

.page_div
{
  width:700px;
  margin:auto;
}

.page_div img
{
  display:block;
  max-width:100%;
  max-height:300px;
  margin:auto;
}