/* CSS Document */

body#liss {
  position: absolute;
  width: 100%;
  height:100%;
  
  margin:   0px;
  padding:  0px;
  z-index:  0px;

  background-color: white;
  color:      black;
  font-family: arial, verdana,sans-serif,trebuchet;
  font-size:   12px;
  letter-spacing: 0;
  word-spacing:   0;
  
  background: #090909 url("background.png") repeat-x top;
  
  scrollbar-track-color: #000;
  scrollbar-face-color: #ff0;
  scrollbar-highlight-color: #fff;
  scrollbar-3dlight-color: #2f3538;
  scrollbar-darkshadow-color: #000;
  scrollbar-shadow-color: #333;
  scrollbar-arrow-color: #000;}
  
#preview {position:absolute;z-index:10;width:100%;height:100%;display:none; cursor:pointer;}
#previewContent {width:100%; height:100%;background-color:black; opacity:0.7;filter:alpha(opacity=70);}
#preview img {border:8px outset #ff0;}

#header-line {
  position:relative;
  width:914px; height:86px;}
#logo-text {
  position:absolute;
  left:5px; top:14px;
  color:yellow;
  font-size:34px;
  font-weight:bold;
  text-align:left;
  z-index:2}
#logo-img {
  position:absolute;
  left:5px; top:12px;
  width:299px; height:35px;
  background: transparent url("logo.gif") left top;
  z-index:3}
#menu-top {
  position:absolute;
  left:8;top:65px;
  color:#aaa;}
#menu-top a {color:black;text-decoration:none;font-weight:bold;}
#menu-top a:hover {text-decoration:underline;}
#menu-language {
  position:absolute;
  right:8;top:65px;
  color:#aaa;}
#menu-language a {color:black;text-decoration:none;font-weight:bold;}
#menu-language a:hover {text-decoration:underline;}

#main {
  position:relative;
  width:920px; min-height: 750px; _height: 750px;
  text-align: left;
  background: white url("background-main.gif") left top;}
#fade-left {
  position:absolute;
  left:-12px;
  width:15px; height: 510px;
  background: transparent url("sidefade-left.png");}
#fade-right {
  position:absolute;
  left:917px;
  width:15px; height: 510px;
  background: transparent url("sidefade-right.png");}
  
#main-menu {
  position:absolute;
  left:10px;top:10px;
  width:199px;height:470px;_height:480px;
  padding-top:10px;
  text-align:right;
  background: transparent url("mainmenu.gif");}
#main-menu a.l1{
  display:block;
  color: #666;
  width:155px; _width:180px;
  min-height:16px; _height:20px;  
  margin: 0px 10px 5px 10px;
  padding: 4px 25px 0px 0px;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  background: transparent url("menu-item2.gif") right top no-repeat;}
#main-menu a:hover.l1 {
  color:black;
  background: transparent url("menu-item6.gif") right top no-repeat;}

#main-menu a.l2{
  display:block;
  color: #777;
  margin-left:0px;margin-right:0px;
  min-height:16px; _height:20px;  
  margin: 0px 10px 5px 10px; margin: 0px 13px 5px 10px; 
  padding: 4px 21px 4px 0px;
  font-size:12px;
  line-height:12px;
  font-weight:bold;
  text-decoration:none;
  background: transparent url("menu-item5.gif") right top no-repeat;}
#main-menu a:hover.l2 {
  color:black;
  background: transparent url("menu-item4.gif") right top no-repeat;} 
  
#corner {
  position:absolute;
  left:3px;bottom:1px;
  width:210px;height:440px;
  background: transparent url("corner.gif");}
#corner a {
  position:absolute;
  display:block;
  font-weight:bold;
  left:20px;bottom:26px;
  color:black;
  text-decoration:none;}
#corner a:hover {text-decoration:underline;}

 /**
 *  content
 **/
  
#content {
  position:relative;
  top:11px;
  left:220px;
  width:690px;
  /*border:1px solid black;*/
  padding-bottom:21px;}
#content h1 {
  margin-top:-2px;
  font-size:19px;
  margin-bottom:-2px;}
#content .hr {
  margin-bottom:5px;
  background: #ddd;
  border-left:10px solid #ccc;
  border-right:1px solid #ccc;}

#content .text-inside a {color:#00B;}
#content a.link {
  position:relative;
  display: block;
  margin-bottom:5px;
  color: black;
  text-decoration: none;
  text-align:justify;
  background: #f5f5f5 url("block-gray.gif") repeat-y left;
  border-right:1px solid #ddd;}
#content a.link .link-inside {
  margin-left: 16px;
  margin-right:10px;
  padding-top: 2px;
  padding-bottom: 2px;}
