/* ##################### OVERALL SETTINGS ##################### QM: ok */
body {
  margin           : 0px;
  padding          : 0px;
  background       : #002200;
  font-family      : arial, verdana, sans-serif;
  font-size        : 14px;
  color            : #FDDF05;
}

td, tr, p, div {
  font-family      : verdana, arial, sans-serif;
  font-size        : 11px;
  color            : #666;
}

hr {
  color            : #eee;
  height           : 1px;
  width            : 100%;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM: ok */
.maincontainer {
  padding          : 0px;
  margin           : 0px;
  width            : 780px;
  background-color : #fff;    
}

.headercontainer {
  margin           : 0px;
  padding          : 0px;
  height           : 189px;
}

.titlecontainer {
  margin           : 0px;
  padding          : 0px;
  height           : 36px;
}


.leftcontainer {
  width            : 188px;
  margin           : 0px;
  padding          : 0px;
  vertical-align   : top;   
  background       : url(images/back.jpg) repeat;
}

.contentcontainer {
  width            : 576px;
  height           : 311px;
  margin           : 0px;
  padding          : 8px;
  vertical-align   : top;   
  text-align       : justify;
  font-family      : arial, verdana, sans-serif;
  font-size        : 14px;
  color            : #002200;
  background-color : #B7E2B5;
}

.footercontainer {
  height           : 30px;
  margin           : 0px;
  padding          : 8px;
  font-size        : 11px;
  font-family      : arial, verdana, sans-serif; 
  font-weight      : bold;
  color            : #002200;
  border-top       : 3px solid;
  border-color     : #FDDF05; 
  background-color : #4BAD40;
}


/* needed for IE to make :active state work first time */
a, a:visited {color:#002200;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:67px; height:46px; float:left; margin:3px; z-index:50;}
a.slidea {background:url(images/pic1s.jpg);}
a.slideb {background:url(images/pic2s.jpg);}
a.slidec {background:url(images/pic3s.jpg);}
a.slided {background:url(images/pic4s.jpg);}
a.slidee {background:url(images/pic5s.jpg);}
a.slidef {background:url(images/pic6s.jpg);}
a.slideg {background:url(images/pic7s.jpg);}
a.slideh {background:url(images/pic8s.jpg);}
a.slidei {background:url(images/pic9s.jpg);}
a.slidej {background:url(images/pic10s.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for RIGHT gallery */
#container_right {position:relative; width:542px; height:270px; background:#ffffff; border:1px solid #a49188; margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:155px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:48px; top:265px; left:-380px; padding:7px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:370px; height:250px; top:5px; left:-380px; padding:4px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-top:80px; padding-left:60px; width:300px; text-align:center; font-family: arial, verdana, sans-serif; font-size:3em; font-weight:normal; color:#4BAD40;}
#container_right h1 em {font-size:0.6em; color:#000;}