html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
background:#ffffff url(Images/Faded%20HAT%20Bird%20Logo.jpg) no-repeat 50% 50%; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	text-align: justify;

}

#content {
	display:block;
	height:100%;
	max-height:100%;
	overflow:auto;
	padding-left:200px;
	position:relative;
	z-index:3;
	color:#0088ff;
	top: -3px;



}

#head {
	position:relative;
	margin:0px;
	top:1px;
	right:18px;
	display:block;
	width:90%;
	height:111px;
	background:#ffffff url(Images/HAT%20Title%2BPhoto.jpg) no-repeat 50% 50%;
	font-size:4em;
	z-index:5;
	color:#0088ff;
	padding: 0px;
}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:50px; background:#ffffff; color:#0088ff; text-align:right; font-size:1em; z-index:4;}

#left {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:200px;
	background:#ffffff;
	background-position:0 100px;
	color:#ff88ff;
	z-index:4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* 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:120px;
}

#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:link, a.nav:visited {
	display:block;
	width:120px;
	height:25px;
	text-decoration:none;
	color:#0088ff;
	font-weight:bold;
	line-height:25px;
	font-size: 76%;
}
a.nav:hover {
	color:#ff88ff;
}

a:link, a:visited {	color:#0000ff; }
a:hover {color:#009900;}