body.noImage
{ 
  background-color: white;
  background-attachment: fixed;
  background-size: 100% 100%;
}
body.std
{ 
  background-image: url("images/castle.png");
  background-attachment: fixed;
  background-size: 100% Auto;
}

a
{
   font-size: 38px;
}
a:link
{
   color: white;
   padding: 4px 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
}
a:visited
{
   color: white;
   padding: 4px 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
}
a:hover
{
   padding: 4px 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
}

a.std 
{
   color: #bf4f26;
   background-color:transparent;
   padding: 0px;
   border-style:solid;
   border-radius:5px;
   border-width: 1px;
   border-color: transparent;
}
a.std:hover
{
   border-color: black;   
}

a.noselect
{ 
  -webkit-tap-highlight-color: transparent;
}

div.books
{
   
   margin: 0 auto;
}
div.full
{
    background: url('images/parchment.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto;
    text-align: center;
}
div.main 
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}
div.menu
{
    background-color: #4f1f08;
    background-size: auto;
    width: 100%;
    margin: 0 auto;
    color: white;
}
div.infoDiv 
{
   background-color: #f4eedd;
   margin: 0 auto;
   border-radius: 25px;
}
div.infoBorder
{
   width: 95%;
   margin: 0 auto;
   background-color: #bf4f26;
   border-color: #4f1f08;
   border-style:solid;
   border-width: 3;
   border-radius: 25px;
   position: relative;
   top: -10px;
   padding:10px;
}
div.gap 
{
  position: relative;
  background: white;
  width: 100%;
  height: 500px;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

p
{
   margin:0px;
   padding: 0px;
}
p.quotes 
{
    font-family: Times New Roman, Times, serif;
    color: #280e08;
    font-size: 38px;
    font-weight: 900;
    font-style: italic;
    width: 95%;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
    display: inline-block;
}
p.large {
    color: #000000;
    font-size: 48px;
    font-weight: bold;
    font-family: timesnewroman;
    padding:20px;
    text-align: center;
}
p.std { 
    color: #000000;
    font-size: 38px;
    font-family: timesnewroman;
    margin: 30px;
    text-align: left;
}


/* ------------------------------------------------------------- */

img
{
   display:block;
   margin: 0 auto;
}
img.banner
{
   width: 100%;	
   height: Auto;
   max-width: 1000px;
}
img.books
{
  width: 28%;
  max-width:300px;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-radius: 10px;
  display: inline;
  vertical-align: top;
  float: none;
  padding-left: 5px;
}
img.author
{
  width: 20%;
  max-width:150px;
  border-color: #280e08;
  border-style: solid;
  border-width: 5px;
  border-radius: 10px;
  display: inline;
  vertical-align: top;
  float: none;
  padding-left: 5px;
}
img.banner
{
   width:100%;
}
img.nav
{
    opacity: 0;
    margin: 0 auto;

    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 8s;
    -webkit-animation-delay: 4s;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;

    animation-name: example;
    animation-duration: 8s;
    animation-delay: 4s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

ul
{
    text-align: left;
    margin-left: 20px;
}
ol
{
    color: #170a03;
    text-align: left;
    display: block;
}
li
{
    font-size: 38px;
    font-family: timesnewroman;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes example {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* The container <div> - needed to position the dropdown content */
.dropdown
{
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content
{
  display: none;
  position: absolute;
  background-color: #a7862c;
  font-size: 60px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

/* Links inside the dropdown */
.dropdown-content a
{
  color: white;
  padding: 30px;
  text-align: left;
  font-size: 60px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #836124}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

@media (min-width: 280mm)
{   
   div.full{
      max-width:757px;
   }
   div.main {
      max-width:757px;
   }
   div.books {
      max-width: 757px;
   }
   div.footer {
      max-width:757px;
   }
   div.menu {
      max-width:757px;
   }
   div.menu2 {
      max-width: 757px;
   }
   p.quotes {
      font-size: 38px;
   }
   p.std {
      font-size: 38px;
   }
   img.banner{
      max-width:757px;
   }
   ul{
      font-size: 38px;
   }
   ol{
      font-size: 38px;
   }
}