/* page layout */

body, html {
margin: 0 ;
padding: 0;
margin-bottom: 4px;
height: 100%;
background: #000 url("images/primoback.jpg");
text-align: center; /* IE center bug */
}

div#wrap {
/*width: 1000px;*/
margin: 0 auto 4px auto;
}

div#header {
width: 100%;
height: 212px;
background: #00010D url("images/primo.jpg") no-repeat;
}



div#pageFrame {
position: relative;
width: 100%; 
margin: 0px auto ;
background: transparent ;
}
div#logoFrame {
height: 64px;
position: relative;
}
div.navBarFrame {
margin: 0;
padding-top: 180px;
height: 30px; /* prevent collapse ? */
}
div#navBottomFrame {
margin: 10px auto;
}

div#middleFrame {
z-index: 1500;
position: absolute;
background: #fff ;
padding: 10px;
border: #4F0005 15px solid;
top: 9px;
margin 0;
height:auto !important;
height: 850px;
min-height: 750px; /* no go IE */
/* border-top: 1px solid white; Mozilla: else middle frame shifts down a bit depending on content?! */
left: 178px; /* the fluid content is 100% minus these margins wide */
/* right: 178px; */
/* next lines hack for IE5.2 mac (does not listen to right) */
margin-right: 178px;
right: 178px;
}
@media all {
div#middleFrame {margin-right: 0}
} /* values for others */



#middleContent {
width: 100%;  /* prevents IE to jump out of the box! */
text-align: left;
}
/* boxes1 and 2 (call it left and right if you prefer) */
div#boxes1Frame {
opacity: 0.9;
filter: alpha(opacity = 90);
position: absolute;
left: 7px;
top: 0;
width: 160px;
}
div#boxes2Frame {
opacity: 0.9;
filter: alpha(opacity = 90);
position: absolute;
padding: 0 7px 0 0;
right: 0;
top: 0;
width: 165px;
}
div.infoboxContentsFL {
margin: 2px; /* = the padding */
width: 152px; /* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
overflow: hidden;
}

div#bannerFrame {
height: 160px;
margin-top: 50px;
margin-bottom: 10px;
}

div#bannerFrame2 {
height: 250px;
margin-top: 20px;
margin-bottom: 10px;
}

/* end page layout */