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

body {
height:100%; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0;
}

#head {
position:fixed; 
margin:0; 
top:0; 
right:18px; 
display:block; 
width:100%; 
height:100px; 
background-color: #B0B9C9; 
padding: 10px;
#ddd: font-size:4em; 
z-index:5; 
color:#fff;
border-bottom: thin solid Gray;
}

#content {
display:block; 
height:100%; 
max-height:100%; 
overflow:auto; 
padding-left:190px; 
position:relative; 
z-index:3;
}

#foot {
position:fixed; 
margin:0; 
bottom:-1px; 
right:18px; 
display:block; 
width:100%; 
height:50px; 
background-color: #B0B9C9; 
color:#fff; 
text-align:center; 
font-size:1em; 
z-index:4;
border-top: thin solid Gray;
}


#left {
position:fixed; 
left:0; 
top:0; 
padding-top: 20px;
width: 180px;
height:100%; 
background-color: #B0B9C9; 
#aaa: background-position:0 100px;
color:#fff;
z-index:4;
text-align: center;
}

* 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;
font-size: 85%;
font-weight: bold;
}

#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;}

#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#menu a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }

h1 {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	text-align: center;
	PADDING-BOTTOM: 3px;
	MARGIN: 30px 30px 7px 0px;
	COLOR: Yellow;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: 1px solid #666;
	FONT-STYLE: normal;
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif;
	font-size: 130%;
	BACKGROUND-COLOR: Navy;
}