/* CSS Document */

HTML {
  height: 100%;
  overflow: hidden;
  margin : 0px;
  
}

BODY {
  height: 100%;
  text-align: center;
  margin : 0px;
  overflow : hidden;
  background-color : #e4e4e4;
  }

div.mainContent{
  position : relative;
  width : 1000px;
  height: 620px;
  background-image : url(../images/background-pattern.jpg);
  border-bottom : 2px solid #000000;
  border-top : 2px solid #000000;

}

div.leftFill{
 position : absolute;
 top : -2px;
 left : -1000px;
 width: 100%;
 height: 620px;
 background-image : url(../images/background-pattern.jpg);
 background-position: 12px;
 border-bottom : 2px solid #000000;
 border-top : 2px solid #000000;
}

div.rightFill{
 position : absolute;
 top : -2px;
 left : 1000px;
 width: 100%;
 height: 620px;
 background-image : url(../images/background-pattern.jpg);
 background-position: 13px;
 border-bottom : 2px solid #000000;
 border-top : 2px solid #000000;
}


div.leftRightHolder{
  position : absolute;
  top : 347px;
  left : 95px;
  width : 123px;
  height : 103px;
  z-index : 3;
}

div.menuHolder{
  position : absolute;
  top : 339px;
  left : 80px;
  width : 285px;
  height : 103px;
  z-index : 1;
  overflow : hidden;
}

div.menuOverHolder{
  position : absolute;
  top : 339px;
  left : 0px;
  width : 365px;
  height : 103px;
  z-index : 2;
}

div.menuMover{
 position : absolute;
 top : 0px; 
 left: 0px;
 height : 103px;
}

div.menuDiv{
  position : absolute;
  top : 0px; 
  width : 365px;
  height : 63px;
  font-size : 22px;
  font-family : comic Sans MS;
  font-weight : bold;
  padding-top : 40px;
}

div.imageOverHolder{
  position : absolute;
  top : 10px;
  left : 0px;
  width : 365px;
  height : 329px;
  z-index : 2;
}

div.imageHolder{
  position : absolute;
  top : 50px;
  left : 65px;
  width : 293px;
  height : 280px;
  overflow : hidden;
  z-index : 1;
}

div.middleHolder{
  position : absolute;
  top : 10px;
  left : 365px;
  width : 71px;
  height : 600px;
}

div.contentHolder{
  position : absolute;
  left : 436px;
  padding-left : 60px;
  top : 10px;
  height : 600px;
  width : 504px;
  background-image: url(../images/textKader.png);
  z-index : 1;
}

div.contentWindow{
  position : absolute;
  top : 0px;
  height : 560px;
  width : 410px;
  overflow : hidden;
  z-index : 2;
}

div.contentMover{
  position :absolute;
  top : 100px;
  height : 400px;
  left : 0px; 
}

#mycustomscroll{
  position :absolute;
  width : 375px;
  height : 425px;
  padding : 10px;
  font-family : Arial;
  font-size : 12px;
  text-align : left;
  overflow : auto;
}

div.imgpartDiv{
  position :absolute;
  width : 293px;
  height : 280px;
 
}

div.imgMover{
  position :absolute;
  top : 0px;
  height : 280px;
  width : 586px;
  left : 0px; 
}

h1.contentHead{
  font-family : comic Sans MS;
  font-size : 14px;
}

div.bottomHolder{
  position : absolute;
  bottom : 10px;
  left : 0px;
  height : 168px;
  width : 365px;
  z-index : 1;
}

a.contentLink{
  font-family : comic Sans MS;
  color : #000000;
  font-weight : bold;
  text-decoration : none;
}

a.contentLink:hover{
  text-decoration : underline;
}


a.portLink{
  font-family : arial;
  color : #000000;
  text-decoration : none;
}

a.portLink:hover{
  text-decoration : underline;
}