/* page layout */
body, html {
margin: 0;
padding: 0;
margin-bottom: 4px;
text-align: center; /* IE center bug */
background:#D5D5D5 url('images/lowerbg.jpg') right top no-repeat;
}
div#pageFrame {
width: 100%; /* total pagewidth */
clear:both;
}
div#logoFrame {
min-width: 1000px;
height: 180px;
background: #000 url('images/headerbg.jpg') top right no-repeat;
}
div.navBarFrame {
height: 41px; /* prevent collapse ? */
background: url('images/menubg.png') repeat-x;
min-width: 1000px;
}
div#navBottomFrame {
margin: 10px auto;
}
div#middleFrame {
top: 220px;
margin: 0px;
min-height: 500px; /* no go IE */
/* border-top: 1px solid white; Mozilla: else middle frame shifts down a bit depending on content?! */
left: 190px; /* the fluid content is 100% minus these margins wide */

min-width: 730px;
/* right: 190px; */
/* next lines hack for IE5.2 mac (does not listen to right) */
margin-right: 215px;
right: 190px;
}
@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 {
position: relative;
left: 0;
width: 180px;
margin-right: 10px;
}
div#boxes2Frame {
position: relative;
right: 0;
width: 180px;
margin-left:10px;
}
div.infoboxContentsFL {
margin: 5px; /* = the padding */
margin-top:0;
width: 146px; /* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
}

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


#header_left {
  float: left;
  width: 380px;
  height: 176px;
}

#header_right {
  float: right;
  text-align: right;
  background: url('images/rightheader.png') right bottom no-repeat;
  width: 454px;
  height: 175px;
}

/* end page layout */

div#boxes2Frame .infoBoxFL {
  border: 0;
}

div#boxes2Frame .infoBoxHeadingFL {
  background: url('images/boxtopright.png') no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding-left: 20px;

}
div#boxes2Frame .infoBoxHeadingFLRight {
  background: url('images/boxtopleft.png') no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding-left: 20px;
}

div#boxes1Frame .infoBoxFL {
  border: 0;
}

div#boxes1Frame .infoBoxContentsFL, div#boxes2Frame .infoBoxContentsFL {
  width: 170px;
  line-height: 18px;
}

div#boxes1Frame .infoBoxHeadingFL {
  background: url('images/boxtopleft.png') no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

div#boxes1Frame .infoBoxFL, div#boxes2Frame .infoBoxFL {
}

div#footer_credits {
  position: absolute;
  left: 0;
  width: 100%;
  height: 60px;
  background: #95dbfc;
  line-height: 60px;
  color: #000;
  display: none;
}

div#footer_credits div {
  margin: 0 20px;
  height: 20px;
  line-height: 20px;
}

div#footer_credits a{
  color: #000;
}
#footer {
  clear:both;
  width:100%;
  height:100px;
  background: #000;
}
.graybg {
  background: #333333;
  padding:20px 50px;
  line-height: 18px;
  color: #eee;
}
.footerblack {
  background: #000;
  height:40px;
  width:100%;
}