body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:white url(../images/mainbkgrd.jpg) no-repeat fixed center; 
  font-family:"trebuchet ms", verdana, arial, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

* html body {
  padding:88px 0 45px 0;overflow:hidden; 
  }

#container {
  font-size: 1.2em;
  position:fixed; 
  top:90px;
  left:0;
  bottom:45px; 
  right:0; 
  overflow:auto; 
  padding:20px;
  text-align:center;
  z-index:-1;
  }

* html #container {
  height:100%; 
  width:100%;
  }

* html #scroller {
  height:100%; 
  width:100%;
  left:90px;
  }
#scroller {  
  left:140px;
  }
#container a
{
color:red;
text-decoration:underline;
}

#container a:hover
{
color:white;
  background:black; 
  text-decoration:underline;
}

#container p
{
font-weight:normal;
text-align:justify;
padding-left:50px;
padding-right:50px;
}

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:60px;   
  background:red;
  }

* html #header {height:60px;}

#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:40px;  
  text-align:left; 
  background:red;
  border-top:5px solid black;
  }

* html #footer {height:45px;}

h1 {color:white; text-align:center;font-size:2.7em; margin:0; line-height:35px;}
h2 {text-align:center;font-size:2.5em; margin:0; padding:0;vertical-align:top;}
h3 {text-align:center;font-size:1.3em; margin:0; padding:0;line-height:20px}

#footer h3 {  
  margin:6px 10px 0 10px;
  }

#footer a {
  color:white; 
  text-decoration:none;
  }

#footer a:hover {
  color:red;
  background:white; 
  }
#header img {
  margin:10px 10px 0 10px;
  }

#complinks p
{text-align:center;display:inline;line-height:60px}

#trilinks p, #trilinks1 p, #trilinks2 p, #trilinks3 p
{text-align:center;display:inline;line-height:30px}

#rules
{text-align:left;padding-left:80px;line-height:30px}

#left {position:absolute;top:20px;left:50%;width:180px;height:400px;margin-left:-466px;background:black;cursor:pointer;}
#centre {position:absolute;top:20px;left:50%;width:480px;height:400px;margin-left:-240px;background:black; color:white;}
#right {position:absolute;top:20px;left:50%;width:180px;height:400px;margin-left:286px;background:black;cursor:pointer;}

#left ul, #right ul {padding:0; margin:0; width:180px;}
#left ul li, #right ul li {display:inline; width:51px; height:51px;margin:0 0px 5px 5px;border:1px solid; border-color:#555 #ddd #eee #333;float:left;}
#left ul li img, #right ul li img {display:block; width:51px; height:51px; border:0;margin:auto;}


#imgcap img{display:block;margin:0 auto 10px auto;border:1px solid; border-color:#555 #ddd #eee #333;}
#imgcap span{position:absolute;display:block;width:360px;left:60px;height:auto;margin:auto;color:white;text-align:center;font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px;}

.blink {text-decoration:blink;font-weight:bold;color:red}
.bold {font-weight:bold;font-size:1.2em;} 
.red {color:red}
.black {color:black}
.blue {color:blue}
.green {color:green}
.yellow {color:yellow}
.reverse {unicode-bidi:bidi-override; direction: rtl;}


#display {position:absolute;top:10px;left:370px;width:700px;height:20px; 
color:white;text-align:left;font-weight:bold;}

#contacts {position:absolute;top:10px;left:20px;height:20px; 
color:black;text-align:left;font-weight:bold;}

#copy {position:absolute;bottom:0px;right:20px;line-height:12px}
