body {
   background-color: #aaa;
   padding: 0;
   margin: 0;
}
p, h1, h2, h3, li {
   font-family: Arial, Helvetica, sans-serif;
   background: transparent;
}
a, a:visited {
   text-decoration: none;
}
hr {
   height: 1px;
   color: #bbb;
   background-color: #bbb;
   border: 0;
}
.left {
   float: left;
}
.right {
   float: right;
}
#body {
   margin: 0 auto;
   padding: 0;
}
#menubar {
   background-color: #888;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
}
/*
#menubar .img {
   padding: 0 25px 0 0;
}
#menubar .imgsml {
   display: none;
}
#menubar p {
   display: inline-block;
   padding: 10px;
   margin: 0;
}
#menubar a {
   display: inline-block;
   color: #fff;
   font-size: 105%;
   text-decoration: none;
   padding: 8px 10px 0 10px;
   margin: 0;
}
#menubar a:hover {
   color: #000;
}
#menubar .selected {
   color: #000;
}
#menubar .imglink {
   display: inline;
   padding: 0;
}
#menubar .menu_narrow {
   display: none;
}
*/
#topbar,
#topbar_min {
   display: inline-block;
   vertical-align: top;
   margin: 10px auto 10px auto;
   padding: 0;
   width: 100%;
   max-width: 960px;
}
#topbar_min {
   width: auto;
}
#topbar .logo {
   margin: 0 15px 0 20px;
}
#topbar_min .logo,
#topbar_min .logo_min {
   margin: 0 15px 0 0;
}
#topbar_min .logo_min {
   display: none;
}
#topnav {
   list-style: none;
   padding: 0;
   margin: 0;
   float: left;
}
#topnav ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav > li {
   float: left;
   text-align: left;
}
#topnav ul > li {
   text-align: left;
}
#topnav a {
   display: block;
   color: #fff;
   font-size: 105%;
   text-decoration: none;
   padding: 7px 10px 8px 10px;
}
#topnav a:hover {
   color: #000;
}
#topnav .selected {
   color: #000;
}
#topnav > li > ul {
   position: absolute;
   display: none;
   padding: 0;
   z-index: 10;
   background-color: #888;
}
#topnav > li:hover > ul {
   display: block;
   z-index: 100;
   border-top: 10px #888 solid;
   border-bottom: 7px #888 solid;
}
#topbar_narrow,
#topbar_min {
   display: none;
}
#logobar {
}
#main {
}
#content {
   margin: 0 0;
   padding: 75px 10px 20px 10px;
}
#content p {
   color: #444;
   font-size: 105%;
   line-height: 170%;
   margin-top: 0;
   margin-bottom: 10px;
}
#content a, #content a:visited {
   color: #444;
   text-decoration: underline;
}
#content a:hover {
   color: #ddd;
   text-decoration: none;
}
#content h1 {
   font-family: "Times New Roman", Times, serif;
   color: #444;
   font-size: 145%;
   font-weight: normal;
   text-align: center;
   padding: 0;
   margin: 5px 0 20px 0;
}
#content h2 {
   color: #444;
   font-size: 120%;
   font-weight: normal;
   margin-top: 15px;
   margin-bottom: 10px;
}
#content h2 a, #content h2 a:visited {
   color: #444;
}
#content ul {
   margin-top: 0;
   margin-bottom: 10px;
   list-style: square;
}
#content ol {
   margin-top: 0;
   margin-bottom: 10px;
   margin-left: 20px;
}
#content li {
   color: #777;
   font-size: 105%;
   margin: 8px;
}
#content .gallerywrapper {
   text-align: center;
   list-style: none;
   width: 100%;
   margin: 0 auto;
   padding: 0;
}
#content .gallerywrapper li {
   list-style: none;
   display: inline-block;
   vertical-align: top;
   margin: 3px;
   padding: 0;
}
* html #content .gallerywrapper li {
   display:inline;
}  /* for IE 6 */
* + html #content .gallerywrapper li {
   display:inline;
}  /* for IE 7 */
#content .text_block {
   width: 960px;
   margin: 0 auto;
}
#content .text_block p {
   text-align: justify;
}
#content .enlargement  {
   height: 70vh;
   width: auto;
}
#content .imgcaption {
   font-size: 95%;
   margin-top: 10px;
}
#content .nick {
   float: right;
   margin: 5px 0 20px 40px;
}

#randomphoto {
   display: none;
}
#bottombar {
   display: none;
}

#content .HHContactTitle {margin-top: 15px; margin-bottom: 2px; color: #fff; font-size: 120%;}
#content .RWLegalTitle {margin-top: 0; margin-bottom: 2px; color: #fff;}

#footer {
   padding: 0;
   margin: 0;
}
#footer p {
   font-size: 95%;
   color: #666;
   text-align: center;
   margin: 0;
   padding: 0 0 20px 0;
}
#footer a, #footer a:visited {
   color: #666;
   text-decoration: none;
}
#footer a:hover {
   color: #ddd;
   text-decoration: underline;
}
@media (min-width: 981px) {
   #content {
      min-height: 500px;
      height: auto; !important
      height: 500px;
   }
}
@media (max-width: 980px) {
   #content .enlargement  {
      height: auto;
      width: 100%;
   }
   #content .text_block {
      width: 90%;
   }
   #sliderFrame {
      display: none;
   }
   #randomphoto {
      display: inline;
   }
   #randomphoto img {
      height: auto;
      width: 100%;
   }
}
@media (max-width: 960px) {
/*
   #menubar .menu_full {
      display: none;
   }
   #menubar .menu_narrow {
      display: inline-block;
   }
   #bottombar {
      display: inline;
   }
   #bottombar .menu {
      background-color: #888;
   }
   #bottombar .menu p {
      padding: 0 0 15px 0;
      margin: 0;
   }
   #bottombar .menu a {
      display: inline-block;
      color: #fff;
      font-size: 105%;
      text-decoration: none;
      padding: 15px 10px 0 10px;
      margin: 0;
   }
   #bottombar .menu a:hover {
      color: #000;
   }
   #bottombar .menu .selected {
      color: #000;
   }
*/
   #topbar {
      display: none;
   }
   #topbar_min {
      display: inline-block;
   }
   #footer p {
      font-size: 85%;
   }
}
@media (max-width: 500px) {
/*
   #menubar .img {
      display: none;
   }
   #menubar .imgsml {
      display: inline;
      padding: 0 15px 0 0;
   }
   #menubar a {
      padding: 8px 0 0 0;
   }
*/
   #topbar_min .logo {
      display: none;
   }
   #topbar_min .logo_min {
      display: inline;
   }
   #topnav > li > ul {
      width: 100%;
      left: 0;
   }
   #topnav ul > li {
      text-align: center;
   }
   #content .nick {
      float: none;
      margin: 0 0 20px 0;
   }
}
@media (max-width: 350px) {
  #topbar_min .logo_min {
     margin: 0 5px 0 0;
  }
}