/* some of the main elements */

body {
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   min-width: 720px;
   padding: 0;
   background-color: #FDFFFF;
}

/* Title headers, related classes */

h1 {
   text-align: center;
   color: #B22222;
}

h2 {
   text-align: center;
   color: #0000ff;
}

/* Special h2 heading, with custom color */
#central-text {
   text-align: center;
   color: #6058cd;  /* better blue */
}

/* Product News Header with the same red used in h1 */
#prod-news  {
   text-align: center;
   color: #B22222;
}

h3 {
   text-align: center;
   color: #000000;
   font-size: 80%;
}
/* New 7/24/07 */
#page-two {
   font-size: 120%;
   text-align: center;
   color: #0000ff;
}

/* Special h3 heading, enlarged font 
    used to identify listed content */
#central-grouping  {
   text-align: center;
   color: #000000;
   font-size: 110%;
}

/* Special h3 heading, enlarged font 
    red to identify news content */
#central-grouping-news  {
   text-align: center;
   color: #cb1741;
   font-size: 110%;
}

/* temp. logo script */
#bst-logo  {
   text-align: center;
   font-size: 100%;
   color: #2b1ed4;

}

h4 {
   text-align: center;
   color: #000000;
   font-size: 100%;
}

h5 {
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: 100%;
}

h6 {
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: 80%;
}

.title-small {
   text-align: left;
   color: #000000;
   font-weight: bold;
   font-size: 90%;
   text-decoration: underline;
}

.title-small-special {
   text-align: left;
   color: #000000;
   font-weight: bold;
   font-size: 90%;
}

.links-small {
   text-align: center;
   color: #000000;
   font-weight: bold;
   font-size: 90%;
}

/* This is for paragraphs needing larger line spacing due to superscripts
      forcing what appears to be double spacing.  Trying for more uniform
      appearance.  */

.superscripts  {
   line-height: 26px;
}

/*   font: Veranda, Arial, Helvetica, sans-serif; */

/* base underlying page - sets dimensions for overlaying, floating columns, etc. */

/* This section is devoted the the div tag areas: */

/* This is the main page coverage area, all
    other div tag areas will be float above */

.Base {
   position: absolute;
   top: 10px;
   left: 1px;
/*   background-color: #FDFFFF; change below not effective */ 
   background-color: #ADD8E6;
   width:  100%;
/*   min-height: 500px; */
   height: 100%;
}

/* Base for images */
#Base-image {
   position: relative;
   float: left;
   background-color: #ADD8E6;
   width: 100%;
   height: 100%;
}


/* created header */

#header {
  /* text-align: center; */
  font-family: Veranda, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border-style: solid;
  border-color: #ffffff #ffffff #000000 #ffffff;
  border-bottom-width: 15px;
  
}

#header-square-edge {
  /* text-align: center; */
  position: relative;
  top: auto;
  float: left;
  width: 100%;
  min-height: 117px;
  height: auto !important;
  height: 117px;
  font-family: Veranda, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border-bottom-style: solid; 
  border-bottom-color: #000000;
  border-bottom-width: 10px;
  
}

/* float header to hold logo */
#head-left-logo {
   position: absolute;
   top: 0;
   left: 0;
   width:   22.35%;
   height: auto;
   background-color: #ffffff; 
   color: #000000;
   text-align: left;  
   min-height: 105px;
   margin: 1%;
}

/* float left col to hold logo */
#left-col-logo {
   position: relative;
   float: left;
   padding-left: 10%;
   padding-right: 10%;
   width:   20%;
   background-color: #ffffff; 
   color: #000000;
   text-align: center;  
   min-height: 55px;
   max-height: 55px;
}

/* These were unsuccessful test headers
   using the span tag */
#header-with-Span  {
  font-family: Veranda, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  position: relative;
  top: auto;
  float: left;
  width: 100%;
  height: 150px;
}

#with-Span  {
  font-size: 20px;
  font-weight: 900;
  width: 100%;
  color: #000000;
  text-align: justify;
} 

/* End of Headers area */

/* Main set of first level floats defining the pages */

#col-left {
   position: relative;
   float: left;
   width:   21%;
   height: auto;
   background-color: #FDFFFF;
/*   background-color: #ADD8E6; */
   text-align: center;
   font-size: 75%;
   padding-right: 3px;
   min-height: 450px;
}

/* For Product News */
#col-left-prodnews {
   position: relative;
   float: left;
   width:   21%;
   height: auto;
   background-color: #ADD8E6;
   text-align: center;
   font-size: 75%;
   padding-right: 3px;
   min-height: 650px;
}

