/* main CSS */
body{
  margin: auto;
  width: 800px;
}

header {
  position: relative;
  margin: 1em 0em 1em 0em;
  background-color: #fff;
  height: 160px;
}

header a.login{
  font-family: Tahoma, sans-serif;
  text-align: center;
  width: 7em;
  color: #505050;
  margin: 3px;
  padding: 3px;
  text-decoration: none;
  background-image: url("/pics/menuWave.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 30px;
  position: absolute;
  right: 1em;
  top: 1em;
}

header a:hover.login{
  background-image: url("/pics/menuWaveActive2.png");
  color: #339966;
}

footer{
  position: relative;
  height: 170px;
  font-family: Tahoma, Verdana, Geneva, sans-serif;
  font-size: 90%;
  color: #fff;
}

footer a{
  text-decoration: none;
  color: #fff;
}

footer a:visited{
  text-decoration: none;
  color: #fff;
}

footer a:hover{
  text-decoration: none;
  color: #CCFF00;
}

h1{
  color: #000;
}

h2{
  line-height: 110%;
}

strong{
  color: #339966;
}

#main a{
  text-decoration: underline;
  color: #339966;
}

#main a:visited{
  color: #690839;
}

#main a:hover{
  text-decoration: none;
  color: #086938;
}

img{
  border-width: 0px;
}

/*main top menu*/
#menu{
  position: relative;
  background-color: #fff;
  clear: both;
  height: 62px;
}

#menu ul{
  list-style-type: none;
  padding: 0.5em;
  margin: auto;  
}

#menu li{
    float: left;
}

#menu a{
  font-family: Tahoma, sans-serif;
  text-align: center;
  float: left;
  width: 6.2em;
  color: #505050;
  margin: 3px;
  padding: 3px;
  text-decoration: none;
  background-image: url("/pics/menuWave.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 30px;
}

#menu a:hover{
  background-image: url("/pics/menuWaveActive2.png");
  color: #339966;
  text-shadow: 1px 1px 1px #339966;
}
/*menu end*/

/*vertical subenu*/
#submenu{
  position: absolute;
  right: 5px;
  top: 15px;  
}

#submenu ul{
  list-style-type: none;  
  margin: auto;
  padding: 0.2em;  
}

#submenu a{
  font-family: Tahoma, sans-serif;
  text-align: center;
  display: block;  
  color: #505050;
  margin: 3px;
  padding: 3px;
  text-decoration: none;
  background-image: url("/pics/menuWave.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 30px;
}

#submenu a:hover{
  background-image: url("/pics/menuWaveActive2.png");
  color: #339966;
  text-shadow: 1px 1px 1px #339966;
}
/*vertical submenu end*/

#page{
  background-image: url("/pics/background.png");
  background-repeat: repeat-y;
  background-position: center top;/**/
  background-color: #fff;
  background-attachment: fixed;
  padding-top: 1.2em;
}

#main{
  position: relative;
  margin: 1em 0em 1em 0em;
  background-color: #fff;
  font-family: Tahoma, Verdana, Geneve, sans-serif;
  color: #666666;
  padding: 1em;  
}

#crumbs{
  font-size: 70%;
  position: absolute;
  left: 1.5em;
  top: 0.5em;
}

.text{
  position: relative;
  margin: 1em;
  font-size: 80%;
  line-height: 130%;
  background-color: #fff;
  font-family: Tahoma, Verdana, Geneve, sans-serif;
  color: #666666;
  width: 500px;
  min-height: 260px;
}

.pics{
  margin: 5px;
  border: 3px solid #339966;
}

.pics:hover{
  border: 3px solid #5AD408;
}

.left{
  float: left;
}

.right{
  float: right;
}

.center{
  text-align: center;
}

.scrollup {
  text-align: right;
  height: 50px;
  width: 50px;
  margin-left: 750px; 
  position: fixed;  
  bottom: 180px;
  display: none;
  z-index: 50;
} 

.scrollup a div{
  background-image: url('/img/up.png');
  background-repeat: no-repeat;
  background-position: center top;
  height: 70px;
  width: 60px;
  float: right;
  color: #aaa;
  text-align: center;      
}

.scrollup a div:hover{
  background-image: url('/img/upActive.png');
  color: #086938;
}

.scrollup a div:active{
  text-shadow: 1px 1px 1px #339966;
}