/** box template **/
.spacer { clear: both; height: 1px; }
.clrLeft { clear: left; }
.clrRight { clear: right; }
.clrBoth { clear: both; }

#wspace4 { width: 4px; }
#hspace4 { height: 4px; }
#wspace8 { width: 8px; }
#hspace8 { height: 8px; }
#margin8 { margin: 8px; }

/********************************/
/**      page canvas           **/
/********************************/
#boxPage, #pageCanvas
{ position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

/********************************/
/**         base layout3       **/
/********************************/
#boxTop, #pageHeader
{ position: relative;
  top:0px;
  margin: 0px;
  width: 100%;
  text-align: left;
}

#boxMiddle, #pageContent
{ position: relative;
  margin: 0px;
  width: 100%;
  text-align: left;
}

#boxBottom, #pageFooter
{ position: relative;
  margin: 0px;
  width: 100%;
  text-align: left;
}

/********************************/
/**       content layout       **/
/********************************/

/** top section **/
#boxTopContent
{ position: relative;
  margin: 0px;
  width: 100%;
  height: 80px;
}

/** mid section **/

/** banner1 section **/
#boxBanner1
{ position: relative;
  margin: 0px;
  width: 100%;
  height: 225px;
}

/**  banner 2 section **/
#boxBanner2
{ position: relative;
  margin: 0px;
  width: 750px;
  height: 72px;
}

/** data section **/
#boxDataContainer
{ position: relative;
  margin: 0px;
  width: 750px;
  height: 630px;
}

#boxData1
{ position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 500px;
  height: 400px;
}

#boxData2
{ position: absolute;
  top: 408px;
  left: 0px;
  margin: 0px;
  width: 500px;
  height: 222px;
}

#boxData3
{ position: absolute;
  top: 0px;
  left: 508px;
  margin: 0px;
  padding: 0px;
  width: 242px;
  height: 225px;
}

#boxData4
{ position: absolute;
  top: 233px;
  left: 508px;
  margin: 0px;
  padding: 0px;
  width: 242px;
  height: 225px;
}

#boxData5
{ position: absolute;
  top: 466px;
  left: 508px;
  margin: 0px;
  padding: 0px;
  width: 242px;
  height: 164px;
}

/** bottom section **/

#boxBottomContent
{ margin: 0px;
  width: 100%;
}

/********************************/
/** data starts here misc defs **/
/********************************/

#boxData1Col1
{ position: absolute;
  top: 0px;
  left: 0px;
  margin: 8px;
  padding: 0px;
  width: 236px;
  height: 384px;
  text-align: left;
}

#boxData1Col2
{ position: absolute;
  top: 0px;
  right: 0px;
  margin: 8px;
  padding: 0px;
  width: 236px;
  height: 384px;
  text-align: left;
}

/** top stuff **/
#topLeft
{ position: absolute;
  top: 0px;
  left: 0px;
}

#topLeftMenu
{ position: absolute;
  top: 0px;
  left: 208px;
}

#topLeftMenu2
{ position: absolute;
  top: 16px;
  left: 208px;
}

#topLeftMenu3
{ position: absolute;
  top: 64px;
  left: 0px;
}

#topRightSearch
{ position: absolute;
  top: 0px;
  right: 0px;
}

#topRightMenu
{ position: absolute;
  top: 32px;
  right: 0px;
}

#topRightMenu2
{ position: absolute;
  top: 48px;
  right: 0px;
}

#topRightMenu3
{ position: absolute;
  top: 64px;
  right: 0px;
}