/* For Web Site Developers */
#col-left-bst {
   position: relative;
   float: left;
   width:   21%;
   height: auto;
   background-color: #ADD8E6;
   text-align: center;
   font-size: 75%;
   padding-right: 3px;
   min-height: 650px;
}


#central-col {
   position: relative;
   float: left;
   width:   56%;
   background-color: #FDFFFF;
   color: #000000;
   border-left-style: solid;
   border-left-color: #b22222;
   border-left-width: thick;
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick;
   min-height: 450px;
   height: auto;
   /* border-fit: auto; */
}

/* For Product News */
#central-col-prodnews {
   position: relative;
   float: left;
   width:   56%;
   background-color: #FDFFFF;
   color: #000000;
   border-left-style: solid;
   border-left-color: #b22222;
   border-left-width: thick;
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick;
   min-height: 650px;
   height: auto;
   /* border-fit: auto; */
}

/* For Web Site Developers */
#central-col-bst {
   position: relative;
   float: left;
   text-align: justify;
   width:   56%;
   background-color: #FDFFFF;
   color: #000000;
   border-left-style: solid;
   border-left-color: #b22222;
   border-left-width: thick;
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick;
   min-height: 650px;
   height: auto;
/*   padding-right: 3px;
   padding-left:  3px; */
   /* border-fit: auto; */
}


/* Mis-named: going to replace with
   more appropriate naming left-central-col */
/* Candidate for removal, once gone from all pages */
#right-central-col {
   margin-left: 0.25cm; 
   margin-right: 0.2cm; 
   position: relative;
   float: left;
   width:   75%;
   height: auto;
   background-color: #FDFFFF;
   color: #000000;
   font-size: 100%;
   min-height: 450px;
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: 8px; /* leaving value for visual
	seeing pages with old style */
}  /* Enlarged font sizes here and elsewhere */

#left-central-col {
   padding-left: 1.0%; /* small effective widening */
   padding-right: 1.0%; /* needed for Safari 2.0 */
   position: relative;
   float: left;
   width:   74%;
   height: auto;
   background-color: #FDFFFF;
   color: #000000;
   font-size: 100%;
   min-height: 450px;
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick; /* 8px old value */
}  /* Enlarged font sizes here and elsewhere */
/* should content be justified? */

/* based upon left-central, but full width for 
   graphics that are nearer to full size */
#full-width-col {
   padding-left: 1.0%; /* small effective widening */
   padding-right: 1.0%; /* needed for Safari 2.0 */
   position: relative;
   float: left;
   width:   98%;
   height: auto;
   width:  auto;
   min-width: 1024px;
   background-color: #FDFFFF;
   color: #000000;
   font-size: 100%;
   min-height: 450px;
}

#col-right {
   position: relative;
   top: auto;
   float: left; /* right; might causes extra space */
   width:   20%;
   height: auto;
   background-color: #FDFFFF;
   color: #000000;
   text-align: center;
   font-size: 81%;
   min-height: 450px;
}

/* For Product News */
#col-right-prodnews {
   position: relative;
   top: auto;
   float: left; /* right; might causes extra space */
   width:   21%;
   height: auto;
   background-color: #ADD8E6;
   color: #000000;
   text-align: center;
   font-size: 81%;
   min-height: 650px;
}

/* For bst */
#col-right-bst {
   position: relative;
   top: auto;
   float: left; /* right; might causes extra space */
   width:   21%;
   height: auto;
   background-color: #ADD8E6;
   color: #000000;
   text-align: center;
   font-size: 81%;
   min-height: 650px;
}

#col-full-right {
   position: relative;
   float: right;
   width:   23%;
   height: auto;
   background-color: #FDFFFF;
   color: #000000;
   text-align: center;
   font-size: 85%;
   min-height: 450px;
}

/* Error class - perhaps common pages later */
.Error {
   position: relative;
   float: left;
   min-width: 99%;
   border-left-style: solid;
   border-left-color: #b22222;
   border-left-width: thick;
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick;
   min-height: 450px;
   background-color: #FDFFFF;

}

/* Forms experimental div blocks */
#forms-block  {
   position: relative;
   float: left;
   width:  90%;
   height: auto;
/*   background-color: #0000FF; */
   background-color: #ADD8E6;
   color: #000000;
   min-height: 450px;
   padding-left: 10%;
   padding-right: 10%;

}

/* End of main first level div float areas */
/* This a new banner style controller - had to include a top
     border, due to it showing the background (grey or blusish 
     white) to keep this area appear the same as beginning 
     page.  Note removed top border, it was not working as well
     as the float.  A margin at the bottow worked better. */

