* {  
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
   }
   
body { 
     font-family: Arial, sans serif; 
     color: #ff8c8c; 
     background-color:#ffffd7;
     position:relative;
     } 
  
  /* Links */
  
a:link { color: #fff; text-decoration: none }
a:active { color: #FFFF99; text-decoration: none }
a:visited { color: #ffffE8; text-decoration: none }
a:hover { color: #ffc0c0; text-decoration: none }

div.button {   
    background-color: #DDDDBB;
    background-color: rgba(255, 255, 215, .9);
    font-family: 'Josefin Sans', sans-serif;
    text-align:center;
    color: #c66;
    font-weight:bold;
    padding: .3em;
     }
div.button:hover {
    background-color: #ffa39b;
    color:#FFFFBB;
     }
div.button a{
    color:#C66;
     }
div.button:hover a{
    color:#FFFFBB;
     }
#nav_buttons {
    float:right; }
nav div.button{
    margin-right: .5em;
    border: 3px double blue;
    display:inline-block;
    }
nav div.button:hover {
    border-color: #c5c5e8;
    background-color: #f99;
     }
div.button.selected, div.button.selected:hover {
    background-color: rgba(255,102,102,.5);
    color:#FFFFBB; color: rgba(255,255,236,.5);
    border-color: #c5c5e8;
     }


  
  /* Page */
main  {
     position:relative; 
     width: 90%; 
     max-width: 1020px; 
     margin: 0 auto;
     }

h1   {
     font-size: 2em;
     font-family: 'Josefin Sans', sans-serif;
     text-align:center;
     }
.site_id {
     letter-spacing: 3px;
     font-weight: bold;
     }

header{
     margin-bottom:-1.2em;
     padding-bottom:0;
     position:relative;}
header h1 {
     margin-bottom:0;
     padding-bottom:0;
     font-size: 3em;
     font-family: 'Josefin Sans', sans-serif;
     letter-spacing: -.09em;
    text-shadow: 0 2px rgba(255, 255, 215, .9);
     }
header .dropcap {
	font-size: 2em;
    position:relative;
    bottom:-8px;
     font-weight: bold;
     letter-spacing: -5px;
    }
    
article, nav {
     margin-bottom: 2em; 
     padding:20px;   
     background-color:#ff8c8c;
     border:1px solid #ffffd7;
     border-radius: .7em;
     color: #ffffd7; 
     }
nav {margin-bottom:0;}
     
     
section {
     width:100%;
     margin: 20px auto;
     padding:20px;
     border: 10px solid #ffffd7;
     border-radius: .7em;
     display:inline-block;
     }
     
.dl {
     text-align:center;
     float:right;
     display:inline-block;
     margin-left: 20px;
     }
     
.dl_wll, .dl_flr {
     float: left;
     display:inline-block;
     margin: 1.5em;
     }
     
.dl img, .dl_wll img, .dl_wll img {
     display:block; 
     margin:auto;
     }
.dl div.button, .dl_wll div.button , .dl_flr div.button {
     width:100%; 
    margin-bottom: 1px;
     }
 /*  
DISABLEbody.relit {
     background-color:#5555FF; 
     }
DISABLEmain.relit {
     background-color:#FFFFBB;
     border:1px solid #FFFFBB;
     }
DISABLEarticle.relit {
     color: #5555FF; 
     }
DISABLEsection.relit {
     border: 10px solid #5555FF;
     }
DISABLE.dl_relit {
     width: 20%;
     text-align:center;
     float:right;
     display:inline-block;
     margin:left: 20px;
     }
*/
     /*
nav, nav a, nav h2, nav h3, nav hr {color: #ff8c8c; font-family: 'Century Gothic', serif; font-weight: bold;}  
nav h2, nav h3 {text-align:center; }
nav ul, nav ul li {list-style-type:none;}
*/
  
  /* Clear Fixes (NOTE: subjects are inline-block) */
section:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}