body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
color:#000000;
font-size:x-small;
font-family:Helvetica,Arial,sans-serif;
}

em, strong{
font-weight:bold;
font-style:italic;
}

a:link{
color:#B41A05;
}

a:visited{
color:#000000;
}

a:hover{
color:#E5AC05;
font-style:italic;
}

h1{
font-size:large;
font-weight:bold;
font-style:italic;
}

h2{
color:#B41A05;
font-size:medium;
font-weight:bold;
}

h3{
color:#E5AC05;
font-size:small;
font-weight:bold;
}

h4,h5,h6{
color:000000;
font-size:x-small;
font-weight:bold;
font-style:italic;
}

hr{
color:#B41A05;
width:80%;
}

ul{
list-style-type:square;
}

table{
color:#000000;
font-size:x-small;
font-family:Helvetica,Arial,sans-serif;
padding:5px;
border:2px solid #000000;
}

#framecontentLeft, #framecontentTop{
position: absolute; 
top: 0px; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #ffffff url(http://www.trimlinecalgary.com/images/main/shadow.gif) repeat-y fixed;
color: #000000;
}

#framecontentTop{ 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 120px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #ffffff url(http://www.trimlinecalgary.com/images/main/topbackground.gif) repeat-x fixed;
color: #000000;
}

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

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

.logo{
position:absolute;
top:0px;
right:0px;
border:0px;
}

.menu{
margin-top:200px;
}

.menu1{
background-color:#E5AC05;
color:#ffffff;
font-weight:bold;
position:absolute;
left:0px;
width:90%;
}

.menu2{
background-color:#B41A05;
color:#ffffff;
font-weight:bold;
position:absolute;
left:0px;
width:90%;
}

.menu3{
background-color:#000000;
color:#ffffff;
font-weight:bold;
position:absolute;
left:0px;
width:90%;
}

.menulist{
list-style:square outside;
position:relative;
left:-30;
}

.menulink{
font-weight:bold;
color:#000000;
text-decoration:none;
font-size:90%;
}

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

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

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

<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
background-color: #727272;
margin-left:10%;
margin-right:10%;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid #000000;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

</style>

<![endif]>