.slide-out-div {
	width: 15%;
	height: calc(100% - 90px);
	background: #0033CC;
	border: 0px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#acordianbar {
position: absolute;
top: 90px;
padding:0;
bottom: 0; 
left: 0;
width: 190px; /*Width of frame div*/
height: 100%;
overflow-x: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#oaktrtree{
	position:absolute;
	top:1px;
	left: 3px;
}

#topbarbanner{
	position:absolute;
	top:9px;
	left: calc(100% - 511px); /* have to add banner width and topbar left margin */
    -moz-transform: scale(.70);
    -moz-transform-origin: 0 0;
    -o-transform: scale(.70);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(.70);
    -webkit-transform-origin: 0 0;
    transform: scale(.70); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
}

#tabbar{
position:relative;
left: 0px;
padding-right: 515px;
height: 90px; /*Height of top section*/
}

#switch{
position:fixed;
right: 680px;
top:0px;
}

#maincontent{
position: fixed;
width: calc(132%);
height: calc(130% - 91px);
    -moz-transform: scale(.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(.75);
    -webkit-transform-origin: 0 0;
    transform: scale(.75); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
top: 90px; 
left: 0px; 
right: 0px;
bottom: 0px;
overflow: scroll; 
}