Untitled

----CSS----
@charset "UTF-8";

body {
	background-color:#e5e5e5; 
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:100%;
}

.bodyInApp
{
	background-color:#123179;
}

h2 {
	color:#330066;
	size:2px;
	margin-top:0px;
}

div#banner {
	width:100%;
	background-color:#FFFFFF;
	padding-bottom:4px;
	text-align:	center;
	color:#FFFFFF;
}

div#topBar{
	width:100%;
	background-color:#123179;
	height:10px;
		
}

.main {
	width:100%;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#content
{
	left:230px;
	top:10px;
	position:absolute;
	height: 100%;
	width:100%;
	background-color:#e5e5e5; 
}


.box{
	width: 18em;
	padding: 20px;
	margin:0 auto;
    background:#CCCCCC;
	color:#000;
}

div#LeftPanelOuter
{
	width:230px;
	background-color:#123179;
	margin:0;
	padding:0;
	border:none;
	height:100%;
	float:left;
}

div#LeftPanelInner
{
	width:200px;
	text-align:center;
	margin:auto;
	background-color:#e5e5e5; 

}

div#sideTop
{
	background-color:#66CC00;
}

div#footer
{
	text-align:right;
	width:100%;
	min-width:700px;
}

.pageheadertext { font-size:20px; padding-bottom:10px; white-space: nowrap; } 

----HTML---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
</head>
<body class="bodyInApp">

<div id="topBar"></div>
<div id="LeftPanelOuter">
  <div id="LeftPanelInner">
    <element class="fade"><div id="sideTop">Main Tasks</div></element>
    <div id="sideBody">ListOfTasksGoHerd</div>
  </div>
</div>
<div id="content">
  <p>Okkkkk</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Yes, yes</p>
</div>
</body>
</html>