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

#framecontent{
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 200px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: white;
color: black;
}

#maincontent{
position: fixed;
top: 0; 
left: 200px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: white;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

/* styling */
.indent		{ margin-left:60px; }
.bodytype { font-family:"Times New Roman"; }
.keyword 	{ font-family:"courier"; font-weight:bold; }
.comment	{ color:blue; }
.addition	{ color:red; }
.variable	{ font-style:italic; }
.include	{ color:green; }
.emphasis	{ font-weight: bold; }
.filename	{ font-style:italic; }


* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#069; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#666 #996 #399 #9de; 
  padding:0.25em;
  margin:0.5em auto;
  }

  #menu a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }
/*headers*/
H1, H2, H3, H4{
	font-family: Arial, Helvetica, sans-serif;
	color: #069; /*#000; */

}

.footer {
  color: #666;
  font-size: 0.7em;
} 

/*element defaults*/

a:link {color: #333;}
a:visited {color:#333;}
a:hover {color: white; background:#666;}

p
{
	margin-bottom: 20px;
	/* line-height: 1.7em; */
	font-size: 1.0em;
	/* color: #333; */
}
ul
{
	padding: 0 0 20px 35px;

}