/*
 * "black" == #000000
 * "aliceblue" == #F0F8FF
 * "chartreuse" == #7FFF00
 * "green4" == #008B00
 * "brown" == #A52A2A
 * "limegreen" == #32CD32
 * "yellow" == #FFFF00
 * "mediumslateblue" == #7B68EE
 * "blue4" == #00008B
 * "mediumblue" == #0000CD
 * #60FFCC - original green
 * see http://www.colour.pro/CSS-Colour-Chart.htm
 * <span style="color:red; font-size:75%">(NEW)</span>
 */


body {background-color: #CCFFCC;}
body {color: black;}

/* Basic Layout of Page */
body, h1, p
{
  font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
}
p
{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 7px 0;
  text-align: left;
}

/* Restrict all page content to central area of screen.
 * Ensures that lower-resolution monitors can contain the data. 
 * Fits comfortably within a 1280 pixel display. 1170 + 15 + 15 == 1200px
 */
.container
{
  margin-left:  auto;
  margin-right:  auto;
  margin-top: 0;
  max-width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  /* TEMP - TESTING ONLY 
  border: 1px solid red;*/
}

/* Home Page Head Image */
.headimage
{
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 0 0;
  max-width: 1170px;
  height: 420px;
  background-image: url("embedded/ss04f_1170x458.jpg");

  font-size: 18px;
  font-weight: bold;
  color: #FFFF00;
  text-align: left;
}
.headtext_a
{
/*  padding-top: 151px;
  padding-left: 115px;*/
  padding-top: 148px;
  padding-left: 112px;
}
.headtext_motto
{
  position: relative;
  top: 0;
  right: 0;
  margin-left: auto;
  margin-right: 0;
  margin-top: 0;
  max-width: 415px;
  padding: 4px 8px 0 0;
  font-size: 16px;
  font-style: italic;
  color: #000000;
  white-space: pre;
  text-align: right;
}

/* Define the horizontal navigation bar and the items it contains. */
.navbar
{
  list-style-type: none;
  width: 100%;
  height: 42px;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  background-color: #32CD32;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFF00;
}
.navbar ol
{
  list-style-type: none;
  padding: 0 0 0 0;
  display: inline-block;
  margin-top: 5px;
  margin-left: 6px;
  margin-right: 0;
}
.navbar li
{
  width: 187px;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #F0F8FF;
  background-color: #008B00;
  white-space: pre;
}
.navbar li a
{
  text-decoration: none;
  color: #F0F8FF;
  white-space: pre;
}
.navbar li:hover
{
  background-color: #7B68EE;
}

/* Language-selection drop-down list */
.language_selector
{
/*  -webkit-appearance: none; 	/*Removes default chrome and safari style*/
/*  -moz-appearance: none; 		/* Removes Default Firefox style*/
  text-align: right;
  margin 0 0 0 0; /* CSS ERROR */
  padding: 0 5px 0 0;
}
.language_selector select
{
  font-size: 20px;
  background-color: #60FFFF;
  color: #00008B;
}
.language_selector option
{
  padding: 0 0 0 4px ;
}
.language_selector_menu
{
  list-style-type: none;
  text-align: right;
  margin 0 0 0 0; /* CSS ERROR */
  padding: 0 5px 0 0;
}
.language_selector_menu li
{
  list-style-type: none;
/*  display: none;*/
  max-width: 220px;
  text-align: left;
  font-size: 20px;
  background-color: #60FFFF;
  color: #00008B;
}


/* FTP Reference Links and descripive text */
.ftpref
{
  margin: 10px 100px 40px 80px;
  text-align: left;
  padding: 0 0 0 0;
  font-size: 26px;
  font-weight: bold;
  color: #0000CD;
}
.ftpref a
{
  margin 0; /* CSS ERROR */
  padding 0 0 0 0; /* CSS ERROR */
  color: #0000CD;
}
.ftpref p
{
  text-decoration: none;
  padding: 0 0 0px 25px;
  font-size: 24px;
  font-weight: normal;
/*  white-space: pre;*/
}
.ftpref_p
{
  text-decoration: none;
  padding: 0 0 0px 25px;
  font-size: 24px;
  font-weight: normal;
/*  white-space: pre;*/
}
.ftpref a:hover
{
  font-size: 120%;
}
.ftpref_aux
{ /* Auxilliary internal link used inside the '.ftpref' class. */
  margin: 0 0 6px 0;    /* Order: top right bottom left. The instance must override 'margin-left' */
  padding: 4px 0 0 0; 
  text-align: center;
  text-decoration: none;
  font-size: 80%;
  font-weight: bold;
  font-style: oblique;
  background-color: #60FFC0;
  border-style: solid;
  border-color: #0000FF;
  border-width: 3px;
}
.ftpref_aux a
{ /* This negates the parent class style */
  text-decoration: inherit;
}
.ftpref_aux a:hover
{ /* This negates the parent class style */
  font-size: inherit;
  background-color: #D0FFD0;
}

/* Exteral Reference Links and descripive text */
.xref
{
  margin: 10px 100px 40px 80px;
  text-align: left;
  padding: 0 0 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #0000CD;
  /* TEMP - TESTING ONLY 
  border: 1px solid magenta;*/
}
.xref a
{
  margin: 0;
  padding 0 0 0 0; /* CSS ERROR */
  color: #0000CD;
  white-space: pre;
}
.xref p
{
  padding: 0 0 25px 25px;
  font-size: 18px;
  font-weight: normal;
}

/* Table of items in 'Just for Fun' page */
.funtable
{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.funtable tr { min-height: 600px; }
.funtable td
{
  min-width: 576px;
  padding-bottom: 20px;
  /* Border is for testing only 
  border: solid; border-width: 1px; border-color: #F0F8FF;*/
}
.funtable a{ text-decoration: none; }
.funtable a:hover { text-decoration: underline; font-size: 120%; }

/* Incidental External References */
.xreftext
{
  font-size: 20px;
  font-weight: bold;
  color: #0000CD;
}

/* Horizontal Section Division */
hr
{
  height: 5px; width: 80%; 
  color: #7B68EE; background-color: #7BA8EE; 
  text-align: center; border-style: solid;
}

.conbox
{
  margin-left:  auto;
  margin-right:  auto;
  margin-top: 0px;
  max-width: 670px;
  padding-right: 15px;
  padding-left: 15px;
  color:yellow;
  font-size: 18px;
  font-weight: bold;
  font-style: oblique;
  font-family: monospace;
  white-space: pre;
  background-color: #A52A2A;
  border: medium solid yellow;
  text-align: left;
}
.renovating
{
  margin: 0 auto 0 auto;
  max-width: 670px;
  padding: 0 10px 25px 10px;
  color:yellow;
  font-size: 24px;
  font-weight: bold;
  font-style: oblique;
  font-family: monospace;
  white-space: pre;
  background-color: #A52A2A;
  border: medium solid yellow;
  text-align: center;
}
.renovating a { color:#7B68EE; text-decoration:none; }

/* Footer area */
.pagefoot
{
  position: relative;
  bottom: 0;
  margin-left:  auto;
  margin-right:  auto;
/*  margin-top: 100px;*/
  margin-bottom: 15px;
  max-width: 1000px;
  padding: 10px 10px 10px 10px;
  border-top: 5px double;
  text-align: left;
  background-image: url("embedded/HTML5_Logo_64.png");
  background-repeat: no-repeat;
  background-position: right top 15px;
/*  white-space: pre;*/
}
.pagefoot_logo
{
  position: relative;
  right: 20px;
  margin: 0;
  padding: 0px 0px 0px 0px;
  max-width: 64px;
}

/* Style for site internal-links header */
.interlink
{
  position: relative;
  left: 0;
  margin-left:  auto;
  margin-right:  auto;
  /*       top right bottom left   */
  padding: 5px 10px 5px 10px;
  text-align: left;
  white-space: nowrap;
  overflow-x: hidden;
  font-size: 18px;
  font-weight: bold;
  background-color: #32CD32;
}

h1
{
  font-size: 36px;
  font-weight: bold;
  text-align: left;
  margin: 0 0 0 0;
  color: yellow;
}
h2
{
  font-size: 36px;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
h3
{
  font-size: 24px;
  font-weight: bold;
  font-style: oblique;
  margin: 0 0 10px 0;
}
h5
{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/* Basic Page Text and sub-text (move this to container <p> definition ?) */
.h3
{
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  margin: 0 0 10px 0;
}
.h3a
{
  font-weight: normal;
  font-style: oblique;
}
.h3b
{
  font-size: 22px;
  font-weight: normal;
  font-style: oblique;
}
.h3_logo
{
  background-repeat: no-repeat;
  background-position: top left 38%;
  background-size: auto 54%;
  background-image: url("SamLogo02y_494_501.png");
/*  <img src="SamLogo02y_494_501.png" title="SSL Title" height="200" alt="Software Sam Logo"/>*/
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  margin: 0 0 10px 0;
}
.h5
{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 3px 0;
  white-space: nowrap;
  overflow-x: hidden;
}

/* Monospace typeface, primarily for text within the <p> container. *
   but because everything else in inherited, may be used anywhere.  */
.p_mono
{
  font-family: monospace;
  font-size: 0.98em;
  white-space: pre;
}

.indent100
{
  padding-left:  100px;
  padding-right: 100px;
}
.indent250
{
  padding-left:  240px;
  padding-right: 210px;
}

/* Formatting for UL lists (based on styles in infodoc-stypes.css) */
.list-container
{
  font-family: inherit ;
  font-size: inherit;
  text-align: left;   
  font-size: 18px;
  margin: 0 0 7px 0;
}
ul.disc-bullet
{
  list-style-type: disc;
  list-style-position: outside;
}
ul.circle-bullet
{
  list-style-type: circle;
  list-style-position: outside;
}
ul.square-bullet
{
  list-style-type: square;
  list-style-position: outside;
}

/* Container for links to forums and email access */
.postoffice_box
{
  margin-left:  0;
  margin-right: 0;
  margin-top: 20px;
  max-width: 1170px;
  padding: 0 35px 0 35px;
  text-align: left;
}
form#postoffice legend
{
  font-size: 20px;
  font-weight: bold;
  margin: 12px 0 12px 0;
}
form#postoffice label
{
  font-weight: bold;
}