body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
/*  text-align:left; */  
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	background-color: #EEE8AA;
}

#framecontentLeft{
position: absolute; 
top: 0; 
left: 0; 
width: 200px;								 /*Width of left frame div*/
height: 100%;
overflow: hidden;						 /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #EEE8AA;
}
div#framecontentLeft a  {
font-size: 12px;
color: #000000;
background-color: #CDC673;
border: 2px solid;
border-color: #EEE8AA;
border-style: outset;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
font-weight: bold;
text-decoration: none;
display: block;
margin: 0px 0px 0px 3px;
width: 91%;
text-align: left;
}

div#framecontentLeft a:hover {
font-size: 13px;
color: #000000;
background-color: #EEE8AA;
border: 2px solid;
border-style: inset;
padding-left: 1px;
padding-top: 1px;
padding-bottom: 3px;
padding-right: 3px;
border-color: #CDC673;
text-decoration: none;
}


#framecontentTop{
position: absolute; 
top: 0; 
left: 200px;							/*Set left value to WidthOfLeftFrameDiv*/
right: 0;
height: 50px;							/*Height of top frame div*/
overflow: hidden;					/*Disable scrollbars. Set to "scroll" to enable*/
background-color: #EEE8AA;
font-size:18px;
	font-weight: bold;
  text-align:center;
}

#framecontentBottom{
position: absolute; 
top: auto; 
left: 200px;							/*Set left value to WidthOfLeftFrameDiv*/
bottom: 0;
right: 0;
height: 30px;							/*Height of bottom frame div*/
overflow: hidden;					/*Disable scrollbars. Set to "scroll" to enable*/
background-color: #EEE8AA;
}

#maincontent{
position: fixed; 
top: 50px;			 					/*Set top value to HeightOfTopFrameDiv*/
left: 200px; 							/*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 30px; 						/*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
	background-color: #f5f5DC;
}

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

* html body{ 							/*IE6 hack*/
padding: 50px 0 30px 200px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

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

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}

div#frontpicture { 					/* container for picture front */
  position: relative;
	width: 690px;
	height: 475px;
	background-color: #f5f5DC;  
	} 
img.fronttopleft {					/* position upper left top image */ 
  position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
img.fronttopright {	 				/* position upper right top image */
  position: absolute;
	top: 0px;
	left: 447px;
	z-index: 3;
}
img.frontbottomleft {				/* position lower left top image */
  position: absolute;
	top: 292px;
	left: 0px;
	z-index: 3;
}
img.frontbottomright {			/* position lower right top image */
  position: absolute;
	top: 292px;
	left: 447px;
	z-index: 3;
}

img.frontcenter {		 				/* position center background image */
  position: absolute;
	top: 10px;
	left: 77px;
	z-index: 2;
}

h1.front {						 			/* header without extra line spacing */
	  font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-align:left;
		margin: 3px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
}	 
p.left {		 		 		 		 	 
		text-align:left;
}
p.center {
  text-align:center;
}
img.floatleft {							/* float images left */
		float: left; 
    margin: 4px;
}
img.floatright {						/* float images left */
		float: right; 
    margin: 4px;
}
img.floatcenter {						/* float images center */
		position: static
    margin: 4px;
}
div.clearright {						/* clear float right - needed before new paragraph */
		clear: right;
}
div.clearleft {	 						/* clear float left - needed before new paragraph */
		clear: left;
}