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

a { color: ##008080;
text-decoration: none;
font-weight: bold;
}

a:hover {
	color: #d2b48c;
	text-decoration: underline;
}

p {
font: 18px Arial, Helvetica, sans-serif;
color: black
}

h1{
font: 36px Comic Sans MS, Arial, Helvetica, sans-serif;
color:  #008080
}

h2{
font: 22px Arial, Helvetica, sans-serif;
color: black
}

h3{
font: 18px Arial, Helvetica, sans-serif;
color: #008080
}

h5{
font: 14px Arial, Helvetica, sans-serif;
color: black;
margin: 30px
}

h6{
font: italic 12px Arial, Helvetica, sans-serif;
color: black
}

#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: #008080;
color: white;
}

#framecontent p{
font: 22px Arial, Helvetica, sans-serif;
color: #d2b48c;
}

#framecontent a{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#framecontent a:hover {
	color: #d2b48c;
	text-decoration: underline;
}

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

#maincontent a{
color: #008080;
text-decoration: none;
font-weight: bold;
}

#maincontent a:hover {
	color: #000000;
	text-decoration: underline;
}

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

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

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