/**this is the top level parent div that shall contain all other divs **/
#divParent{
  position: relative;
  min-height: 100%;}
/** this is for the very top title header bar **/
#divTopHeader{
  background-image : url(../images/TopBlueBand.gif);
  text-align : left;
  left : 0px;
  top : 0px;
  width : 1004px;
  height : 69px;
  z-index : 1;
  padding : 0px;
  border-bottom : 0px dotted #FFFFFF;}

#divTopHeader img.swatch{
    float:right;
    padding: 5px 5px 0 0;
    border:none;}

  br.clear{clear: both;}

/** this is for the main image banner just below the top header **/
#divPicHeader{
  text-align : left;
  left : 0px;
  top : 69px;
  width : 1004px;
  height : 149px;
  z-index : 1;
  padding : 0px;
  border-bottom : 0px dotted #FFFFFF;}


/** this is for the title bar just below the main menu bar **/
#divTitleBar{
  background-color : #DEE8EB;
  text-align : left;
  left : 0px;
  top : 259px;
  width : 1004px;
  height : 38px;
  z-index : 1;
  padding : 0px;
  border : 1px solid #999999;}

/** xxxx **/
#divTitleText{
  text-align : left;
  left : 40px;
  top : 0px;
  width : 660px;
  height : 38px;
  z-index : 1;
  padding : 0px;
  border : 0px solid #999999;}

/**this is the main body section - but remember it has the divBodyContent in it **/
#divBody{
  margin-top :20px;
  text-align : left;
  left : 0px;
  top : 260px;
  width : 1004px;
  height : 100%;
  z-index : 1;
  padding : 0px;
  border : 0px dotted #F00000;}

/** this lives inside of divBody and holds the real content **/
#divBodyContent{
  text-align : left;
  width : 920px;
  z-index : 1;
  padding-left : 40px;
  padding-right : 40px;
  border : 0px dotted #F00000;}

/** this is for main body text placed to the right - this should be used with #divBodyLeftBox **/
#divBodyRight{
  text-align : left;
  width : 590px;
  float: right;
  z-index : 1;
  padding : 0px;
  border : 0px dotted #F00000;
}

/** this is for bullet points, sub-menus or strap lines to be placed to the left - this should be used with #divBodyRight **/
#divBodyLeftBox {
  background-color : #FCFDFD;
  text-align : left;
  width : 260px;
  float: left;
  z-index : 1;
  padding : 20px;
  margin : 0px;
  border : 1px dotted #CCCCCC;}

/** this is for main body text placed to the left - this should be used with #divBodyRightBox **/
#divBodyLeft, #divBodyLeftVid{
  text-align : left;
  float: left;
  z-index : 1;
  padding : 0px;
  border : 0px dotted #F00000;}
#divBodyLeft {width: 590px;}
#divBodyLeftVid {width : 440px;}

/** this is for bullet points, sub-menus or strap lines to be placed to the right - this should be used with #divBodyLeft **/
#divBodyRightBox, #divBodyRightBoxVid {
  background-color : #FCFDFD;
  text-align : left;
  float: right;
  z-index : 1;
  padding : 20px;
  margin : 0px;
  border : 1px dotted #CCCCCC;}
#divBodyRightBox {width: 260px;}
#divBodyRightBoxVid {width:420px;}

#divBodyRightBox img.bio{
  float:left;
  margin: 6px 4px 0 0;
  border:1px dotted #CCC}

/** this is for the footer at the bottom of the page **/
#divFooter{
	margin-top :20px;
    clear: both;
    background-color : #F9FBFB;
    border : 1px solid #CCCCCC;
    width : 1002px;
    height : 30px;
    z-index : 2;}

/** this is for the footer at the bottom of the page **/
#divFooterContent{padding-left : 20px;}

/** this is for the Contact Us page **/
#divContact{
  text-align : left;
  position : absolute;
  left : 20px; 
  top : 20px;
  width : 960px;
  height : 430px;
  z-index : 1;
  padding : 10px;
  border : 0px solid #CCCCCC;}

#divContactLeft{
  text-align : left;
  float: left;
  width : 440px;
  z-index : 1;
  padding : 10px;
  border : 1px solid #C0C0C0;}
#divContactRight{
  text-align : left;
  float: right;
  width : 400px;
  z-index : 1;
  padding : 0px;
  border : 0px solid #C0C0C0;}
/******************************************************************************************/