/*** page_layout.css ***/

html 
{
  margin: 0px;
  padding: 0px;
}

body 
{
/*  background-color: #fff8e0; */
  background-color: #f0f0f0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  color: black;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  padding-top: 0px;
  text-align: left; 
  vertical-align: top;
  zzmargin: 0 auto; 
} 

a:hover
{
  color: #808080;
}
  
#wrapper  
{
  background-color: white;
  width: 1000px; 
  color: black;
  font-size: 10pt;
  float: center;
  border: 0px; 
  padding: 0px;  
  margin: 0 auto; 
  border-style: none;
  border-color: white;
  border-width: 0px;
} 

#header
{
  position: absolute;
  top: 0px;
}

#banner  
{
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  width: 1000px; 
  height: 100px;  /* same as banner image height */
  color: black;
  font-size: 10pt;
  float: center;
  border: 0px; 
  padding: 0px;  
  margin: 0 auto; 

  border-style: none;
  border-color: white;
  border-width: 0px;
/*
border-style: solid;
border-color: orange;
border-width: 2px;
*/
}

#home_link a
{
  z-index: 200;
  position: absolute;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  font-size: 10pt;
  color: black; 
  text-decoration: none;
}

#home_link a:hover
{
  color: #c0c0c0; 
}

#bulk  
{
  position: absolute;
  top: 100px;  /* height of banner */
  /* z-index: 1000; */
}

#bulk_table /* for dividing the main page up into a left margin and a main area for the big stuff */
{
  display: table;
  width: 1000px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  border-style: none;
  border-color: white;
  border-width: 0px;
  /*
  border-style: solid;
  border-color: green;
  border-width: 1px;
  */
}

#bulk_row  
{
  display: table-row;
}

/* single column page layout */

#bulk_main_1
{
  display: table-cell;
  width: 1000px;
  padding: 5px 5px 5px 5px; 
  margin: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
  border-style: none;
  border-color: white;
  border-width: 0px;
}

/* 2 column page layout */

#bulk_left_2
{
  display: table-cell;
  width: 150px; 
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  background-color: #d0a040; /* #d0a080; */
  border-style: none;
  border-color: white;
  border-width: 0px;
  /*
  border-style: solid;
  border-color: green;
  border-width: 1px;
  */
}
 
#bulk_main_2
{
  display: table-cell;
  width: 850px;
  padding: 5px 5px 5px 5px; 
  margin: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
  border-style: none;
  border-color: white;
  border-width: 0px;
  /*
  border-style: solid;
  border-color: green;
  border-width: 1px;
  */
}


/* 3 column page layout */

#bulk_left_3
{
  display: table-cell;
  width: 150px; 
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  background-color: #d0a040; /* #d0a080; */
  border-style: none;
  border-color: white;
  border-width: 0px;
}
 
#bulk_main_3
{
  display: table-cell;
  width: 650px;
  padding: 5px 5px 5px 5px; 
  margin: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
  border-style: none;
  border-color: white;
  border-width: 0px;
}

#bulk_right_3
{
  display: table-cell;
  width: 200px;
  padding: 5px 5px 5px 5px; 
  margin: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
  border-style: none;
  border-color: white;
  border-width: 0px;
}

#footer
{
  text-align: center;
  font-size: 10pt;
  /*
  border-style: solid; 
  border-width: 1px;
  border-color: green;
  */
}

#copyright
{
  margin-left: 100px;
  text-align: center;
  font-size: 9pt; 
  color: #808080;
  /*
  border-style: dashed; 
  border-width: 1px;
  border-color: red;
  */
}

#footer_left
{
  float: left;
  text-align: left;
  font-size: 9pt; 
  color: #808080;
}

#footer_right
{
  float: right;
  text-align: center;
  font-size: 9pt; 
  color: #808080;
}

#lorem
{
  font-size: 9pt; 
  color: #ffffff;
}
#lorem a:link /* crawler trap */
{
  font-size: 9pt;
  color: #ffffff;
  text-decoration: none;
}
#lorem a:visited
{
  font-size: 9pt;
  color: #ffffff;
  text-decoration: none;
}
#lorem a:hover
{
  font-size: 9pt;
  color: #ffffff;
  text-decoration: none;
}