root { 
    display: block;
}

body { 
    background-color: #fff; color: #333;
  }

body, p, ol, ul, td {
  font-family: Times, serif;
}

img {
  border:none;
}

a {
    color:black;
    font-weight:bold;
    border:none;
    position:relative;
  }

body {
  background-image:url(/images/background.png);
  background-repeat:repeat;
}

.left {
    float:left;
    min-width:500px;
    width:82%;
}

.main-page-logo {
  position:absolute;
  right:2em;
}

.sub-page-logo-original {
  position:absolute;
  right:-2em;
  top:-1em;
}
.sub-page-logo {
    top:20px;
    position:absolute;
    right:-23px;
}
.content2 {
    position:relative;
}

.content {
  background-color:#cecdcd;
  font-size:14pt;
  margin-top:5pt;
  margin-bottom:10pt;
  padding:5px;
}

.text {
  padding:10pt;
  padding-left:18pt;
}

.olegroy {
  margin-top:30px;
  /*margin-left:7.5%;*/
  margin-bottom:15px;
  position:relative;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    padding-left:105px;
    display:inline;
}
.olegroy a img {
    margin-bottom:10px;
    margin-left:3em;
}

.main-window {
  width:90%;
  height:450px;
  margin-left:auto;
  margin-right:auto;
  background-image: url(/images/official_web_site.png);
  background-repeat:no-repeat;
  background-position: left center;
  position:relative;
  padding-left:50px;
}

.white-back {
  background-color:#fdfdfd;

  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
}

.grey-back {
  background-image:url(/images/grey_back.png);
  background-repeat:repeat;
  margin:0px;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  border:15px solid #FDFDFD;
}

.credo {
  background-image:url(/images/credo.png);
  margin-left:auto;
  margin-right:auto;
  background-repeat:no-repeat;
  background-position:bottom center;
  height:35px;
}

.menu {
  font-size:12pt;
  margin-left:2em;
  margin-top:3em;
}

.menu-element {
  margin-bottom:15px;
}

.menu-path {
  height:28px;
  padding:4px;
  padding-left:18pt;
  font-size:20px;
  color:black;
}

.menu-name {
    width:415px;
    background-color:#413F3F;
    padding:4px;
    padding-left:18pt;
    height:20px;
    background-image:url(/images/white_strip.png);
    background-position:right center;
    background-repeat:no-repeat;
}

.menu-name-next1 {
  background-image:url(/images/white_strip.png);
  margin:0px;
  background-repeat:no-repeat;
  background-position:right;
  height:28px;
  width:74px;
}

.white-link {
    color:white;
    font-weight:bold;
    border:none;  
}

.black-link {
    color:black;
    font-weight:bold;
    border:none;
}

.path-bigger {
  font-size:large;
}

.book {
  position:absolute;
  top:230px;
  right:0px
}



.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

.guestbook {
  margin-left:10px;
}

.note {
  border:white solid;
  border-width:thick;
  margin-bottom:10px;
}

.note-title {
  background:gray;
  font-size:large;                 
  font-weight:bold;
  text-align:left;
  padding-left:5px;
}

.note-response {
  text-align:left;
  padding:5px;
}

.note-admin-response {
    text-align:left;
    padding-left:5px;
    font-weight:bold;
    background:grey;
}

.note-admin {
    padding-left:5px;
    font-weight:lighter;
    text-align:right;
}

.note-answer {
    text-align:left;
    padding:5px;
    color:maroon;
}

.note-menu {
    
}

dl {
  margin-bottom:0px;
}

dt {
  display:inline;
  float:left;
  width:10em;
  font-weight:bold;
  position:relative;
}

dd {
  margin: 0em 0 1.6em 10em;
}

.gray-back {
    background-color:#CECDCD;
    border-color:black;
    border:1px solid black;
    width:300px;
}

.height-limit {
    height:150px;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  display:none;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.comments {
    margin-top:4em;
}

.comments p {
    text-indent:0px;
    margin-top:0.4em;
    margin-bottom:0.4em;
}

.comments h3 {
    margin-bottom:0.3em;
    margin-top:0.1em;
}

.comment {
    font-size:13pt;
    margin-bottom:0em;
}

.comment-metadata {
    padding:5px 10px;
}

.comment-body {
    margin:0;
    padding: 5px 10px 20px 30px;
    background: transparent url('/images/quote.gif') no-repeat scroll 0 7px;
}

.new-comment-input {
    width:18em;
    background-color:transparent;
    border:#7a7a7a solid 1px;
}

.new-comment-textarea {
    margin:0px;
    background-color:transparent;
    border:#7a7a7a solid 1px;
}

.thumbnail {
    background-color:#CECDCD;
    border:1px solid #2A2A2A;
    float: left;
    padding:3px 3px 8px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.album {
    border-style: none;
}
.album td {
    padding:3px 2px;
    text-align:center;
    vertical-align:middle;
    width:130px;
}
.album img {
    background: #FDFDFD none repeat scroll 0 0;
    border: 1px solid #2f2f2f;
    padding:6px;
}

.smaller {
    font-size: x-small;
}

.captcha img {
    vertical-align:middle;
}

.captcha input {
    width:10em;
    margin-left:1em;
}

/*ADMIN*/
.strong {
    font-weight:bold;
    font-size:150%;
}

.admin-form h3 {
    margin-bottom:0.1em;
}

.admin-form input {
    width:600px;
}

.admin-form textarea {
    width:600px;
}