html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:100%; 
font-family: courier new, courier, sans-serif; 
background: #EFEABE url(images/STbackground.jpg) -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
  height:100%; 
  max-height:100%; 
  overflow:hidden; 
  padding:0; margin:0; border:0;
}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:200px; position:relative; z-index:3;}
#content a {
  color:#3F3B22;
}
#head {
  position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:180px; font-size:4em; z-index:5; color:#fff;
  background: #EFEABE url(images/STbackground.jpg) no-repeat;
}
#banner{
	float:right;
	width: 521px;
	height: 127px;
	background: url(images/banner.jpg) no-repeat;
	margin:15px;
}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:50px; background:rgb(214,100,50); color:#fff; text-align:right; font-size:1em; z-index:4;}

#left {position:fixed; left:0; top:0; height:100%; width:200px; background-position:0 100px;; font-size:1em; color:#fff;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:180px;}

#content p {padding:5px; text-align:center;}

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

.stuffleft {float:left; top:100px; left:150px;  margin:10px; padding:5px; border:1px solid #000;}
.stuffright {float:right; clear:right; top:100px; right:150px; margin:5px; padding:5px; border:1px solid #000;}

li.nav{
	display: block;
	width: 100px;
	height: 25px;
	background: #443A21 url(images/button.jpg) no-repeat;
	padding-left: 28px;
	margin-top: 10px;
}
a.nav, a.nav:visited {
	text-decoration: none;
	color: #efeabe;
	font-weight: bold;
	font-size: 8pt;
}
a.nav:hover, #content a:hover {color:#fc0;}

img.foot{
 width:98%;
 border:1px solid #000;
}