body {margin:0; padding:5px; font:11px Verdana,Arial; background:#111; }
#slideshow {list-style:none; color:#fff; background:#111; }
#slideshow span {display:none}



#wrapper {width:720px; margin:50px auto; display:none; background:#111; }
#wrapper * {margin:0px;; padding:0px; background:#111; }




#fullsize {position:relative; bottom:20px; width:700px; height:450px; padding:2px; border:1px solid #ccc; background:#000;}
#information {position:absolute; bottom:0px; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.5; filter:alpha(opacity=50)}
#information h3 {padding:4px 8px 3px; font-size:14px;  opacity:.7;}
#information p {padding:0 8px 8px}
#image { height:400px;}
#image img {position:absolute; bottom:10px; z-index:25; width:auto; height:400px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {position:absolute; bottom: 100px; left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {position:absolute; bottom:100px; right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:0; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}




#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}

#slidearea {float:left; position:relative; width:650px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header
{
padding:1em;
color:white;
border-bottom: solid;
width:97%;
border-bottom:1px solid gray;
background-color:#FFDD77;
max-height:100px;
}

div.footer
{
color:white;
background-color:#BBBBBB;
clear:both;
padding:5px;
font-family: "Helvetica", sans-serif;
}


div.left
{
float:left;
width:160px;
margin:0;

text-align:left;
border-right:1px;
font-family: "Helvetica", sans-serif;
font-size:12pt;

}

div.content-big
{
margin-left:200px;
border-left:1px solid gray;
padding:1em;
max-height:800px;
overflow:hidden;
}

div.content-small
{
margin-left:200px;
border-left:1px solid gray;
padding:1em;
max-height:500px;
}
ul.left
{
    list-style-type:circle;
    text-align:left;
}
li.left
{
    width:120px;
    
    color:#FFDD77;
    padding:5px;
    margin:5px;
    font-family: "Helvetica", sans-serif;
   
    
}

a:link.left
{
    color:#FFDD77;
    text-decoration:none;
    width:100px;
    font-family: "Helvetica", sans-serif;
  
}

a:visited.left
{
    color:#FFDD77;
    text-decoration:none;
    width:100px;
    font-family: "Helvetica", sans-serif;
  
}
a:hover.left
{
    color:#FFEE88;
    font-weight:bold;
    font-stretch:expanded;
    text-decoration:none;
    font-family: "Helvetica", sans-serif;
    
    
    
}
p.middle
{
    
 
    width:75%;
    margin:1em;
    font-size:14px;
}

img.logo
{
    
    border-width:0px;
    height:50px;
}
h1.my
{
    background-color:grey;
    font-family: "Helvetica", sans-serif;
    border:1px;
    padding:5px;
    font-size:17px;
}

h2.my
{
    background-color:#CCCCCC;
    font-family: "Helvetica", sans-serif;
    border-bottom:1px;
    padding:3px;
    font-size:15px;
}

h3.my
{
    background-color:#CCCCCC;
    font-family: "Helvetica", sans-serif;
    border-bottom:1px;
    font-size:80%;
}

p.my
{
    font-family: "Helvetica", sans-serif;
    font-size:80%;
}

li.norm
{
    font-family: "Helvetica", sans-serif;
    background-color:white;
    font-size:80%;
}

/* new part*/
div.show
{
   
    padding:1em;
    float:left;
    text-align:center;
    height: auto;
     width: auto;
     
     margin: 2px;
    border: 1px solid #333333;
  
  
   
}

div.show img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  height:150px;
  opacity:0.8;
  
  }
div.show a:hover img
  {
  border:1px solid #FFAA55;
  opacity:1;
  
  
  }
/*  
"opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"  */

  
  
div.desc
  {
  text-align:center;
  font-weight:normal;
  color: #FFAA55;
  width:200px;
  margin:2px;
  }