body { font-family:'Calibri','Trebuchet MS','Tahoma','Segoe UI Light', sans-serif; font-size:150%; margin:0; background:#dedede;
}

main {
  background:#feffff; background:fixed url('../images/patterns/leaves-pattern.png'); /* leaves-pattern.png */
  min-height:650px; height:100%; font-size:125%;
  border-top:1px solid rgba(0,0,0,0.4); border-bottom:1px solid #fff;
}

main:after { display:block; content:""; clear:both; padding-bottom:30px; }

header {
  background:linear-gradient(to right, #afd2ea, #7fb2d2, #1e5680);
  border-bottom:0pt solid #2074af;
  border-top:1px solid white;
}

header:after { display:block; content:""; clear:both; }

main h1 { font-weight:900; margin:0px 0 30px 0; text-shadow: 2px 2px 2px #666; color:#fff; }

header h1 { font-size:45px; text-shadow: 2px 2px 5px #888; margin-bottom:10px; letter-spacing:2pt; }

header h1 a:link, header h1 a:visited { color:#fff600; }
header h1 a:hover { color:#ffe400; text-decoration:none; }

header h2 { font-size:14pt; margin-top:10px; font-style:italic; }

#squares { width:150px; height:150px; line-height:150px; text-align:center; float:left; }

#headers { padding-top:10pt; }

footer {
  border-top:4px solid #bbb; text-align:center; padding:55pt; font-style:italic;
  font-weight:900; text-shadow: 1px 1px 3px #eee; font-size:125%; }

#thumbnails img { float:left; padding:4px; }

.thumbnail { transition:all .2s ease-in-out; }
.thumbnail:hover { transform:scale(1.1); }

li { padding:4pt; }

.pages a:link, .pages a:visited { color:#000; }

.pages div {
  text-align:center; width:32pt; height:26pt; line-height:26pt; float:left; margin:5pt; outline:1px solid #fff;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);  background:#eee;
}

.pages div:hover { background:#ddd; }

.pages div a { text-decoration:none; display:block; }

p { margin-top:20pt; }

#content { width:86%; margin:0 auto; padding-top:30pt; margin-bottom:88pt; }

nav { min-height:54pt; line-height:54pt; font-weight:900; letter-spacing:1px; font-size:15pt;
      background:#4573a1 linear-gradient(0deg, rgba(52,121,190,1) 0%, rgba(69,115,161,1) 100%);
      text-align:center; border-bottom:1px solid rgba(255,255,255,0.65);
      border-top:2px solid rgba(255,255,255,0.75); }

nav a { color:#fff; transition:200ms; }

nav a:hover { text-decoration:none; color:lightskyblue; }

nav:after { display:block; content:""; clear:both; }

span.sl { padding:0 20pt 0 20pt; font-weight:900; color:#fff; }

#navrow { border-bottom:2px solid #a7b6c3; }

header br { display:none; }

#allowcookiesbutton { height:35px; line-height:35px; width:136px; margin-left:10px; }

#cookiesmsg { text-align:center; font-size:11pt; line-height:50pt; min-height:50pt; background:gold; border-bottom:1px solid grey; }

.img-shadow { box-shadow: 0px 0px 10px grey; max-width:100%; }

fieldset { border:1px solid #bbb; width:44%; min-width:300px; margin:10pt; padding:12pt; background:rgba(185, 185, 185, 0.5); float:left; }

legend { background:rgba(225, 225, 225, 0.66); font-size:12pt; padding:6pt; border:1px solid #eee; font-weight:bold; padding-left:10pt; color:#444; }

.pagesbar { padding:9pt; }

.active-opt { background:#afd2ea !important; font-weight:bold; }





@media (max-width:1110px)
{
  nav { line-height:35pt; font-size:12.5pt; }
  
  nav a { display:block; border-bottom:1px solid rgba(255,255,255,0.5); padding-left:25pt; height:35pt; }
  
  span.sl { display:none;}
  
  nav { text-align:left; /* padding-left:25pt; */ }
  
  #subtitle { display:none; }
  
  header br { display:inline;}
  
  #headers { padding-top:4pt; }
}