/* ============================================================== */
/* general settings for all areas of page                         */
/* ============================================================== */
pre { 
  font-family: monospace; 
}

body {
  border-style: none; 
  font-family: Verdana,Arial,Helvitica,sans-serif;
  color:#333333;
  /*direction:rtl;*/
  scrollbar-base-color: #2E3B43; /*#1A2024; */
  scrollbar-arrow-color: orange;
  scrollbar-DarkShadow-Color: #2E3B43; /*#1A2024; */
}

h1, h2, h3, h4, h5, p, ul, ol, dl, a, tbody, caption {
  font-family: Verdana,Arial,Helvitica,sans-serif;
}
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* background colors                                              */
/* ============================================================== */
         /* Alternate background colors   */
         /* light blue rgb(156, 207, 255) */
         /* tan rgb(254, 228, 182)        */
         /* light tan rgb(250, 239, 196)  */

body.masthead, body.toc, body.errorpage {
  background: #2E3B43; /* #1A2024;*/
}

.background {
  background: #1A2024;
}

/* mid blue rgb(188, 232, 255) */
/* light blue rgb(211, 239, 254) */
.backcolor {
  background: rgb(211, 239, 254);
}
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* margins and indents                                            */
/* ============================================================== */
body.masthead {
  margin-left: 0;
  margin-right: 0; 
  margin-top: 0px;
  margin-bottom: 0;
}

body.toc {
  margin-left: 10px; /*5%; */
  margin-right: 10px; /*5%; */
}

body.footer {
  margin-left: 0;
  margin-right: 0; 
  margin-top: 0;
  margin-bottom: 1px;
  background: #000000;
}

body.mainbody, body.errorpage { 
  margin-left: 8%; 
  margin-right: 7%; 
}

h1 { 
  margin-left: -6%;
}

h2, h3 { 
  margin-left: -4%; 
}

h4, h5, h6 { 
  margin-left: -2%; 
}

ul {
  margin-top: 0px;
}

body.toc p {
  text-indent: -9%; 
  margin-top: 0; 
  margin-bottom: 0;
}

/* use this to undo the standard margins inside a body element */
/* note, small left margin to account for frame border         */
.fullwidth {
  margin-left: -6%;
  margin-right: -5%;
}

.fullwidth h1, .fullwidth h2, .fullwidth h3, .fullwidth h4, .fullwidth h5, .fullwidth h6 {
  margin-left: 0;
  margin-right: 0;
}
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* font colors                                                    */
/* ============================================================== */
body.toc {
  color: white;
}

body.toc, body.footer {
  color: navy;
}

body.masthead {
  color: rgb(0, 102, 0);
}

h1, h2, h3, h4, h5, h6, caption {
  color: navy;
}

.headcolor {
  color: navy;
}

label, .submit, .labeltext {
  color: navy;
}

label.pagenav {
  color: rgb(204, 0, 0);
}
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* font size                                                      */
/* ============================================================== */
body.toc p, body.toc ul, body.toc ol, body.toc dl {
  font-size: 83%;
}

body.footer p, body.footer ul, body.footer ol, body.footer dl, body.footer tbody {
  font-size: 55%;
}

p, ol, ul, dl, tbody {
  font-size: 83%;
}

p.pagenav {
  font-size: 83%
}

label.pagenav {
  font-size: 83%
}

/* don't double reduce the font size inside a table */
tbody p, tbody ol, tbody ul, tbody dl {
  font-size: 100%;
}

.smallfont {
  font-size: 78%;
}
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* link behavior on the table of contents frame                   */
/* ============================================================== */
/*body.toc a:link {
  color: white;
  font-size: 8pt;
  font-weight:bold;
}

body.toc a:visited {
  color: white;
}

body.toc a:active { 
  color: navy;
}

body.toc a:hover { 
  color: black;
  background: #FFCC66;
}
*/

/* Note: these must be context sensitive or the styles above will override them */
/*body.toc a.toc:link {
  color: white;
  text-decoration: none; 
}

body.toc a.toc:visited {
  color: white;
  text-decoration: none; 
}

body.toc a.toc:hover { 
  color: black;
  background: #FFCC66;
  text-decoration: underline;
}

body.toc a.toc:active { 
  color: navy;
  background: #FFFFCC;
  text-decoration: none;
}

body.toc a.tocmem:link {
  color: white;
  font-style: italic;
  font-weight: 500;
  text-decoration: none; 
}

body.toc a.tocmem:visited {
  color: white;
  font-style: italic;
  font-weight: 500;
  text-decoration: none; 
}

body.toc a.tocmem:hover { 
  color: navy;
  font-style: italic;
  font-weight: 500;
  background: #CCFFFF;
  text-decoration: underline;
}

body.toc a.tocmem:active { 
  color: navy;
  font-style: italic;
  font-weight: 500;
  background: #FFFFCC;
  text-decoration: none;
}*/
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* link behavior on main pages                                    */
/* ============================================================== */
/* links that reference a point on the same page               */
/* Note, these will not be visible in print style - this style */
/* should only be used for navigation links like a table of    */
/* contents. See also p.onpage.                                */
/*
a.onpage:link {
  color: navy;
}

a.onpage:visited {
  color: navy;
}

a.onpage:hover { 
  color: navy;
  background: rgb(211, 239, 254);
}

a.onpage:active { 
  color: rgb(204, 0, 0);
}
*/
/* links that reference a point on the same page               */
/* Note, these will not be visible in print style - this style */
/* should only be used for navigation links like "return to    */
/* top". See also p.pagenav                                    */
/*
a.pagenav:link {
  color: rgb(204, 0, 0);
  font-style: italic;
}

a.pagenav:visited {
  color: rgb(204, 0, 0);
  font-style: italic;
}

a.pagenav:hover { 
  color: rgb(204, 0, 0);
  font-style: italic;
  background: rgb(211, 239, 254);
}

a.pagenav:active { 
  color: rgb(204, 0, 0);
  font-style: italic;
}
*/
/* links that reference another point within the 997 web site */
/* Note: these will be visible in print style                 */
/*
a.insite:link {
  color: navy;
}

a.insite:visited {
  color: navy;
}

a.insite:hover { 
  color: navy;
  background: rgb(211, 239, 254);
}

a.insite:active { 
  color: rgb(204, 0, 0);
}
*/
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* default table style                                            */
/* ============================================================== */
/*table {
  border-color: navy;
  border-style: outset; 
  border-collapse: separate;
  border-width: 1px;
  text-align: left;
}


caption {
  font-style: italic;
  font-weight: bold;
  padding-bottom: 3px;
}

td {
  border-style: inset; 
  border-color: grey;
  border-width: 1px;
}

th {
  border-style: inset; 
  border-color: grey;
  border-width: 1px;
}
*/

