/* CSS Document */
html, body {
 height:100%;
 margin:0px;
 padding:0px;
 font-family: geneva, arial, helvetica, sans-serif;
 font-size:11px;
 color:#666666;
}

h1 {
 size:16px;
 color:#333333;
 margin-left:5px; 
}

#container {
 /*border:1px solid green;*/
 height:100%;
 width:800px;
 margin:auto;
}

#header {
 position:absolute;
 top:0px;
 /*border:1px solid red;*/
 width:800px;
 height:135px;
}

#content {
 position:relative;
 /*border:1px solid orange;*/
 margin:0px;
 height:80%; /*  height is always effected by the parent container: left > content > body > html */
 top:135px;
 left:0px;
}

#left {
 position:relative;
 /*border:1px solid blue;*/
 font-family:geneva, arial, helvetica, sans-serif;
 font-size:12px;
 width:150px;
 height:100%;
 margin:0px;
 float:left;
 top:0px;
 left:0px;
}

#right {
 position:absolute;
 border-right:2px dotted #cccccc;
 border-bottom:2px dotted #cccccc;
 background:#ffffff;
 width:648px;
 height:98%;
 overflow:auto;
 padding:5px;
 margin:0px; 
 top:0px;
 left:170px;
}

#right_ocs {
 position:absolute;
 border-right:2px dotted #cccccc;
 border-bottom:2px dotted #cccccc;
 background:#ffffff;
 width:648px;
 height:98%;
 padding:5px;
 margin:0px; 
 top:0px;
 left:170px;
}

#right p {
 color:#666666;
 margin-left:5px; 
}

#footer {
 position:absolute;
 font-size:10px;
 margin-bottom:auto 0 auto 0;
 width:830px;
 height:50px;
}