html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#000000; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:5; border:0; background:url(../img/background.jpg) #000000 no-repeat top center;z-index:3;}
    
    
    
    #left    {position:relative; left:10; top:50; height:335px; width:89px; font-size:1em; z-index:4; background:url(../img/bg_menu.jpg) no-repeat; text-align:center; float:left;color:#000000;}
    #content    {position:relative; height:395px; width:625px;  font-size:1em; color:#000;z-index:4; background:#FFFFFF;  float:right; overflow:auto;}
    
    #head {position:fixed; margin:0; top:0; right:0px; display:block; width:100%; height:124px; background:url() no-repeat center; font-size:4em; z-index:5; color:#fff;}

    #foot {position:fixed; margin:0 auto; bottom:0px;  display:block; width:100%; height:18px; background: #000000  ; text-align:center; font-size:1em; z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:100px;}

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

table.TByellow{background:url('../img/bg_yellow.jpg') #ffff;}

#content h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #FF6600;
  background-color:#FFFFFF;
  padding:4px;
  border-bottom: 1px solid #FFE105;
  clear:both;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

A:link,A:visited,A:active {
	COLOR: #0000FF; text-decoration: underline
}
A:hover {
	COLOR: #FF0F0F; text-decoration: underline
}


a.upper:link,a.upper:active,a.upper:visited
    {
    COLOR: #000000; text-decoration: none;
}
a.upper:hover {
    COLOR: #FFFFFF; text-decoration: none;
    }




a.lower:link,a.lower:active,a.lower:visited,
    a.foot:link,a.foot:active,a.foot:visited,
    a.foot:hover
     {
    COLOR: #FFFFFF; text-decoration: none;
}
a.lower:hover {
    COLOR: #000000; text-decoration: none;
    }
 p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  padding-left:4px;
}