/* 2016 Snorkel Blue Private Theme from W3.CSS Color Generator */
.w3-theme-l5                        {color:#000    !important; background-color:#e9f5ff !important}
.w3-theme-l4                        {color:#000    !important; background-color:#b5dffd !important}
.w3-theme-l3                        {color:#000    !important; background-color:#6bc0fc !important}
.w3-theme-l2                        {color:#fff    !important; background-color:#21a0fa !important}
.w3-theme-l1                        {color:#fff    !important; background-color:#0479cc !important}
.w3-theme-d1                        {color:#fff    !important; background-color:#024575 !important}
.w3-theme-d2                        {color:#fff    !important; background-color:#023e68 !important}
.w3-theme-d3                        {color:#fff    !important; background-color:#02365b !important}
.w3-theme-d4                        {color:#fff    !important; background-color:#022e4e !important}
.w3-theme-d5                        {color:#fff    !important; background-color:#012641 !important}

.w3-theme-light                     {color:#000    !important; background-color:#e9f5ff !important}
.w3-theme-dark                      {color:#fff    !important; background-color:#012641 !important}
.w3-theme-action                    {color:#fff    !important; background-color:#012641 !important}

.w3-theme                           {color:#fff    !important; background-color:#034f84 !important}
.w3-text-theme                      {color:#034f84 !important}
.w3-border-theme             {border-color:#034f84 !important}

.w3-hover-theme:hover               {color:#fff    !important; background-color:#034f84 !important}
.w3-hover-text-theme                {color:#034f84 !important}
.w3-hover-border-theme:hover {border-color:#034f84 !important}

html { background-color: #e9f5ff; }
html, body, h4, h5, h6 {
  height:100%;
  font-family:"Inconsolata", sans-serif;
}

.djs-margin-bottom { margin:0px 0px 16px 0px; }
.djs-padding-top   { padding-top:32px; }
.djs-padding-top-b { padding-top:4px; }
.djs-padding-none  { padding:0px; }

.resp-4by3-container {
  position:relative;
  overflow:hidden;
  padding-top:75%;
}
.resp-16by9-container {
  position:relative;
  overflow:hidden;
  padding-top:56.25%;
}
.resp-iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}

h1, h2, h3 {
  margin:0.25em auto;
  text-align:center;
}
p {
  margin-bottom:1em;
  text-align:left;
}

a:hover { color:#2196F3; }

#navbar {
  background-color:#012641;color:#fff;
  position:fixed;
  top:0;
  width:100%;
  display:block;
  z-index:1;
  transition:top 0.3s;
}
#navbar a {
  float:left;
  display:block;
  text-align:center;
  padding:6px 12px;
  text-decoration:none;
  font-size:17px;
}
#navbar a:hover { background-color:#2196F3;color:#fff; }

#auDSPrNavBar {
  width:100%;
  overflow:hidden;
}
#auDSPrNavBar img { width:72px;height:24px; }

section {
  margin:0 auto;padding-top:2em;
  width:90%;max-width:840px;
}
/* Section Headers */
section h4 {
  margin:0.5em auto;
  text-align:center;
}
section h4 span {
  background-color:#012641;color:#fff;
  display:inline;
  margin:0 auto;padding:0.25em;
  text-align:center;
  letter-spacing:0.25em;
}

footer {
  background-color:#012641;color:#fff;
  padding:4px 8px;
}
footer p {
  text-align:center;
  font-size:12px;
}
/* Font Awesome icon */
footer i {
  width:30px;
  font-size:18px;
}