/* CSS Document */

body {
  margin:0;
  font-family:"Trebuchet MS", Arial, Verdana;
  color:Black;
  background-color:White;
  text-align:left;
}

#page {
  background-color: #ffffff;
  margin: auto;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color:DarkSlateGrey;
    font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:DarkBlue;
}

ol,ul {

}

#navcontainer ul {
   margin: 10px;
   padding: 10px;
   list-style-type: none;
}

#navcontainer1 ul {
   margin: 10px;
   padding: 10px;
   list-style-type: none;
}

li {
  list-style-image:url(../images/backgrounds/li.gif);
  line-height:20px;
  text-align:left;
}

#menu_cont {
  width: 150px;
  float: left;
}

#menu {
  background-color: DarkSlateGrey;
  font-weight:bold;
  font-size:14px;
  width: 207px;
  color: DarkSeaGreen;
  padding: 10px;
  border-right: 20px solid DarkSeaGreen;
}

#menu a {
  color:DarkSeaGreen;
  font-weight:bold;
  text-decoration:none;
}

#menu a:hover {
  color:White;
}

#header {
  width:750px;
  margin:0 auto 0 auto;
  margin-bottom:30px;
}

#header h1 {
  font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size:20px;
  font-weight:normal;
  margin:0;
  padding:0;
  padding-top:5px;
  margin-bottom:10px;
  text-align:left;
}

#header h2 {
  font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size:30px;
  text-transform:uppercase;
  text-align:left;
  text-indent:50px;
  font-weight:normal;
  color:LightSlateGrey;
  margin:0;
  padding:0;
  border-bottom:2px solid #eeeeee;
}

#header h3 {
  font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size:80px;
  font-weight:normal;
  margin:0;
  padding:0;
  padding-top:5px;
  margin-bottom:10px;
  text-align:left;
}

#content {
  text-align: justify;
  width:750px;
  font-size:16px;
  margin: 0px 0px 0px 279px;
}

#content h3 {
  font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:LightSlateGrey;
  text-indent:20px;
  margin:0;
  padding:0;
  padding-top:15px;
  margin-bottom:10px;
  text-align:left;
}

#content h4 {
  font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size:16px;
  font-weight:normal;
  margin:0;
  padding:0;
  padding-top:0px;
  margin-bottom:10px;
  text-align:left;
}

img {
  border: 0;
}

.photo {
  float: right;
  padding-left: 15px;
  padding-bottom: 10px;
}

@media screen {
  .scroll {
   	height: 800px;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: auto;
  }
 }

@media print {
  .scroll {
    overflow: initial;
  }
}


.introduction {
  font-family:Helvetica, Arial, sans-serif;
  line-height:20px;
  font-size:11px;
  color:#99B198;
  text-indent:25px;
  background-image:url(../images/backgrounds/desc.jpg);
  background-position:bottom left;
  padding-left:0;
  padding-right:200px;
  padding-bottom:35px;
  padding-top:0;
  background-repeat:no-repeat;
}
  
.logo {
  float:right;
  margin-right:30px; 
}

.clearer {
  clear:both;
}

#sidebar {
  width:160px;
  float:right;
  font-size:95%;
  color:#6C534A;
  text-align:left;
}

#sidebar h1 {
  font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size:20px;
  text-transform:uppercase;
  font-weight:normal;
  border-bottom:1px solid #eeeeee;
  color:#728c40;
  text-align:right;
}

.submenu {
}

.submenu a {
  display:block;
  width:100%;
  background-image:url(../images/backgrounds/submenua.gif);
  background-position:right;
  background-repeat:no-repeat;
  padding:5px;
  padding-right:0;
}

.submenu a:hover {
  background-color:#eeeeee;
  background-image:url(../images/backgrounds/submenua_hover.jpg);
  background-repeat:repeat-y;
}

#footer {
  width:100%;
  background-color:#b6cf84;
  border-top:1px solid #d8efa6;
  border-bottom:5px solid #94ae62;
  padding-top:5px;
  padding-bottom:5px;
  color:White;
}

#footer a {
  color:#006600;
}

#footer a:hover {
  color:#009900;
}