body {
  /*background-color:      LightBlue ; /*rgb(48,128,0);*/
  background-color:      rgb(239,245,251);  /* #EFF5FB */
  font-family: verdana, arial;
  font-size: 0.8em;
}


#viewport {
  /*background-color:      LightSkyBlue ; /*rgb(48,128,0);*/
  background-color:      rgb(239,245,251);
  color: black;
  padding: 0 1em 0 1em;
  margin: 0;
/*
  background-image:      url('Images/Logo_BW_bgr_alpha128.png');
  background-repeat:     no-repeat;
  background-position:   center;
  background-attachment: fixed;
*/
}

p.site_copyright {
  clear: both;
  background-repeat: no-repeat;
  border-top: 1px solid gray;
  text-align: center;
  font-size:  small;
  color:      gray;
  position: relative;
  padding-top: 1em;
  font-size: 9px;
}


div.site_main {
  /*background-color: lightyellow;*/
  padding: 0.5em 1em 0.5em 1em;
  margin-left: 200px;
  text-align: justify;
}

div.leftside {
  float: left;
  background-image: url('Images/HGradient_RL.gif');
  background-repeat: repeat-y;
  background-position: 0 0;
  width: 200px;
  height: 120%;
}

div.rightside {
  float: right;
  background-image: url('Images/HGradient_LR.gif');
  background-repeat: repeat-y;
  width: 10%;
  height: 100%;
}

p.maintext {
  font-family: verdana, arial;
  font-size: 12px;
}

/* ========== blocks ========== */
div.outlined_main_text {
  border: 2px solid #808080; /* gray */
  padding: 8px;
  background-color: #E0FFFF; /* lightcyan */
  padding: 1em 20px 1em 20px;

  /* Do rounding (native in Firefox and Safari) */
  /* Once displayed, block won't resize under IE
   -webkit-border-radius: 20px;
  -moz-border-radius: 20px;*/
}

div.outlined {
  border: 2px solid gray;
  padding: 0 20px 0 20px;

  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

span.dropcap {
}

.subtitle_1 {
  font-weight: bold;
  /*positon: relative;*/
  /*top: -2em;*/
  text-align: left;
  margin: 2em 0 0 0;
  padding: 4px;
  border-style: solid;
  border-width: 1px;
  background-color: lightgreen;
  border-color: lightgreen green green lightgreen;
}

table.tbl_with_header {
  font-family: verdana, arial;
  font-size: 12px;
}

table.tbl_with_header th {
  background-color: lightblue;
  border: 1px solid black;
}

table.tbl_with_header td {
  text-align: left;
  vertical-align: top;
  padding: 0.5em 1em .5em 1em;
  border-right: 1.5px solid darkgray;
  border-bottom: 2px solid darkgray;
  background-color: lightcyan;
}

.tbl_regular table {
  font-family: verdana, arial;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
}

code {
 color: darkblue;
 /*background-color: lightyellow;*/
}

pre {
 color: darkblue;
 /*background-color: lightyellow;*/
}

/* ========== footnotes ========== */
#content span.footnote {
  color: #f30;
}

#content a.footnote {
  vertical-align: super;
  font-size: 0.7em;
}

#footnotes {
  border-top: 1px solid #ccc;
  margin: 20px 0 20px 0;
  padding: 0.5em 1em 0.5em 1em;
  background-color: lightgray;
}

#footnotes div.footnote {
  margin: 0 0 5px 0;
  font-size: 0.8em;
}

/* ========== Sales pitch on the main page ============ */
#Sales_Pitch {
 color:       DarkViolet;
 font-size:   20px;
 font-weight: bold;
 text-align:  center;
 font-style:  italic;
 text-shadow: indigo 1px 1px 0px;
}

/* ========== Features list on the index page ========== */
#FeatureList_Short_title {
  color: #000066;
  font-size: 140%;
  margin-bottom: -0.3em;
}
#FeatureList_Short_tbl {
  vertical-align: top;
}

#FeatureList_Short_tbl td {
  vertical-align: top;
}

#FeatureList_Short_tbl img {
  padding: -2px 4px 0 20px;
}

#FeatureList_Short_tbl a:link,
#FeatureList_Short_tbl a:visited,
#FeatureList_Short_tbl a:link.active,
#FeatureList_Short_tbl a:visited.active
{
  display:block;
  text-decoration: none;
}

#FeatureList_Short_tbl a:hover {
  color: #CC0066;
  background-color: #CCCCFF;
}

#FeatureList_Short_t1 {
  display: block;
  background-color: #E0E0E0 /*#CCCCFF*/;
  padding: 4px;
  font-style: bold;
  font-size: 120%;
}

#FeatureList_Short_t2 {
  font-size: 80%;
  color: darkblue;
  padding-bottom: 1em;
  maring-top: -20px;
}

/* ========== Download page ========== */
#download {
  margin-top: 10px;
}


#download td {
  vertical-align: center;
  text-align: center;
  padding: 8px 12px 8px 12px;
}

#download_btn_txt {
  text-align: justify;
  color: #663300;
  font-style: bold;
  font-size: 80%;
  margin: -1em 2px 0 2px;
}

#download_btn_lnk {
  display: block;
  font-family: Arial;
  font-weight: bold;
  font-size: 120%;
  text-align:  center;
  border-style: solid;
  border-width: 1px;
  background-color: #FFCC33;
  border-color: Gold DarkGoldenrod DarkGoldenrod Gold;
  padding: 0.7em 2em 0.7em 2em;
  text-decoration: none;
  color: #663300;
  text-shadow: yellow 1px 1px 0;
}

#download_btn_lnk:hover {
  background-color: #33FF66;
  border-color: #33FF00 #339900 #339900 #33FF00;
  text-shadow: #339900 1px 1px 0;
}

/* ========== Temp, used by site designer ========== */
div.designer_comments {
  background-color: yellow;
  padding: 0.5em 1em 0.5em 1em;
  text-align: justify;
  display: block;
}