@charset "UTF-8"; @-ms-viewport{width:auto;}     XXXX
/* Containers */
.u-full-width{width:100%;box-sizing:border-box;}
.u-max-full-width{max-width:100%;box-sizing:border-box;}
.textarea{outline:0;}
/* Links */
a:link{text-decoration:none;color:#0066CC;}
a:visited{text-decoration:none;color:#993399;}
a:active{text-decoration:none;color:#CC6600;}
a:hover{text-decoration:none;color:#CC0000;}
/* Navigation */
#top_nav,#nav{
  margin:5px auto;height:auto;vertical-align:middle;text-align:center;
  line-height:190%;text-decoration:none;font-family:"Calibri Light";
  font-weight:300;background-color:#FFFAF4;box-sizing:border-box;
  border-width:0;float:none;display:block;}
#bottom_nav{
  margin-left:2px;margin-right:2px;height:auto;text-align:center;
  line-height:160%;font-family:"Calibri Light";font-size:medium;
  color:inherit;text-decoration:none;background-color:#E8E8DD;
  float:none;display:block;}
/* Header */
#header,#sub-header{
  background-color:#FFFAF4;margin:2px auto;height:auto;vertical-align:middle;
  text-align:center;max-width:100%;box-sizing:border-box;border-width:0;
  float:none;display:block;}
/* Headings */
.h1{
  margin-top:12px;margin-bottom:10px;margin-left:3px;margin-right:3px;
  padding-top:5px;text-align:center;font-size:xx-large;font-weight:normal;
  font-family:"Times New Roman",Times,serif;color:#7878D1;
  text-shadow:2px 2px 2px #CCCCCC;}
.h2{
  margin-top:10px;margin-bottom:17px;padding-bottom:5px;text-align:center;
  font-size:x-large;font-weight:normal;font-family:"Times New Roman",Times,serif;
  color:#9B68CA;text-shadow:2px 2px 2px #CCCCCC;}
.h3{
  margin-top:35px;margin-bottom:15px;text-align:center;font-size:16pt;
  font-weight:500;font-family:"Times New Roman",Times,serif;color:#C66300;}
.h4{
  margin-top:15px;margin-bottom:0;margin-left:3px;margin-right:3px;
  text-align:center;font-size: 13pt;font-weight:500;font-family:"Segoe UI Semilight";
  color: #660066;}
/* Content */  
#container{
  margin:3px auto;height:auto;min-width:320px;max-width:660px;width:100%;
  font-family:inherit;background-color:#FFFAF4;box-sizing:border-box;
  border-width:0;float:none;}
#content{
  margin:5px auto;height:auto;min-width:320px;max-width:660px;width:100%;
  font-family:inherit;background-color:#FFFAF4;box-sizing:border-box;
  border-width:0;float:none;}
/* Sections */
#section{
  margin:3px auto;height:auto;line-height:normal;background-color:#FFFAF4;
  box-sizing:border-box;float:none;}
#article{
  margin-left:5px;margin-right:5px;height:auto;text-align:left;font-size:medium;
  font-family:inherit;color:inherit;background-color:#FFFAF4;box-sizing:border-box;
  float:none;display:block;}
/* Text */
.p{
  margin-top:3px;text-align:left;font-size:medium;font-weight:normal;   
  font-family:"Segoe UI Semilight";color: #666666;}
.h5{
  margin-top:5px;text-align:center;font-size:medium;font-weight:400;
  font-family:Calibri Light;color:#666699;}
.h6{
  margin-top:5px;text-align:center;font-size:medium;font-weight:300;
  font-family:"Calibri Light";color:#666666;}
.ol{
  margin-top:3px;font-family:"Calibri";font-weight:300;text-align:center;display:block;}
.ul{
  margin-top:5px;font-family:"Calibri Light";font-weight:300;text-align:left;display:block;}
.li{
  margin-top:5px;text-align:left;font-family:"Calibri Light";font-size:medium;
  font-weight:300;line-height:110%;color:#333333;}
/* Footer */
#footer{
  margin:3px auto;height:auto;min-width:320px;max-width:650px;width:100%;
  text-align:center;vertical-align:middle;background-color:#E8E8DD;font-size:medium;
  font-family:"Calibri Light";color:#515151;box-sizing:border-box;border-width:0;
  float:none;display:block;}
/* Tools */
#img_logo{
  margin:2px auto;margin-top:8px;height:75px;width:340px;text-align:center;
  font-family:"Times New Roman",Times,serif;font-size:medium;font-weight:500;
  color:#5858D6;border-width:0;}
#top_img,#img{
  height:105px;width:140px;margin-top:5px;margin-bottom:5px;font-family:Calibri;
  color:#515151;font-size:medium;text-align:center;border-radius:12px;
  border:1px solid #FFCC99;box-shadow:5px 5px 5px #D3D3D3;}
#big_img{
  height:220px;width:290px;margin-top:5px;margin-bottom:5px;font-family:Calibri;
  color:#515151;font-size:medium;text-align:center;border-radius:15px;
  border:1px solid #FFCC99;box-shadow:5px 5px 5px #D3D3D3;}
#figure{
  margin-top:12px;margin-bottom:5px;height:auto;min-width:320px;max-width:650px;
  text-align:center;
}  

.dropbtn { border: medium inherit; border-radius: 6px; background-color: #999966; color: white; padding: 1px; font-size: 13px; cursor: pointer; width: 98px; } 
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 130px; box-shadow: 2px 8px 16px 5px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { line-height: 190%; color: #3366FF; padding: 1px 1px; text-decoration: none; display: block; }
.dropdown-content a:hover { color: #CC00CC; background-color: #FFFFDF; } 
.dropdown:hover .dropbtn { background-color: #CC6600; } 
.dropdown:hover .dropdown-content { display: block; }