/*Header area has a basic background which can be filled with an article*/
/*If no article is placed here the Site Title is displayed*/
#header {
  background: #ffffff url(../images/header.png) top left no-repeat;
  width:978px;
  height:150px;
  margin-top:20px;
}
#header_banner {
  margin-left:21px;
  padding-top:12px;
}

/*The banner area falls just below the header and is a full width box for displaying banner articles*/
#bannerarea {
  padding-top:2px;
  background-color:#f7f7f7;
}
#bannerarea_t {
	background: #fff url(../images/boxtop_1col.png) top left no-repeat;
	height: 13px;
}
#bannerarea_m {
	background: #fff url(../images/crosssection_1col.png) bottom left repeat-y;
}
#bannerarea_b {
	background: url(../images/boxbottom_1col.png) bottom left no-repeat;
        height: 13px;
}

/*The tab area falls just below the banner area and is designed to hold the Breadcrumbs and Search box*/
#tabarea {
  background: #f7f7f7 url(../images/crosssection.png) top left repeat-y;
}

#pagebody {
  background: #ffffff url(../images/crosssection.png) top left repeat-y;
  width:978px;
}
#bottomcontent {
  background: #f7f7f7 url(../images/crosssection.png) top left repeat-y;
  padding-bottom:1px;
  padding-top:3px;
}
#footerarea {
  background: #ffffff url(../images/crosssection_footer.png) top left repeat-y;
  width:978px;
}

#pagefooter {
  background: #ffffff url(../images/footer.png) bottom left no-repeat;
  width:978px;
  height:30px;
}

/*The content box has options for 1 2 and 3 column layouts. This is controlled in the index.php file*/
#contentbox_1col {
	background: url(../images/crosssection_1col.png) bottom left repeat-y;
	width: auto;
}
#contentbox_2coll {
	background: url(../images/crosssection_2coll.png) bottom left repeat-y;
	width: auto;
}
#contentbox_2colr {
	background: url(../images/crosssection_2colr.png) bottom left repeat-y;
	width: auto;
}
#contentbox_3col {
	background: url(../images/crosssection_3col.png) bottom left repeat-y;
	width: auto;
}

#contentbox_t_1col {
	background: #fff url(../images/boxtop_1col.png) top left no-repeat;
	margin: 0;
	padding:0;
	height: 13px;
}
#contentbox_t_2coll {
	background: #fff url(../images/boxtop_2coll.png) top left no-repeat;
	margin: 0;
	padding:0;
	height: 13px;
}
#contentbox_t_2colr {
	background: #fff url(../images/boxtop_2colr.png) top left no-repeat;
	height: 13px;
}
#contentbox_t_3col {
	background: #fff url(../images/boxtop_3col.png) top left no-repeat;
	height: 13px;
}

#contentbox_m_1col {
	background: url(../images/crosssection_1col.png) bottom left repeat-y;
}
#contentbox_m_2coll {
	background: url(../images/crosssection_2coll.png) bottom left repeat-y;
}
#contentbox_m_2colr {
	background: url(../images/crosssection_2colr.png) bottom left repeat-y;
}
#contentbox_m_3col {
	background: url(../images/crosssection_3col.png) bottom left repeat-y;
}

#contentbox_b_1col {
    	clear:both;
	background: url(../images/boxbottom_1col.png) bottom left no-repeat;
   	height: 13px;
}
#contentbox_b_2coll {
    	clear:both;
	background: url(../images/boxbottom_2coll.png) bottom left no-repeat;
    	height: 13px;
}
#contentbox_b_2colr {
    	clear:both;
	background: url(../images/boxbottom_2colr.png) bottom left no-repeat;
    	height: 13px;
}
#contentbox_b_3col {
    	clear:both;
	background: url(../images/boxbottom_3col.png) bottom left no-repeat;
    	height: 13px;
}