/* Glaivestone.com - Standard site stylesheet */

/* 
 * Page layout scheme: 
 * - top section: PageHeader - id banner above horizontal nav bar
 * - middle section: page body
 * - bottom section: PageFooter - bottom navbar (optional copy) + footer notices
 * Page color scheme:
 * - ....
 */

body {
  color: black;
  background: white;
  /*TBD: ??  */
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  /*TBD: background color and padding to get highlight bars on section titles */
}
div, p, th, td, li, ul, ol, dd, dl, dt {
  /*font-family: ???, serif;*/
}

div {
  margin: 0; padding: 0; border: 0;
}
img {
  border: 0;
}

table {
  margin: 0; padding: 0; border: 0;
}
td {
  vertical-align: top;
}

.layoutArea {
  width: 100%;
}

/* Standard text styles */
.errorText {
  color: red; font-weight: bold; font-style: normal;
}
.alertText, .warningText {
  color: red; font-weight: bold; font-style: italic; 
}
.explanationText {
  font-style: italic; 
  /*font-size: 10px;*/
}

.trademark {
  font-size: x-small;
  vertical-align: super;
}

/* vertical and horizontal nav areas */
.vnavbar {
  margin: 0;
  padding: 4px;
}
.vnavbar li, .vnavbar div {
  margin: 0;
  padding: 0 6px;
}
.vnavbar li.subtitle, .vnavbar div.subtitle {
  padding: 0 4px 0 0;
}
.vnavbar li {
  list-style: none;
  list-style-image: none;  
}
.hnavbar {
  margin: 0;
  padding: 0;
}
.hnavbar li {
  margin: 0;
  padding: 0 4px; 
  display: inline;
  list-style: none;
  list-style-image: none;
}
.vnavbar a, .hnavbar a {
  padding: 1px 4px;
  text-decoration: none;
  /*??font-weight: bold;*/
}
.vnavbar a:hover, .hnavbar a:hover {
  color: blue;
  background-color: white;  /*#d3d3d3*/
  text-decoration: underline;
}

/*========================= PAGE LAYOUT REGIONS ======================== */

#PageFrame {}

/*============================ HEADER, FOOTER, NAV AREAS =========================*/
 
#PageHeader {
  color: black;
  background: silver;  /*TBD: #d3d3d3 lightgray */
}
.noNavHeader {
  height: 60px; border-bottom: solid black thin;
}

#PageBanner {
  padding: 10px 20px;  
}
#HeaderLogo {
  float: left;
  width: 360px; height: 50px;
}
#PageBanner div, #PageBanner p {
  float: right;
  text-align: right;
  vertical-align: top;
}

#PageHeader .hnavbar {
  border-top: solid black thin;
  border-bottom: solid black thin; 
  text-align: center;
  clear: both;
}
#PageHeader .hnavbar {
  padding-top: 2px;
  padding-bottom: 4px;
}

#PageHeader .hnavbar li {
  padding: 0 2px;
}
#PageHeader .hnavbar a {
  color: black;
  font-weight: bold;
}
#PageHeader .hnavbar a:hover {
  color: blue;
  background-color: white;  /*#d3d3d3*/
  text-decoration: underline;
}
#PageHeader .hnavbar a.selected, #PageHeader .hnavbar a:hover.selected {
  color: white;
  background-color: gray;  /* lightgrey */
  text-decoration: none;
}


#PageBody {
  padding: 0 1.5em;
}


#PageFooter {
  margin-top: 1em;
  border-top: solid black 1px;
  padding: 4px 10px;
  text-align: center;
  font-style: italic;
  font-size: smaller;  
}
#PageFooter .copyright {
  float: left;
  padding-left: 0.5em;
  font-style: italic;
  font-size: small;
}
#PageFooter .pageDate {
  float: right;
  padding-right: 0.5em;
  font-style: italic;
  font-size: small;
}

/*========================= CONTENT ELEMENTS ======================== */

.infoTable {
  margin-left: 10px;
  border: 1px solid black;
}
.infoTable thead {
  background-color: #d3d3d3; /* lightgray */
}
.infoTable th {
  text-align: left;
}