#content a.link .link-content {
  margin: 3px 0px 3px 5px;
  padding:3px 5px 3px 5px;
  background:#fff;
  border-left:1px solid #bbb;
  border-right:1px solid #bbb;}
#content a.link .link-top {
  position:relative; left:0px; top:0px;
  width:10px;height:2px; font-size:0px;
  background: transparent url("block-gray-top.gif") no-repeat left top;}
#content a.link .link-bottom {
  position:relative; left:0px; bottom:0px;
  width:10px;height:2px; font-size:0px;
  background: transparent url("block-gray-bottom.gif") no-repeat left top;}
#content a:hover.link {
  position:relative;
  display: block;
  margin-bottom:5px;
  color: black;
  text-decoration: none;
  background: #ddd url("block-white.gif") repeat-y left;
  border-right:1px solid #888;}
#content a:hover.link .link-top {
  position:relative; left:0px; top:0px;
  width:10px;height:2px; font-size:0px;
  background: transparent url("block-white-top.gif") no-repeat left top;}
#content a:hover.link .link-bottom {
  position:relative; left:0px; bottom:0px;
  width:10px;height:2px; font-size:0px;
  background: transparent url("block-white-bottom.gif") no-repeat left top;}
  

#content .text-block {
  position:relative;
  margin-bottom:5px;
  color: black;
  text-align:justify;
  border-right:1px solid #ddd;}
#content .text-top {
  position:relative; left:0px; top:0px;
  width:10px;height:2px; font-size:0px;}
#content .text-bottom {
  position:relative; left:0px; bottom:0px;
  width:10px;height:2px; font-size:0px;}
#content .text-inside {
  margin-left: 26px;
  margin-right:20px;
  width:640px;
  padding-top: 2px;
  padding-bottom: 2px;}
#content .text-inside table {font-size:12px;}  

#content .text-block-yellow .text-block  {background: #f5f5f5 url("block-yellow.gif") repeat-y left;}
#content .text-block-yellow .text-top    {background: #f5f5f5 url("block-yellow-top.gif") repeat-y left;}
#content .text-block-yellow .text-bottom {background: #f5f5f5 url("block-yellow-bottom.gif") repeat-y left;}
#content .text-block-white .text-block  {background: #f5f5f5 url("block-white.gif") repeat-y left;}
#content .text-block-white .text-top    {background: #f5f5f5 url("block-white-top.gif") repeat-y left;}
#content .text-block-white .text-bottom {background: #f5f5f5 url("block-white-bottom.gif") repeat-y left;}


a.photo {
  display:block;
  border: 2px outset #f5f5f5;
  background: #f5f5f5;
  color:black;
  font-size:12px;
  text-decoration:none;
  line-height:20px;
  padding: 4px 2px 4px 2px;}
a:hover.photo {
  text-decoration:underline;
  border: 2px outset #ff0;
  background: #ffffaa;}  
a.photo img {
  border:1px solid #555;}

 /**
 *  footer
 **/
    
#footer {
  position:relative;
  width:920px; height:26px;
  background: #ff0 url("footer.png");}
#footer-left {
  position:absolute; left:0px;
  width:3; height:26px;
  background: #ff0 url("footer-left.png");}
#footer-right {
  position:absolute; right:0px;
  width:3; height:26px;
  background: #ff0 url("footer-right.png");}
#footer #copyright {
  position:absolute;
  right:20px;top:5px;
  font-size:12px;
  text-align:right;}
#footer #admin {
  position:absolute;
  left:20px;top:5px;
  color:black; 
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  text-align:right;}
#admin_log {
  position:absolute;
  left:5px;top:3px;}
#admin_log input.formText {
  width:110px;
  height:18px;
  color: white;
  font-size: 11px;
  text-align: center;
  background-color:#444;
  border:1px solid #000;}
#admin_log input.formButton {
  width:30px;
  height:18px;
  color: white;
  font-size: 10px;
  line-height:10px;
  background-color:#663;
  border:1px solid #000;
  cursor:pointer;}
#admin1 {position:absolute;left:0px;top:0px;}
#admin2 {position:absolute;left:114px;top:0px;}
#admin3 {position:absolute;left:228px;top:0px;}
  

div.hr {
  margin-left: 0px;
  margin-right:0px;
  height: 1px;
  overflow: hidden;
  background-color: #acacac;}
h1 {
  font-size: 36px;
  margin: 0px;}
h2 {
  font-size: 13px;
  font-weight: bold;}
p {text-align:justify;}
a img {border:0px;}
form {margin:0px;padding:0px;}