body { background-color: #d7d7d7; }
#single { max-width: 720px; margin: 12px auto 12px auto; border: #555 2px solid; font-size: 13px; font-family:'Nobile', Verdana, Helvetica, sans-serif; color: #222222; background-color: white;}
#single h1, #single h2 { text-align: center; }
#single p, #single li { font-family: 'Nobile', Verdana, Helvetica, sans-serif; font-size: 1.15em; padding: 0 8px 0 8px; line-height: 1.4em;}
dd, dt , blockquote { font-family: 'Nobile', Verdana, Helvetica, sans-serif; font-size: 1.15em; padding: 0 8px 0 8px; line-height: 1.4em;}
#single dt { font-weight: bold; }
h1 { color: navy; margin-bottom: 9px; }
address.return, h2.vana  { margin-top: 0; margin-bottom: 0; padding-left:8px; color: #990000; background-color: #bbbbff; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; }
h3 { margin-left: 8px; }
blockquote { margin: 0 5% 12px 5%; }
div.navigation { float: left; width: 100%; overflow: hidden; position: relative; }
div.navigation ul { clear:left; float:left; list-style:none; position:relative; left:45%; text-align:center; }
div.navigation li { display:block; float:left; list-style-type:none; margin:0 3px 3px 3px; padding:0; position:relative; right:55%; color: #ffffff; background-color: #3D69B5;  border: 1px solid navy; border-radius: 5px; }
div.navigation a {color: #ffffff!important; font-size: 0.9em; font-weight: bold;}
div.image-left, div.image-right, div.image-right-small {margin: 0 9px 0 9px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight:bold; max-width:400px; margin-bottom: 6px; }
div.image-right, div.image-right-small {float:right; }
div.image-left {float:left; }
sup.footnote { font-size: 75%; baseline-shift: 25%; }
.footnote a { text-decoration: none; background-color: yellow; }
p.footnote sup {font-size: 100%; vertical-align: text-bottom;; }
p.footnote {font-size: 85%; margin-top: 0; margin-bottom:0; }
/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
.main, .sidebar { }
}
/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
.main, .sidebar  { }
}
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:5px;
background-color:#ffffff;
}
#single { width: 98%; margin: 12px auto 12px auto; border: none; }
.navigation li { margin-bottom: 4px;}
#single, div.image-left; div.image-right  {
background:#ffffff;
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}
#header {height:auto; background-color:#ccc; }
h1.hidden { display:block; visibility: visible; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #993333; }
h2 {font-size: 1.5em;}
.solidblockmenu { background-color:#d7d7ff; background-image:none; border:none; }
.solidblockmenu li { display:block;  }
.solidblockmenu li a {text-align:center; padding:2px; border-bottom:2px solid navy; margin-left:2px; margin-top:2px;  float:none; }
#header { background-image:none;}
img {max-width:100%; height:auto; }
.desktop { display:none; }
}