@charset "utf-8";

body {
   margin: 0;
   padding: 0;
   text-align: center;
   background-color: #000000; 
} 

#fo {
  text-align: left;
  color:#ffffff;
  width: 1000px;
  height: 740px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('hatter.jpg');
  background-repeat: no-repeat;
  background-color: #000000;     
  background-position: right;
  position: relative;
} 

#bika {
background-image: url('bika18.gif');
background-repeat: no-repeat;
background-position: left;
position: absolute; top: 140px; left: 00px;
}

#menu a {
    
    text-decoration: none;
    border-left: 30px black;
    background: black;
    color: white;
    width: 4em;
    display: block;
    padding: 15px;
}

#menu {
    position: absolute; top: 88px; left: 00px;
    text-align: left;
    list-style-type: none;
    float: right;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding: 0;
}

#menu li {
    margin-bottom: 1px;
}

#menu a:hover {
    padding-right: 85px;
    color: red;
    border-right: none;
    background: #000000 url('bikalogo.jpg') right center no-repeat;
}

#container
{
position:relative;
top:0px;
left:0px;
width:1000px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}

#header{
position:relative;
top:0px;
left:5px;
height:75px;
width:990px;
margin:0;
padding:0;
background-color:#000000;
color:white;
}

#headera{
position:relative;
top:0px;
left:5px;
height:80px;
width:990px;
margin:0;
padding:0;
background-color:#000000;
color:white;
}

#left{
position:relative;
float:left;
top:0px;
left:0px;
height:660px;
width:300px;
background-image: url('leftsize.jpg');
background-repeat: no-repeat;
background-position: center;
margin:0;
padding:0;
}

#content{
position:relative;
float:left;
top:0px;
left:0px;
height:660px;
width:400px;
background-color: #000000;
background-image: url('bika.jpg');
background-repeat: no-repeat;
background-position: center;
color: white;
}

#scroll{
overflow-y: auto;
overflow-x: hidden;
position: relative;
width: 360px;
height: 440px;
margin-top: 130px;
padding: 0 10px 0 0;
scrollbar-face-color:#252525;
scrollbar-highlight-color:#B9B9FF;
scrollbar-3dlight-color:#004080;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000080;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#992020;
}

#right{
position:relative;
height:660px;
width:300px;
margin:0;
padding:0;
float:left;
background-image: url('rightsize.jpg');
background-repeat: no-repeat;
background-position: center;
}

#footer{
position:relative;
top:0px;
left:5px;
clear:both;
background-position: center;
height:37px;
width:990px;
margin:0;
padding:0;
background-color:#000000;
}

#footera{
position:relative;
top:0px;
left:5px;
clear:both;
background-position: center;
height:167px;
width:990px;
margin:0;
padding:0;
background-color:#000000;
}

#meng a {
    
    text-decoration: none;
    color: white;
    width: 8em;
    display: block;
    padding: 20px;
}

#meng {
    position: absolute; top: 110px; left: 95px;
    text-align: center;
    list-style-type: none;
    float: center;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding: 0;
}

#meng li {
    margin-bottom: 1px;
}

#meng a:hover {
    color: red;
    border-right: none;
}

#mens a {
    
    text-decoration: none;
    color: white;
    width: 8em;
    display: block;
    padding: 13px;
}

#mens {
    position: absolute; top: 90px; left: 95px;
    text-align: center;
    list-style-type: none;
    float: center;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding: 0;
}

#mens li {
    margin-bottom: 1px;
}

#mens a:hover {
    color: red;
    border-right: none;
}