.bands  {
   position: relative;
   text-align: justify;
   font-size: 13pt; 
   width: 98%; /* odd this works with thiner borders */
   height: auto;
   min-height: 50px;
   background-color:  #ADD8E6;
   color:  #000000;
   padding-left: 1.0%;
   padding-right: 1.0%; /* 0.5 on both sides would have been better */
   border-top-style: solid;
   border-top-color: #000000;
   border-top-width: 3px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   border-bottom-width: 3px;
   margin-bottom: 20px;
}

#bands-BST  {
   position: relative;
   text-align: justify;
   font-size: 13pt; 
   width: 100%; /* odd this works with thiner borders */
   height: auto;
   min-height: 50px;
   background-color:  #ADD8E6;
   color:  #000000;
/*   padding-left: 1.0%; */
/*   padding-right: 1.0%; */ /* 0.5 on both sides would have been better */
/*   border-top-style: solid;
   border-top-color: #000000;
   border-top-width: 3px; */
/*   border-bottom-style: solid;
   border-bottom-color: #000000;
   border-bottom-width: 3px; */
/*   margin-bottom: 20px; test to see if improved */
   overflow: hidden;
}

#news-bands  {
   position: relative;
   text-align: justify;
   font-size: 11pt; 
   width: 98%;
   height: auto;
   min-height: 50px;
   background-color:  #ADD8E6;
   color:  #000000;
   padding-left: 1.0%;
   padding-right: 1.0%;
   border-top-style: solid;
   border-top-color: #000000;
   border-top-width: 3px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   border-bottom-width: 3px;
   margin-bottom: 20px;
}

/* New addition - Bottom Header/Footer with 
   navigation and site data locations
   first pass, experimental.  div taking full width */

#bottom-header  {
  position: relative;
  bottom: auto;
  float: left;
  width: 100%;
  border-top-style: solid; 
  border-top-color: #000000;
  border-top-width: 10px;
  /* border-left-style: solid; 
  border-left-color: #000000;
  border-left-width: 5px;
  border-right-style: solid; 
  border-right-color: #000000;
  border-right-width: 5px; */ 
/* gets in the way of the floats */ 
  border-bottom-style: solid; 
  border-bottom-color: #000000;
  border-bottom-width: 10px;
  min-height: 150px;
  height: auto !important;
  font-family: Veranda, Arial, Helvetica, sans-serif;
  background-color: #FDFFFF;

}

/* Changes to floats to have it match upper columns and to have
   the columns match */
/* Group of floats over the footer area at the
     bottom of many web pages. */
/* left hand area in bottom header */
#bottom-left {
   position: relative;
   float: left;
   width:   21%; /* 20.90%; will not wpork with Safari */
   height: auto;
   background-color: #ADD8E6;
   text-align: center;
   font-size: 75%;
   padding-right: 3px; /* was missing */
   min-height: 150px;
}

/* central column in bottom header */
#bottom-central {
   position: relative;
   float: left;
   width:   56%;
   background-color: #FDFFFF;
   color: #000000;
   border-left-style: solid;
   border-left-color: #b22222;
   border-left-width: thick; 
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick; /* 8px; */
   text-align: center; /* just temporary presence */
   min-height: 150px;
   height: auto;
/*   border-fit: auto; */
}

/* right column in bottom header */
#bottom-right {
   position: relative;
   top: auto;
   float: left;
   width:   21.5%; /* 22.37%;  */
   height: auto;
   background-color: #ADD8E6; 
   color: #000000;
   text-align: center;  
   font-size: 81%; /* 85%; */
   min-height: 150px;
}


/* footer columns just for menus */
/* added Jan. 28, 2009 preparing for changes
   in the menu template */
/* left hand area in bottom menu header */
#menu-bottom-left {
   position: relative;
   float: left;
   width:   21%; /* 20.90%; will not work with Safari */
   height: auto;
   background-color: #ADD8E6;
   text-align: center;
   font-size: 75%;
   padding-right: 3px; /* was missing */
   min-height: 150px;
}

/* central column in bottom menu header */
#menu-bottom-central {
   position: relative;
   float: left;
   width:   56%;
   background-color: #FDFFFF;
   color: #000000;
   border-left-style: solid;
   border-left-color: #b22222;
   border-left-width: thick; 
   border-right-style: solid;
   border-right-color: #b22222;
   border-right-width: thick; /* 8px; */
   text-align: center; /* just temporary presence */
   min-height: 150px;
   height: auto;
/*   border-fit: auto; */
}

/* right column in bottom menu header */
#menu-bottom-right {
   position: relative;
   top: auto;
   float: left;
   width:   21.5%; /* 22.37%;  */
   height: auto;
   background-color: #ADD8E6; 
   color: #000000;
   text-align: center;  
   font-size: 81%; /* 85%; */
   min-height: 150px;
}