/* CSS Document */
<style type="text/css">

a:link {
  color:#9ad;
  text-decoration:none;
  }
a:visited {
  color:#a7a;
  text-decoration:none;
  }
a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
a:active { 
	color: #333333;
	}

h1{
color:#ad9;
font: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


body{
color:#777;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
background:#000;
}

#framecontentLeft, #framecontentTop{
text-align:center;
position: absolute; 
top: 2px; 
left: 2px; 
width: 305px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background:#000;
color: white;
}

#framecontentTop{ 
text-align:right;
left: 305px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 50px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background:#000;
color: white;
}

#maincontent{
position: fixed; 
vertical-align:center;
left: 305px; /*Set left value to WidthOfLeftFrameDiv*/
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background:#000;
font: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

#picture {
	float:right;
	width: 300px;
}

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

* html body{ /*IE6 hack*/
padding: 100px 0 0 305px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

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

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

</style>