body 
{
	font-family: Verdana, Arial;
	font-size: small; 
	vertical-align: top;	
}

h1
{
	font-family: Maiandra GD, Verdana, Arial ;
	font-style: italic; 
	color: #AAAAAA;
	position: absolute;
	left: 150px;
	top: 0px;
	margin: 12px;
}

h2, h3, h4, h5
{
	margin: 12px;
}

td
{
	vertical-align: top;	
}

p
{
	margin: 12px; text-align: justify;	
}

.headertitle
{
	height: 96px;
	padding: 0px;
	font-size: 12pt;
	background-image: url(images/Headertitle.jpg);	
}

.headerbar
{
	height: 20px;
	padding: 0px; 
	font-weight: bold; 
	font-size: small;
	background-image: url(images/Headerbar.jpg);		
}

.sidemenu
{
	width: 140px;
	height: 300px;
	vertical-align: top;
	background-color: #eeeeee;
	border: solid 1px black; 
	background-repeat: no-repeat;	
	background-image: url(images/boxheadergreen.gif);
}

.boxtitle
{
	position: relative;
	left: 20px;
	top: 2px; 
	font-weight: bold;	
}

.links
{
    padding: 5px;
     /*margin-left: -5px; 
     margin-right: 10px;  */
}

.contents
{
	width: 640px;
	vertical-align: top;
	background-color: #f4fff4;
	border: solid 1px black;
}

.content
{
	min-height: 400px 	
}

.code
{
    padding: 10px;
	border: solid 1px Gray;
	background-color: #f9f9f9;
	position:relative;
	left: 10px;
	max-width: 594px;
}

table.code td
{
    
     width:60px;
}

table.code td.comments
{
     width: auto;
}

table.diagram
{    
	position:relative;
	left: 20px;
}

table.diagram td
{
    border: solid 1px Black;
}

table.diagram td.space
{
    border: none;
    width: 5px;
}

table.diagram td.red
{
    border: none;
    h/eight: 3px;
    background-color: Red;
}

table.diagram td.green
{
    border: none;
    h/eight: 3px;
    background-color: Green;
}
table.diagram td.text
{
    border: none;
}

table.diagram th
{
    width: 100px;
    text-align: left;
}