body {
  color: #638C5A;
  background: #fdf9ce;
  text-align: center;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:10pt;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
a { color: #526442; text-decoration: none; font-weight: bold}
a:hover { color: #fdf9ce; text-decoration: none;}
a:link { color: #31963C; text-decoration: none;}
a:active { color: #7B693C; text-decoration: none;}
h1 {
  font-size: 11pt;
}
#head {
  height: 108px;
  background: url(../img/head.gif) no-repeat scroll center bottom;
  width: 100%;
  padding: 0;
  margin: 0 auto 0 auto;
  position: relative;
}
div#container {
  background:#F8F8FF url(../img/pageBg.gif) repeat-y scroll center bottom;
  height: 100%;
  width: 800px;
  border: none;
  padding: 0;
  margin: 0 auto 0 auto;
  position: relative;
}
div#pageFooter {
  background: url(../img/pageFooterBg.gif) no-repeat scroll center bottom;
  height: 10px;
  width: 800px;
  border: none;
  padding: 0;
  margin: 0 auto 0 auto;
  position: relative;
}
div#buttomArea {
  background:#F8F8FF url(../img/pageBg.gif) repeat-y scroll center bottom;
  /*height: 0px;*/
  width: 800px;
  border: none;
  padding: 0;
  margin: 0 auto 0 auto;
  position: relative;
}

#content .inside {
  padding: 0px;

}

#content_left {
  width:100%;
  height: 30px;
}

hr {
 /*color: #fdf9ce;    */
}


#menu {
  text-align: left;
  width: 100%;
  height:25px;
  margin:0px;
  padding:0px;
  /*font-weight:bold;*/
}
#content_right {
  width: 90%;
  text-align: left;
  font-size:10pt;
  text-align:left;
  padding-left: 40px;
  padding-right: 40px;
}
#content_right p{
  margin: 0;
  padding-top:10px;
  padding-bottom:10px;
}
#page_title {
  width:100%;
  text-align: center;
  font-size:12pt;
  padding-bottom: 20px;
  padding-top: 10px;
}



#menu ul {
  margin:0px;
  color: #FF7100;
  position: relative;
  display: inline;
  float: left;
  list-style-type: none;
  padding-left: 19px;
}
.ml{
  float: left;
  list-style-type: none;
  border: 1px solid #FDF9CE;
  display: block;
  padding: 2px 15px 2px 14px;
  text-align: center;
  font-size: 10pt;
  background: url(../img/menubg2.gif) repeat-x ;
}
.selected a{
    color: #FF7100;
}

#menu ul a:link{
  text-decoration: none;
  color: #638C5A;
}
#menu ul a:hover{
  color: #FDF9CE;
}
.contentFooter {
  background:url(../img/pageFooter.gif) no-repeat scroll center bottom;
  font-size:0.7em;
  font-weight:bold;
  height: 130px;
  /*padding-bottom:130px;*/
  padding-left:50px;
  padding-right:50px;
}
.contentFooter .inside {
  padding:10px;
}
#contentFooter_left {
  float:left;
 /*padding-top: 170px;*/
 position: relative;
 top: 80px;
 width:300px;
}
#contentFooter_right {
  float:right;
  color:#435A46;
  text-align:right;
  width:50%;
  vertical-align: top;
}
.clr {
  clear:both;
}
.contentFooter small {
color:#435A46;
}
.contentFooter a {
color:#435A46;
  font-weight:bold;
}
#footerText {
  color:#435A46;
}
#content_right .span{
  display: list-item;
  width: 100%;
}

.gallery {
  margin:0; padding:0;
  overflow:hidden; /* Clears the floats */
  width:100%; /* IE and older Opera fix for clearing, they need a dimension */
  list-style:none;
}
.gallery li {
  float:left;
  display:block; /* For IE so it doesn't double the 1% left margin */
/*  width:23.8%;*/
  width:29.8%;
  margin:0 0 10px 1%; padding:10px 0;
  height:255px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
  position:relative; /* This is the key */

}

.gallery a,
.gallery img {
  display:block;
  /*width:100%;*/
}
.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
  padding:5px;
  background:#eeefef;
  text-align: center;
  border:1px solid #9A9C9D; /* We blend the border with the bg, as if it isn't there */
  position:absolute;
  top:10px;
  left:0; /* position it so that image's top left corner is in the center of the list item */
  margin:0; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
}

.gallery a:hover {
  border-color:#555758;
  background:#E9E9E9;
}

/* These are all optional, for decoration purpouses only */
.gallery {
  /*border-bottom:2px solid #000;*/
  padding-bottom:80px;
  margin-top:10px;
}
.gallery img{
  border: 1px solid #96C700;
}
.galeryDate {
  font: normal 8pt Verdana;
  color: rgb(109,109,109);
}
.galeryText {
  font: normal 10pt Verdana;
  color: rgb(109,109,109);
}
#footerTextNev {
  float: left;
  padding-left: 10px;
}
#footerTextMail {
  float: left;
  padding-left: 10px;
}
#footerTextAdmin {
  float: left;
  padding-left: 5px;
}
.attachIcon {
  padding-left: 1px;
  position: relative;
  top: 3px;
}