/* ECCO style sheet */
/* Page background color and other defaults */
body { background-color: #90f0ff ; background-image: url(img/bg_map.jpg);}
H1 {font: bold 18pt/20pt; font-family : sans-serif ; color: #0d6ca9; }
H2 {font: bold 16pt/18pt; font-family : sans-serif ; color: #0d6ca9; }
H3 {font: bold 14pt/16pt; font-family : sans-serif ; color: #0d6ca9; }
H4 {font: bold 14pt/12pt; font-family : sans-serif ; color: #0d6ca9; }
H5 {font: bold 12pt/12pt; font-family : sans-serif ; color: #0d6ca9; }
H6 {font: bold 10pt/12pt; font-family : sans-serif ; color: #0d6ca9; }
P  {font:      12pt/12pt; font-family : sans-serif ; color: #189393; }
li {font:      12pt/12pt; font-family : sans-serif ; color: #189393; }
A         { TEXT-DECORATION: none; FONT-WEIGHT: bold;   color:#0a4c76;}
A:active  { TEXT-DECORATION: none; FONT-WEIGHT: bold;   color:#ff5501; }
A:visited { TEXT-DECORATION: none; FONT-WEIGHT: bold;   color:#0a4c76; }
A:hover   { TEXT-DECORATION: none; FONT-WEIGHT: italic; color:#28a3f0; }

A.inv         { TEXT-DECORATION: none; FONT-WEIGHT: bold;   color:#ffffff;}
A.inv:active  { TEXT-DECORATION: none; FONT-WEIGHT: bold;   color:#ffffff; }
A.inv:visited { TEXT-DECORATION: none; FONT-WEIGHT: bold;   color:#f0f0f0; }
A.inv:hover   { TEXT-DECORATION: none; FONT-WEIGHT: italic; color:#d0d0d0; }

/* Special Fonts */
.BodyTitleFont { font-size: 36pt/38pt;     color: #ffffff }
.BodyTextFont  { font-size: normal; color: #0d6ca9 }
.GlossHeadFont { font-size: normal; color: #ffffff }
.GlossDefFont  { font-size: normal; color: #06324e }
.GlossEqunFont { font-size: normal; font-weight: italic; color: #0ab6ac }
.EssayEqunFont { font-size: 14; font-weight: italic; color: #000000 }
.FaqHeadFont   { font-size: 18; font-weight: italic; color: #06324e }
.FaqQFont      { font-size: 14; font-weight: italic; color: #0d6ca9 }
.FaqAFont      { font-size: 14; font-weight: italic; color: #28a3f0 }
.TreeNode      { font-size: 12; font-weight: bold  ; color: #0d4c89 }
.TreeLeaf      { font-size: 10; font-weight: normal; color: #0d6ca9 }

/* main box area enclosing elements */
div.box {  
  background: #ffffff; 
  margin-left: 2px;  
  margin-right: 2px;  
  margin-top: 2px;  
  margin-bottom: 0px;
  border: 1px solid black;  
  padding-bottom: 6px;  
  overflow: hidden; 
}

/* box title area, centred, dark bg w pale text */
div.box-title {
  background-color:#0d9cd9; 
  color: #e0e0e0;
  border-bottom: 1px solid black;
  font-family: sans-serif;  font-size: 13px;  font-weight: bold;
  overflow: hidden;
  text-align: center;
  padding-left: 4px;  padding-right: 4px;
  padding-top: 1px; padding-bottom: 1px;
  margin-bottom: 0px;
}

/* main data in a box */
div.box-data {
  overflow: hidden;
  background: #ffffff;
  padding-left: 2px;  padding-right: 2px;
  padding-top: 2px; padding-bottom: 2px;
  margin-left: 2px;  margin-right: 2px;
  font-family: sans-serif;  font-size: 11px;  color: #0d6ca9;
}

div.box-nav {
  overflow: hidden;
  background: #ffffff;
  padding-left: 1px;  padding-right: 0px;
  padding-top: 2px; padding-bottom: 2px;
  margin-left: 4px;  margin-right: 0px;
  font-family: sans-serif;  font-size: 11px;  color: #0d6ca9;
}

/* sub-compartment in a box data section */
div.box-subdata {
  overflow: hidden;
  background: #60e0ff;
  border: 1px solid #0d6ca9;  
  padding-bottom: 2px;  
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 5px;  margin-right: 5px;
  font-family: sans-serif;  font-size: 10px;  color: #0a4c89;
}

/* content area title, for breadcrumb trail */
div.content-title {
  background-color:#0d9cd9; 
  color: #ffffff;
  border: 1px solid #000000;
  font-family: sans-serif;  font-size: 15px;  font-weight: bold;
  overflow: hidden;
  text-align: right;
  padding-left: 2px;  padding-right: 4px;
  padding-top: 1px; padding-bottom: 1px;
  margin-bottom: 0px; margin-top: 0px;
  margin-left: 5px; margin-right: 5px;
}
/* content area footer, for timestamp */
div.content-footer {
  background-color:#0d9cd9; 
  color: #ffffff;
  border: 1px solid #0000000;
  font-family: sans-serif;  font-size: 9px; font-weight: bold;
  overflow: hidden;
  text-align: right;
  padding-left: 2px;  padding-right: 4px;
  padding-top: 1px; padding-bottom: 1px;
  margin-bottom: 0px; margin-top: 0px;
  margin-left: 5px; margin-right: 5px;
}
/* main content area div */
div.content {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #000000;  
  padding-bottom: 4px;  
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 5px;  margin-right: 5px;
  font-family: sans-serif;  font-size: 12px;  color: #0a4c89;
}

/* main content area div */
div.story {
  overflow: hidden;
  background: #f0f0d0;
  border: 1px solid #0d9cd9;  
  padding-bottom: 4px;  
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 2px;  margin-right: 2px;
  font-family: sans-serif;  font-size: 12px; font-weight: italic; color: #000000;
}