﻿/*** page_layout_desktop.css ***/

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

body 
{
  background-color: white; /* beige #f0e0d0 */
  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: 12pt;
  float: center;
  border: 1px; 
  padding: 0px;  
  margin: 0 auto; 
  border-style: none;
  border-color: blue;
  border-width: 0px;
} 

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

#banner  
{
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  zzwidth: 1000px; 
  zzheight: 160px;  /* 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;
}

#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: #f0e0d0; /* beige */
  text-decoration: none;
}

#home_link a:hover
{
  color: #d0a080; /* brownish */
}

#bulk  
{
  position: absolute;
  top: 160px;  /* height of banner */
}

#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: #d0a080; /* brownish */
  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: 140px; 
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  background-color: #3060b0; /* deep blue */ /* space version is #d0a080 brownish */
  border-style: none;
  border-color: white;
  border-width: 0px;
}
 
#bulk_main_3
{
  display: table-cell;
  width: 640px;
  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: 190px;
  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;
  */
}
