body{margin:0;padding:0; font: 0.9em/1.3em verdana, arial, sans-serif;border:0; background-image: url('mid8bg.png');background-repeat: no-repeat;}
#container { width:100%; }
#topbit {  height:112px; border-bottom: 3px solid #ddd; text-align:center;}
#navbar { width:220px; float:left; margin-right:0px;padding:10px 0 20px 10px;background:#fff; }
a { color:#4067F6; text-decoration:none; }
a:hover {text-decoration:underline; }
  a.nav, a.nav:link, a.nav:visited, a.navhere {float:right;outline: none;display:block; width:210px; height:25px; background:#fbfbfb; border-top:0px solid #ddd;border-right:0px;border-bottom:1px solid #ddd;border-left:1px solid #ddd; margin-top:0px;padding-left:6px; text-decoration:none; color:#4067F6; line-height:25px; overflow:hidden;}
  a.nav, a.nav:link, a.nav:visited {background:#fbfbfb url('menuarrow.gif') no-repeat center right;} 
  a.nav:hover { color:black;background:#fff url('vanicon1.png') no-repeat center right; border-right:0px solid #fff;}
  a.navtop, a.navtop:link, a.navtop:visited {border-top:1px solid #ddd; }
  a.navhere {width:215px;color:black; border-top:1px solid #999; border-right: 0px solid #fff; border-bottom:1px solid #999;border-left:1px solid #999;background:#fff url('vanicon.png') no-repeat top right;}
  a.navhere:hover { color:#43A9FF; background:#eee url('vanicon2.gif') no-repeat top right;}
  
  a.navdown, a.navdown:link, a.navdown:visited {float:right;outline: none;display:block; width:210px; height:25px;  border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:0px solid #f5f5f5; margin-top:0px;padding-left:6px; text-decoration:none; color:#4067F6; line-height:25px; overflow:hidden; background:#fbfbfb url('menudown.gif') no-repeat top right;}
  a.navdown:hover {color:black;background:#fff url('menudown1.gif') no-repeat center right; border-right:0px solid #fff;}
 
.noted {border:#C0C0C0 2px solid; padding:2px; padding-left:10px; margin-top: -5px;}
.nnoted {color:#000000; font-weight: bold; font-size:14px; margin-bottom: 10px; background-color :transparent;}
h1 { line-height:1.1em; font-family:trebuchet,arial,sans-serif; color:#404040;}  
hr { margin: 20px 0px; }
  .facebo { text-align:center; }
  #copyrite a { color:#404040; }
#searchy { float:right; margin:20px 8px 4px 3px;  }
img { max-width: 100%; height: auto; border: 0; outline: 0; }
strong { color:#404040;}
.imgborder {padding: 3px; margin: 0px 5px 3px 5px; border:3px solid #c0c0c0;  }
tr.fff {background: #ffffff; }
tr.f5f { background: #f5f5f5; }
ul { list-style-type: none; margin-left: 1em; padding-left: 0px; }		
li.gap {margin-right: 2em; margin-top: 1em; margin-bottom: 1em;}
.datebox { border: 1px solid #000; background-color:#f5f5f5; padding:2px; margin-bottom:5px; font-weight:bold;color:#FF9703; }
#vanpages {  }
#otherpages { margin-bottom:16px;  }
  #progress {margin-top:120px;padding-top:130px;}
  #progress > span {margin-left:10px;}
#sidead {  }
#botad {  margin-top:20px; margin-bottom:5px; margin-left:auto; margin-right:auto; }
#content { margin:0 15px 0 235px; border-top:0px solid #ddd;padding-left:30px;}
#footer {  clear:both;text-align:center;}

#mobilenavbar { display:none; }
   .more {
      display: none;
      border-bottom: 1px solid #666; }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      background: transparent url(down.gif) no-repeat right; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat right; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 0px dotted #36f; 
      }
      
      
@media screen and (max-width:768px) {
body {background-image:none; }
#topbit { width:100%;height:120px; margin:0;padding:0;text-align:center;clear:both;border-bottom: 0px;}
#mobnavbar { width:93%;text-align:left;margin-left:15px; }
#mobnavbar strong { margin-left:8px; } 
a.nav, a.nav:link, a.nav:visited, a.navhere, a.navdown, a.navdown:link, a.navdown:visited{ width:99%; margin:5px; padding:7px; }
#navbar { display:none; clear:both;}
#mobilenavbar { postition:relative;display:block;margin:0 0 4px 0; clear:both;}
#content {clear:both; margin-left:5px;  margin-right:5px; border:0px solid #eee;padding:5px;}
#mobsidead {margin-top:12px; margin-bottom:12px;text-align:center;}
#mobvanpages {  }
.noted {border:#C0C0C0 2px solid; padding:2px; padding-left:10px; margin-top: -5px;}
.nnoted {color:#000000; font-weight: bold; font-size:14px; margin-bottom: 10px; background-color :transparent;}
   .more {
      display: none;
      border-bottom: 1px solid #666; }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      background: transparent url(down.gif) no-repeat right; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat right; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 0px dotted #36f; 
      }
}