/* page layout */
body, html {
margin: 0;
padding: 0;
margin-bottom: 4px;
background: #ffffff; /*#fff; */
background-image: url(images/bg.jpg);
background-position: center;
background-repeat: repeat-y;
text-align: center; /* IE center bug */
}
div#pageFrame {
position: relative;
width: 980px;  /*80%; total pagewidth */
margin: 0 auto;

}
div#logoFrame {
height: 150px; /* 64px; */
position: relative;
}
div.navBarFrame {
margin-left: 0px;
margin-right: 1px;
height: 22px; /* prevent collapse ? */
}
div#navBottomFrame {
margin: 10px auto;
}
div#middleFrame {
width:770px;
float: right;
margin-top:20px;
}

@media all {
div#middleFrame {margin-right: 0;}
} /* values for others */

#leftframe {
float: left;
width: 190px;
height: auto;
margin-left: 10px;
margin-top:20px;
}

#middle-leftframe {
float: left;
width: 560px;
height:auto;
}

#middle-rightframe {
float: right;
width: 190px;
height: auto;
margin-right: 10px;
}

#middleContent {
width: 100%;  /* prevents IE to jump out of the box! */
text-align: left;
margin-top:10px;
background-color: #ffffff;
}
/* boxes1 and 2 (call it left and right if you prefer) */
div#boxes1Frame {
position: absolute;
left: 7px;
top: 186px; /*100px;*/
width: 180px;
}
div#boxes2Frame {
position: absolute;
right: 7px;
top: 186px; /*100px;*/
width: 180px;
}
div.infoboxContentsFL {
margin: 5px; /* = the padding */
width: 146px; /* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
text-align: left;
padding-left:10px;
color: #ffffff;
}

div#bannerFrame {
height: 95px;
margin-bottom: 10px;
border: solid 1px #aeaeae;
}

#footer {
height: 30px;
}

/* end page layout */