body {
  font-family: Verdana, Arial, Helvetica, Geneva, Sans-Serif;
  font-size: 13px;
  color: #000000;
  margin-top: 0px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0px;
  background-color: #A4ABB3;
  background-image: url('pics/background.gif');
  background-position: center center;
  background-repeat: repeat-y;
  }

body.admin {
  background-color: #FFFFFF;
  background-image: none;
  }

body.pictureviewer {
  background-image: none;
  margin: 10px;
  }

input, textarea {
  font-family: Verdana, Arial, Helvetica, Geneva, Sans-Serif;
  font-size: 13px;
  }

h1, h2, h3 {
  margin-top: 0px;
  padding-top: 12px;
  }

hr {
  border: 1px solid #A4ABB3;
  }

img {
  border: 0px;
  }

ul {
  margin-right: 5px;
  margin-left: 20px;
  padding: 1px;
  }

a {
  text-decoration: none;
  color: #1a5bb5;
  }

form {
  margin: 0px
  }

a:hover {
  color: #3d5e8c;
  text-decoration: underline;
  }

a.downloadbutton {
  background: transparent url('pics/button-left.png') no-repeat top left;
  display: block;
  float: left;
  line-height: 25px;
  height: 33px;
  padding-left: 16px;
  text-decoration: none;
  }

a:link.downloadbutton, a:visited.downloadbutton, a:active.downloadbutton {
  color: #FFFFFF;
  }

a.downloadbutton span {
  background: transparent url('pics/button-right.png') no-repeat top right;
  display: block;
  padding: 4px 16px 16px 0;
  }

.dlbuttonwrapper {
  overflow: hidden;
  width: 100%;
  }

input.con, textarea.con {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  }

input.conh, textarea.conh {
  display: none;
  }

textarea.adm {
  font-family: monospace;
  font-size: 11px;
  width: 100%;
  height: 420px;
  }

div.gallerycleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0px;
  padding: 0px;
  background: transparent;
  }

/*=============================================================================
The following section is based on GRC's Script-Free Pure-CSS Menuing System.
More information on http://www.grc.com/menudemo.htm
=============================================================================*/

.dmenu {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
  }

.dmenu ul {
	margin: 0;
  padding-left: 0px;
	list-style-type: none;         /* we don't want to view the list as a list */
	line-height: 1.5em;          /* globally set the menu's item spacing. note */
  }                            /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.dmenu li {
	float: left;   /* this creates the side-by-side array of top-level buttons */
	position: relative;   /* create local positioning contexts for each button */
	margin: 0;
  }

.dmenu li:hover {
  background: #ddddd7;
  }

.dmenu ul li ul {
  display: none;                 /* initially hide the entire list hierarchy */
  padding: 1px;                              /* this is our box border width */
  }

.dmenu ul li a,
.dmenu ul li a:visited {
	display: block;
	float: left;
	text-decoration: none;
  }

.dmenu ul li div {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-weight: bold;
  cursor: default;
  padding-top: 5px;             /* these two need to be adjusted if the font */
  padding-bottom: 6px;         /* size is changed to keep the box size right */
  color: #1a5bb5;
  }

.dmenu ul li div a{
  color: #1a5bb5;
  }

.dmenu ul li:hover ul,
.dmenu ul li a:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	top: 30px;          /* place us just up underneath the top-level menu item */
	height: auto;     /* the drop-down height will be determiend by line count */
	width: 134px; /* the width in the next section plus left and right padding */
	color: #1a5bb5;                     /* this sets the unselected-text color */
	background: #ddddd7;      /* this sets our menu's effective "border" color */
  }

.dmenu ul li:hover ul li a,
.dmenu ul li a:hover ul li a {
	border: 0;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 7px;
	padding-left: 7px;
	height: auto;
	color: #1a5bb5;           /* this sets the unselected drop-down text color */
	background: #ddddd7;      /* this sets the drop-down menu background color */
	width: 120px;
  }

.dmenu ul li:hover ul li:hover a,
.dmenu ul li a:hover ul li a:hover {
	color: #3d5e8c;
	background: white;
  }

.dmenu ul li ul li a.menu-act {
  background-color: #ccccc7;              /* highlight currently loaded page */
  }

 /*==========================================================================*/

.footnote {
  font-size: 11px;
  color: #8b8b8b;
  }

.gallery-note {
  margin-top: 5px;
  font-size: 10px;
  color: #626262;
  }

.context-box {
  float: right;
  width: 119px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 0px;
  padding-top: 10px;
  padding-bottom: 100px;
  padding-right: 4px;
  padding-left: 38px;
  background-image: url('pics/context-header-back.png');
  background-position: top left;
  background-repeat: no-repeat;
  }

.code {
  font-family: Monospace;
  font-size: 11px;
  background-color: #ddddd7;
  border: dashed 2px #e9c226;
  padding: 3px;
  background-image: url('pics/codebackground.png');
  background-position: top right;
  background-repeat: no-repeat;
  }

.galleryOuterContainer {
  border: 1px solid black;
  float: left;
  font-size: 11px;
  width: 102px;
  height: 140px;
  margin: 10px;
  padding: 5px;
  background-color: #ddddd7;
  }

.galleryImageContainer {
  height: 100px;
  text-align: center;
  border: 1px solid #ddddd7;
  margin-bottom: 4px;
  }

.galleryImage {
  border: 1px solid black;
  }

.galleryImageEmphasis {
  border: 3px solid red;
  }

.galleryTextContainer {
  padding-top: 4px;
  text-align: left;
  }

.galleryLink {
  display: block;
  }

.pictureviewerContainer {
  text-align: center;
  margin: 8px;
  }

.largeRSS {
  width:28px;
  height:28px;
  }

.smallRSS {
  width:12px;
  height:12px;
  }

#cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0px;
  padding: 0px;
  background: transparent;
  }

#maincontainer {
  width: 774px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  border-top: none;
  }

#titlebar {
  text-align: center;
  background-color: #FFFFFF;
  margin-top: 0px;
  padding-top: 20px;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 20px;
  }

#menucontainer {
  margin-left: 19px;
  margin-right: 19px;
  margin-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #ecece6;
  background-image: url('pics/menucontainerbackground-h2.gif');
  background-repeat: no-repeat;
  height: 32px;
  }

#contentcontainer {
  float: right;
  width: 578px;
  margin-top: 0px;
  margin-right: 0px;
  margin-right: 20px;
  }

#pagecontent {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background-color: #ecece6;
  background-image: url('pics/contentcontainertop.gif');
  background-position: top left;
  background-repeat: no-repeat;
  }

#contentbottom {
  height: 7px;
  background-image: url('pics/contentcontainerbottom.gif');
  background-position: bottom left;
  }

#infobarcontainer {
  float: left;
  width: 136px;
  margin-left: 20px;
  }

#infobar{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background-color: #ecece6;
  text-align: left;
  background-image: url('pics/infobarcontainertop.gif');
  background-position: top left;
  background-repeat: no-repeat;
  }

#infobarbottom {
  height: 7px;
  background-image: url('pics/infobarcontainerbottom.gif');
  background-position: bottom left;
  }

#statusbar {
  padding: 2px;
  margin-bottom: 15px;
  }