<style type="text/css">
html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:79%; 
/*font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;*/
font-family: tahoma, verdana, arial, sans-serif;

background:#fff  ;
/*overflow: hidden;*/
 }

body {height:100%; max-height:100%; overflow:auto; padding:0; margin:0; border:0; font-family: tahoma, verdana, arial, sans-serif;}


#left {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 10em;*/
	width:130px;
    height: 100%;
	z-index:4;
}

/*
body > #left {
    position: fixed;
}
*/

#content {
    /*margin-left: 10em;*/
	display:block;
	height:100%;
	max-height:100%
	overflow:auto;	
	padding-left:90px;
	position:relative;
	z-index:3;
}



/*
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:90px; position:relative; z-index:3;}

#left {position:fixed; left:0; top:0; height:100%; width:130px; background: #fff; background-position:0 100px;; font-size:1em; color:#000;z-index:4;}

* 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;}

ul {list-style-type: none; text-indent:0px;}
p { font: 10pt Tahoma, serif;color: black;}
h2 {font:Tahoma;}
h3 <font:Tahoma;}

a.index, a.index:visited {font:10pt Tahoma; text-decoration:none; color:blue; }
a.index:hover {font:10pt Tahoma; color:red;font-weight:bold;}
/*a.index, a.index:visited {display:block; width:200px; height:25px; text-decoration:none; color:#aba; font-weight:bold; line-height:25px;}
a.index:hover {color:#fc0;}*/
</style>
