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 /* url(clown.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:2;  background:url(back.png) 150px 99px repeat;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background:url(top.png) 18px 0 repeat-x; font-size:4em; z-index:3; color:#fff;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:25px; background:url(bottom.png); color:#fff; text-align:right; font-size:1em; z-index:5; visibility: hidden;}
#left {position:fixed; left:0; top:0; height:100%; width:200px; background:url(left.png) left top no-repeat; 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;}
#article {padding: 20px;}

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

div.outer {
	width: 120px; height: 27px;
	margin: 0 0 5px 0;
	background: url( "button.png" ) -157px 0 no-repeat;
	}

div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 20px;
	}
	
div.outer a {
	display:block;
	width:120px;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 14px/1 sans-serif;
	color:#c60;
	overflow:hidden;
	background: url("button.png") 0 0 no-repeat;
	text-decoration: none;
	-moz-outline:    none;
	outline:         none;
	ie-dummy:        expression(this.hideFocus=true);
	}
div.outer a:hover {	
	background-image: none;
	color: #E9BE75;
	}
div.outer a:active.active, div.outer a.active {
	background: url("button.png") -314px 0 no-repeat;
	/*background-position: -314px 0;*/
	color:white;
	}
#nav {
	padding: 20px;
}

div.download	{width: 600px; height: 100px; background: url(download.png) 0 0 no-repeat; }
div.download	a {display: block; width: 400px; height: 50px; padding: 25px 50px 25px 150px; font: bold 18px; text-decoration: none; color: #fff;}
div.download	a h2 {font-size: 22px; margin: 0px; padding: 0px;}
div.download	a:hover h2 {text-decoration: underline;}

table.download	{font-size: 110%; background-color: #F0F0F0; border-color: #000000; border-style: solid; border: 3px solid black;}
a.download {font-size: 100%}
img.downimg {width: 30px; height: 30px; border: 0px;}
td.downfile	{width: 50px; text-align: center;}
td.downsize	{width: 70px; text-align: center; font-size: 90%; font-weight: normal;}
td.downtitle {text-align: left; font-size: 110%; font-weight: bold; color: #000000;}