/* use this style on a table to turn off all frames and rules; */
/* you don't need anything on the th/td's, they will take care */
/* of themselves                                               */
.noborder {
  border-width: 0px;
}
table.noborder td, table.noborder th {
  border-width: 0px;
}

/* use this style on a table to get a frame but no rules; you  */
/* don't need anything on the th/td's, they will take dare of  */
/* themselves                                                  */
table.norules td, table.norules th {
  border-width: 0px;
}

/* use this style on a table to get rules but no frame; you    */
/* don't need anything on the th/td's, they will take care  of */
/* themselves                                                  */
table.noframe {
  border-width: 0px;
}
/*table.noframe td, table.noframe th {
  border-color: navy;
}*/

/* use this style on a table to get a frame and rules on the   */
/* rows only; you don't need anything on the th/td's, they     */
/* will take care of themselves                                */
table.rowrules td, table.rowrules th {
  border-width: 1px 0px 1px 0px;
}

/* hack to turn borders off on weather.com widget */
div.weatherbox table, div.weatherbox td, div.weatherbox th {
  border-width: 0px;
}

/* ============================================================== */
/* ============================================================== */


/* ============================================================== */
/* form elements                                                  */
/* ============================================================== */

label, .labeltext {
  font-weight: 500;
}

.inputtext {
  border-color: navy;
  border-style: solid;
  border-width: 1px;
  background: rgb(235, 248, 255);
}

.submit {
  font-weight: bold;
}

/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* misc custom elements                                           */
/* ============================================================== */
div.errorbox {
  padding: 3px; 
  color: red; 
  font-weight: bold;
  border: 1px dashed red;
}

.errortext {
  color: red;
  font-weight: bold;
}

input.checkbox_pagenav {
  width: 1em; 
  height: 1em;
}

label.pagenav {
  font-style: italic;
}

.transparent {
  border: none;
  padding: 0;
}

/* horizontal rule in table of contents frame */
hr.thin {
  height: 1px;
}

hr.normal {
}

hr.thick {
  height: 6px; 
  border-top: 3px; 
  border-bottom: 3px;
}

hr.tocdivide {
  margin-left: -6%;
  text-align: left;
  height: 2px;
  width: 96%;
  border-top: 1px inset navy;
}

/* use this for an object that should not be visible in print style */
.noprint {
}

h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

/* paragraph in front of a list where no vertical space between paragraph and list is desired */
p.listleader {
  margin-bottom: 0;
}

/* simple list - like an unordered list but with no bullet marker */
p.simple-list {
  margin-bottom:0; 
  margin-top:0; 
  margin-left: 1em; 
  text-indent: -1em;
}

/* use to enclose an a.onpage - will not be visible in print style */
p.onpage {
  text-align: center;
}

/* use to enclose an a.pagenav - will not be visible in print style */
p.pagenav {
  text-align: right;
}

/* list item with no bullet marker */
li.nomarker {
  list-style: none;
}

dt.spaced {
  margin-top: 0.5em;
}

.keeptogether {
  margin-top: 2px; 
  margin-bottom: 2px;
}

.smallfont {
  font-size: 85%;
}

.italicbold, .bolditalic {
  font-style: italic; 
  font-weight: bold;
}

.italic {
  font-style: italic; 
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.smallcaps {
  font-variant: small-caps;
}

.hilitecolor {
  color: darkviolet;
}

/* right aligned text */
.right {
  text-align: right;
}

/* center aligned text */
.center {
  text-align: center;
}

/* left and right indented */
.inset {
  margin-left: 20%;
  margin-right: 20%;
}
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* Plans calendar upcoming events list elements                   */
/* ============================================================== */

div.upcoming_events_menu {
}

div.upcoming_events_list {
  border: 2px navy solid; 
  padding: 2px;
}

dt.upcoming_events_list {
  color: navy;
}

dd.upcoming_events_list {
  margin-left: 1.5em;
}

/* ============================================================== */
/* ============================================================== */