@charset "utf-8";

/*
 * senanghati.css - master style sheet for SenangHati.org
 *
 */

/*
 * init.css
 *
 * common initialization
 *
 */

/* anchor settings; underline on hover/focus only */

a:link, a:visited, a:active { text-decoration: none;      }
a:hover, a:focus            { text-decoration: underline; }

/* normalizes - to be expanded; and need to add specific list rules, for example, first
body, ul, li, h1, h2, h3, p
{
 margin: 0;
 padding: 0;
}
ul
{
 list-style-type: none;
}
 */
table
{
 border-spacing: 0 0; /* table[cellspacing="0"] */
}
img
{
 border: 0;
}
tt
{
 font-family: "Courier New", Courier, monospace;
 color: #d00;
 font-weight: bold;
}
/* ---- */
/*
 * screen.css
 *
 * screen-only rules - tbd
 *
 */
@media screen
{

 *.printonly
 {
  display: none;
 }

 /*
  * todo:
  *
  * ...
  *
  */
}
/* ---- */
/*
 * util.css
 *
 */

/* emulate center */
/* centered is a non-cascading version */
.center,
.centered
{
 width: 100%;    /* 100% can cause grief! */
 text-align: center !important;
}
/* nb: heavy impact */
*.center *
{
 margin-left: auto;
 margin-right: auto;
}
/* lite-impact version */
.centre
{
 text-align: center !important;
}

.small-caps { font-variant: small-caps; }
.capitalize { text-transform: capitalize; }
.uppercase  { text-transform: uppercase; }
.lowercase  { text-transform: lowercase; }
.smaller    { font-size: smaller !important; }
.larger     { font-size: larger !important; }

/* before you know it, someone will lose an eye... */
.blinking
{
 text-decoration: blink; /* only works in Firefox; be careful out there */
}

.ClearBoth  { clear: both;  }
.ClearLeft  { clear: left;  }
.ClearRight { clear: right; }
.ClearNone  { clear: none;  }
/* ---- */
/*
 * boxes.css
 *
 */

/*
 * floaters
 *
 * use div form only between paragraphs; embed a paragraph for a caption
 * use imgFloatLeft/Right form for images embedded in paragraphs (or between'em)
 *
 */

div.divFloatLeft,
img.imgFloatLeft
{
 clear: left;
 float: left;
 margin-left: 0;
 margin-right: 24px;
}

div.divFloatRight,
img.imgFloatRight
{
 clear: right;
 float: right;
 margin-left: 24px;
 margin-right: 0;
}

div.divFloatLeft,
div.divFloatRight,
img.imgFloatLeft,
img.imgFloatRight
{
 margin-top: 3px;
 margin-bottom: 6px;
 padding: 0px;
}

/* automagic borders */
div.divFloatLeft img,
div.divFloatRight img,
img.imgFloatLeft,
img.imgFloatRight
{
 border-width: 1px 2px 2px 1px;    /* t r b l */
 border-top-style: solid;
 border-left-style: solid;
 border-bottom-style: groove;
 border-right-style: groove;
 border-color: #999;
}

/* caption-behavior for p-element */
div.divFloatLeft p,
div.divFloatRight p,
p.pImgCaption
{
/* margin: auto; */
 color: #00496b;
 font-size: 9pt;
 margin: .2em 0 .2em 0 !important;
 line-height: 1.2em;
 text-align: left !important;
}

/*
 * element-specific clear utils; done to ensure override of clears in #IDs
 *
 */
div.ClearBoth,
img.ClearBoth
{
 clear: both;
}
div.ClearLeft,
img.ClearLeft
{
 clear: left;
}
div.ClearRight,
img.ClearRight
{
 clear: right;
}
div.ClearNone,
img.ClearNone
{
 clear: none;
}

/*
 * floating box; use between paragraphs; nb: can squabble with other floaters
 *
 */

div.divSidebar
{
 font-size: 9pt;
 line-height: 1.3em;
 background-color: #ccf !important;
 margin-top: 3px;
 border-width: 1px 2px 2px 1px;
 border-top-style: solid;
 border-left-style: solid;
/* only looks good on very light backgrounds */
 border-bottom-style: groove;
 border-right-style: groove;
 border-color: #ccc;
 padding: 6px;
}
div.divSidebar dl      /* overrides */
{
 margin: 0;
}
div.divSidebar dt
{
}
div.divSidebar dd
{
 margin-left: 0.5em;
}
/* need p-element rules for sidebar; others... */
/* ---- */
/*
 * main.css - style sheet for SenangHati.org
 *
 */

/*
 * Elements
 *
 */

html,
body
{
 margin: 0;
/* defeats client wnd bevel in IE
 border: 0;
 */
 padding: 0;
}
body
{
/* this messes-up the cursor: pointer; for links on Safari - too bad
 cursor: default;
 */
 color: Black;
}

p.pDouble
{
 line-height: 1.5em;
}
p.pIndent1st
{
 text-indent: 1em; /* 1st line */
}

a.Person, span.Person
{
 font-style: italic;
}
a.aFaux,
a.aFaux:hover
{
 cursor: default;
 text-decoration: none;
}
a.aNakal
{
 display: none;
}

.iGroove  /* style for images with borders; standard border */
/*.iLink*/ /* an image link class; goes in the img tag; not to be confused with Firewire */
{
 padding: 0;
 border-style: solid;
 border-color: #999;
 border-width: 1px 2px 2px 1px;    /* t r b l */
 border-bottom-style: groove;
 border-right-style:  groove;
}
.iLink:hover /* with a twist */
{
 border-color: #930;   /* very subtle and only works in Firefox */
}

.i0 /* style for images; no border */
{
 border: none !important; /* important rqrd to override structural-locale rules */
}
.i1 /* style for images; plain single pixel-width black border */
{
 padding: 0;
 border-width: 1px;
 border-style: solid;
 border-color: Black;
}

body, table, div
{
 font-size: 11pt;
 font-weight: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.ParaLead /* paragraph leader - a few words in bold (or blue...) */
{
 font-weight: bold; /* probably best if this tracks closely w/h3.Generic */
}

tt /* for notes 'to-do' */
{
 color: #d00;
 font-weight: bold;
}
tt,
.suppressible    /* other stuff that needs to be made to go away */
{
/* un-comment-out to hide notes-to-self
 */
 display: none;
}

ul
{
 line-height: 1.3em;
 list-style-type: disc;
 list-style-image: none;
 margin: .3em 0 0 1.5em;     /* t r b l */
 padding: 0;
}
ol
{
 line-height: 1.3em;
 list-style-type: decimal;
 margin: .3em 0 0 2.2em;     /* t r b l */
 padding: 0;
}
p.em,
ul.em,
ol.em
{
 font-style: italic;
}
li
{
 margin-bottom: .3em;
}

dl
{
 margin-top: .2em;
 margin-bottom: .5em;
}
dt
{
 font-weight: bold;
 margin-bottom: .1em;
}
dd
{
 line-height: 1.3em;
 margin-left: 2em;
 margin-bottom: .1em;
}
/* ---- */
/*
 * structural.css - style sheet for SenangHati.org
 *
 */

/*
 * global: center body-element in the html-element; moot if body fills viewport
 */
html
{
 text-align: center;   /* cascades! - must terminate */
/* height: 100%;  yup, but Firefox only... messes-up body t/b padding (so don't use technique) */
}
body
{
 text-align: left;     /* end cascade from html-element! */
}

body#senanghati-org
{
 padding-top: 12px;          /* simple way of floating page from top and bottom of viewport */
 padding-bottom: 12px;
 background-color: #ddd;     /* a light gray - uttermost background */
}
/* - - - - - - - - - - - - - - - - - -
 *
 * an overall width of 760px fits us into 800x600 mode w/room for a v-scrollbar
 * 760 - 3px of div#divContainer black borders leaves 757
 */

div#divContainer
{
 width: 760px;         /* master width specification */
 height: 100%;   /* expando */
 margin-top: 0;
 margin-bottom: 0;
 margin-left: auto;    /* these effect centering */
 margin-right: auto;
/*
 margin: 0; do *not* do this; defeats centering in modern browsers
 */
 border-width: 1px 2px 2px 1px;    /* t r b l */
/* only looks good on very light backgrounds */
 border-style: solid groove groove solid;
 border-color: Black;
 padding: 0;
 position: relative;
 top: 0px;
 left: 0px;
 z-index: 5;
}

div#divContainer,
body#senanghati-org-popup,
div.divFloatLeft,      /* in case an h2.ul tries to go under captions in Gecko browsers */
div.divFloatRight
{
 background-color: #ececfc;
}
table#tblPopUpWnd
{
 margin-top: 0;
 margin-bottom: 0;
 margin-left: auto;    /* these effect centering */
 margin-right: auto;
 padding-top: 1em;
}
table#tblPopUpWnd img
{
 border-width: 1px 2px 2px 1px;    /* t r b l */
/* only looks good on very light backgrounds */
 border-style: solid groove groove solid;
 border-color: #999;
}
table#tblPopUpFooter
{
 font-size: 9pt;
 border: 0;
 width: 100%;
 padding-top: .5em;
 padding-bottom: .5em;
}
table#tblPopUpFooter a
{
 display: block;
 padding-top: 8px;
 padding-bottom: 8px;
 height: 100%;
}
table#tblPopUpFooter a:hover
{
}

/*
 * W3C Validation icons; positioned relative to browser viewport
 */
div#divW3Cbugs
{
 position: absolute;
 top: 5px;
 right: 5px;
 z-index: 100;
}
div#divW3Cbugs p
{
 margin: .4em 0 .5em 0;
 line-height: 1.3em;
}
div#divW3Cbugs img
{
 border: 0;
}

/*
 * part of object in lieu of iframe experiment:
 */
   object#objMasthead,
   object.objMasthead
   {
    width: 100%;
    height: 190px;
    margin: 0;
    border: 0;
    padding: 0;
   }

body#bodyMasthead   /* body inside iframe */
{
 overflow: hidden;
}
iframe#frmMasthead
{
 width: 100%;
 margin: 0;
 border: 0;
 padding: 0;
}
body#bodyMasthead   /* body inside iframe */
{
 border: 0;
 background-color: #ececfc;  /* makes a line go away... */
 width: 100%;
 padding-top: 0px;     /* undo element style above */
 padding-bottom: 0px;
}
iframe#frmMasthead,
body#bodyMasthead
{
 height: 190px;  /* height of the background */
}
div#divMastheadContent
{
 width: 760px;
 height: 189px;  /* 1 less for border-top */
 background-image: url(images/masthead.jpeg);
 border-bottom: solid 1px Black;
}
/* these are overrides of prior rules...
 * (will need to robust-up if those rules get new selectiors)
 */
body#bodyMasthead h1
{
 position: absolute;
 left: 6px;
 top: 0px;
 color: #ececfc;
 font-size: 16pt;
 font-style: italic;
 letter-spacing: 1px;
 margin: 0 0 .75em 0;
 padding: 0;
 cursor: default;
}
body#bodyMasthead h2
{
 position: absolute;
 right: 6px;
 bottom: 2px;
 text-align: right;
 color: #ececfc;
 font-size: 14pt;
 font-style: italic;
 margin: 0;
 padding: 0;
 cursor: default;
}

div#divContentArea
{
 width: 100%;
/*
 padding-top: 12px;
 padding-left: 24px;
 padding-right: 24px;
 padding-bottom: 12px;
 */
}

/* divContainingBlock is for establishing a new containing block
 * that contained elements can be positioned in 'absolutely'.
 */
div.divContainingBlock
{
 position: relative;
 top: 0px;
 left: 0px;
 height: 100%;   /* expando */
}

/* divContentArea appears just after iframe#frmMasthead;
 * sole purpose is to establish a new 'containing block' that contained,
 * absolutely positioned, div-elements are positioned relative to.
 * Without this, the origin would be the top-left of the whole browser window
 */
div#divContentArea
{
 position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}

/* in a page's html, div-elements such as div#divDFly
 * *must* appear between div#divContentArea and div#divContentAreaInterior
 * this causes them to be positioned relative to the content area
 */
   div#divDFly
   {
    position: absolute;
    top: 220px;
    left: -135px;
    z-index: -1;
    padding: 0;
    border: 0;
   }

/* in a page's html, div-elements such as div#divFlag
 * *must* appear between div#divContentArea and div#divContentAreaPadding
 * this causes them to be positioned relative to the content area
 */
   div#divFlag
   {
    position: absolute;
    top: 8px;
    right: -8px;    /* violates page boundary */
    z-index: 20;
    padding: 0;
    border: 0;
   }
   div#divFlag img
   {
    border: solid 1px #333;
   }

/* divContentAreaPadding appears inside divContentArea;
 * but *after* whatever absolutely positioned elements!
 * sole purpose is to move padding out of (former) tdContentArea
 * which is required to ensure consistent behavior on IE6
 */
div#divContentAreaPadding
{
 padding-top: 18px;
 padding-left: 24px;
 padding-right: 24px;
 padding-bottom: 12px;
}
div#divContentAreaInterior
{
 width: 100%;
 height: 100%;
 overflow: visible; /* fixes the IE-italics issue */
}

div#divContentArea h1
{
 cursor: default;
 color: #b6251e;
 font-size: 16pt;
 font-style: italic;
 letter-spacing: 1px;
 margin: 0 0 .75em 0;
}

div#divContentArea h2,
div#divContentArea p.pHeavy
{
 font-size: 14pt;
/* line-height: 1.3em; */
}
div#divContentArea h2
{
 cursor: default;
 color: #1e50b5;
 font-size: 14pt;
 margin: 1em 0 .5em 0;
}
div#divContentArea h3
{
 cursor: default;
 color: Black;
 font-size: 12pt;
 margin: .75em 0 .25em 0;
}
/* pseudo-attribute */
div#divContentArea h1.Underline,
div#divContentArea h2.Underline,
div#divContentArea h3.Underline
{
 padding-bottom: 2px;
 border-bottom: solid 1px #ccc;
}

/* was simple-'p' rule */
div#divContentArea p
{
 margin: .4em 0 .5em 0;
 line-height: 1.3em;
 text-align: justify;
}
div#divContentArea p.pPunched
{
 color: #b6251e;
/* font-size: 11pt; */
 font-style: italic;
/* line-height: 1.1em;    not quite the 1.3em used above... */
}


/* all links in content area get this color; (popups, too)
 * other behaviour from global rules
 */
div#divContentArea a,
div#divSiteInfo a,
table#tblPopUpWnd a
{
 color: #2f41c4;
}

/*
 * Site Info; domain and copyright
 */

div#divSiteInfo
{
 clear: both;
 margin: 0;
 border: 0;
 padding: 0;
 font-size: .75em;
 color: #21536a;
 background-color: #dedefc;
}
div#divSiteInfo,
div#divSiteInfo h1,
div#divSiteInfo h2
{
/*
 * height required to contain floats - line-height matches to vertical-align 'em center
 */
 height:      2.5em;
 line-height: 2.5em;
}
div#divSiteInfo h1,
div#divSiteInfo h2
{
 margin: 0;
 padding: 0;
 font-size: 1em;
}
div#divSiteInfo h2
{
 float: left;
}
div#divSiteInfo h1
{
 float: right;
 cursor: default;
 padding-right: 24px;
}
div#divSiteInfo h2 a
{
 float: left; /* hack for IE6 */
 display: block;
 height: 100%;
 padding-left: 24px;
 padding-right: 24px;
/*
 color: #fc0;
 */
}
div#divSiteInfo h2 a:hover
{
/*
 color: #ff3;
 */
}
/* ---- */
/*
 * nav.css
 *
 */

div.divNavBox
{
 margin-top: 4px;
 margin-bottom: 12px;
 padding: 0;
 border-style: solid;
 border-bottom-style: groove;
 border-right-style:  groove;
 border-color: #ccc;
 border-width: 1px 2px 2px 1px;
 background-color: #dedefc;
}

   div.divNavBox table    /* table could be omitted except for IE... - just div full of links */
   {
    font-size: 11pt;      /* here, not div, because table elements have a default (larger, normal) */
    font-weight: bold;
    text-align: left;
   }
   div.divNavBox table.smaller
   {
    font-size: 10pt !important; /* small-variant */
   }
   div.divNavBox table td
   {
    vertical-align: baseline;   /* for old Mozilla and Firefox on Linux */
   }

/* nb: !important rqrd to override structural-local rule! (colours, at the moment)*/
div.divNavBox a:link,
div.divNavBox a:visited,
div.divNavBox a:active, /* LoVe/HAte issue? */
div.divNavBox a:focus
{
 color: #21536a !important;
}
div.divNavBox a
{
 display: block;
 padding: 3px 10px 3px 10px;
 text-decoration: none;
 background-color: #dedefc;
 border-top: 1px solid #dedefc;
 border-bottom: 1px solid #dedefc;
 height: 100%;
}
div.divNavBox a:hover
{
 background-color: #def;
 border-top-color: #ccc;
 border-bottom-color: #ccc;
 color: #b6251e !important;
 text-decoration: none;
}
div.divNavBox a.aActive,
div.divNavBox a.aActive:hover
{
 color: #b6251e !important;
 text-decoration: none;
 background-color: #ececfc;
 border-top-color: #ccc;
 border-bottom-color: #ccc;
 cursor: default;
}

div.divNavBox
{
 font-size: 11pt;
 font-weight: bold;
}
div.divNavBox ul.smaller
{
 font-size: 10pt !important; /* small-variant */
}
div.divNavBox ul
{
/*
 position: relative;
 */
 list-style-type: none;
 margin: 0;
 border: 0;
 padding: 0;
}

div.divNavBox ul li
{
/*
 clear: left;
 float: left;
 */
 margin: 0;
 padding: 0;
}




/* ul test */

ul.ulNavBox
{
 clear: right;
 float: right;
 margin-left: 24px;
 margin-right: 0;

    /* these were from divFloatRight; overridden below
    margin-top: 3px;
    margin-bottom: 6px;
    padding: 0px; */

 margin-top: 4px;
 margin-bottom: 12px;
 padding: 0;
 border-style: solid;
 border-bottom-style: groove;
 border-right-style:  groove;
 border-color: #ccc;
 border-width: 1px 2px 2px 1px;
 background-color: #dedefc;
}

/* nb: !important rqrd to override structural-local rule! (colours, at the moment)*/
ul.ulNavBox a:link,
ul.ulNavBox a:visited,
ul.ulNavBox a:active, /* LoVe/HAte issue? */
ul.ulNavBox a:focus
{
 color: #21536a !important;
}
ul.ulNavBox a
{
 display: block;
 padding: 3px 10px 3px 10px;
 text-decoration: none;
 background-color: #dedefc;
 border-top: 1px solid #dedefc;
 border-bottom: 1px solid #dedefc;
 height: 100%;
}
ul.ulNavBox a:hover
{
 background-color: #def;
 border-top-color: #ccc;
 border-bottom-color: #ccc;
 color: #b6251e !important;
 text-decoration: none;
}
ul.ulNavBox a.aActive,
ul.ulNavBox a.aActive:hover
{
 color: #b6251e !important;
 text-decoration: none;
 background-color: #ececfc;
 border-top-color: #ccc;
 border-bottom-color: #ccc;
 cursor: default;
}

ul.ulNavBox
{
 font-size: 11pt;
 font-weight: bold;
}
ul.ulNavBox.smaller
{
 font-size: 10pt !important; /* small-variant */
}
ul.ulNavBox
{
/*
 position: relative;
 */
 list-style-type: none;
/* margin: 0;
 border: 0;*/
 padding: 0;
}

ul.ulNavBox li
{
/*
 clear: left;
 float: left;
 */
 margin: 0;
 padding: 0;
}

/* ul test end */




table.tblNavBar
{
 clear: both;
 width: 100%;
 margin: 0;
 border: 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 padding: 0;
 background-color: #dedefc;
}
table.tblNavBar td
{
 text-align: center;
 vertical-align: baseline;   /* for old Mozilla and Firefox on Linux */
}
/* used instead of l/r borders so 1st && last items do not *have* borders on their outboard sides */
table.tblNavBar td.tdNavBarVLine
{
 background-color: #ccc;
 width: 1px !important;
}

/* nb: colours not (yet) tagged !important - tblNavBar outside structural-local rule area...*/
table.tblNavBar a
{
 display: block;
 color: #21536a; /* nb: override for active item below */
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
 padding: 5px 12px 5px 12px;
 height: 100%;
/* white-space: nowrap; */
}
table.tblNavBar a:hover
{
 color: #b6251e;
 background-color: #def;
 text-decoration: none;
}
table.tblNavBar a.aActive
{
 color: #b6251e;
 background-color: #ececfc;
 cursor: default;
}
table.tblNavBar a.aActive:hover
{
 color: #b6251e; /* override above a:hover rule; no change of color on hover for active item */
}




/* another ul test */

div.divNavBar
{
 clear: both;
 float: left;
 margin: 0;
 border: 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 padding: 0;
 font-size: .75em;
 background-color: #dedefc;
}
div.divNavBar
div.divNavBar ul,
div.divNavBar li
{
/*
 * height required to contain floats - line-height matches to vertical-align 'em center
 */
 height:      2.5em;
 line-height: 2.5em;
}
div.divNavBar ul
{
 float: left;
 width: 100%;
 margin: auto 0;
 padding: 0;
}
div.divNavBar li
{
 float: left;
 margin: auto 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
}
div.divNavBar ul li
{
 border-left: 1px solid #ccc;
}
div.divNavBar ul li:first-child
{
 border-left: none;
}

/* nb: colours not (yet) tagged !important - tblNavBar outside structural-local rule area...*/
div.divNavBar ul li a
{
 float: left;
 display: block;
 color: #21536a; /* nb: override for active item below */
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
 padding-left: 12px;
 padding-right: 12px;
/* white-space: nowrap; */
}
div.divNavBar ul li a:hover
{
 color: #b6251e;
 background-color: #def;
 text-decoration: none;
}
div.divNavBar ul li a.aActive
{
 color: #b6251e;
 background-color: #ececfc;
 cursor: default;
}
div.divNavBar ul li a.aActive:hover
{
 color: #b6251e; /* override above a:hover rule; no change of color on hover for active item */
}

/* ul test end */




/* "nav" to webmason */

div#divWebmason
{
 display: none;
 padding: 0;
 border-style: solid;
 border-width: 1px;
 border-top-color: #ccc;
 border-right-color: #666;
 border-bottom-color: #666;
 border-left-color: #ccc;
 position: absolute;
 top: 5px;
 right: 5px;
 z-index: 100;
}
div#divWebmason table  /* table could be omitted except for IE... - just div w/link in it */
{
 font-size: 10pt;      /* here, not div, because table elements have a default (larger) */
 font-weight: bold;
 line-height: 1.5em;
 text-align: center;
}
div#divWebmason table td
{
 vertical-align: baseline;   /* for old Mozilla and Firefox on Linux */
}

div#divWebmason a
{
 display: block;
 height: 100%;
 padding: 4px;
 color: #21536a;
 background-color: #dedefc;
 text-decoration: none;
}
div#divWebmason a:hover
{
 color: #b6251e;
 background-color: #def;
 text-decoration: none;
}
/* ---- */
/*
 * print.css
 *
 * overrides for printing - mostly we just make stuff go away
 *
 * messy; needs review, still!
 *
 */
@media print
{
 a
 {
  color: Black !important;
  font-weight: inherit;
  text-decoration: underline !important;
 }

 *.noprint,
 iframe#frmMasthead,
 body#bodyMasthead,
 div.divNavBox,
 table.tblNavBar,
 div#divSiteInfo,
 div#divW3Cbugs,
 div#divWebmason
 {
  display: none;
 }

 body,
 body#senanghati-org,
 div#divContainer
 {
  padding: 0;
  color: Black !important;
  background-color: White !important;
  height: auto;
 }

 div#divContentArea h1,
 div#divContentArea h2,
 div#divContentArea h3,
 div#divContentArea p.pPunched,
 div.divFloatLeft,
 div.divFloatRight,
 div.divSidebar,
 div.divFloatLeft p,
 div.divFloatRight p,
 p.pImgCaption
 {
  color: Black !important;
  background-color: White !important;
 }

 div#divContainer
 {
  width: auto;
  border: 0;
  padding: 0;
 }
 div#divContentAreaPadding
 {
  padding: 0;
 }
 div#divContainer,
 div.divContainingBlock,
 div#divContentArea
 {
  position: static;
  height: auto;
 }

 /*
  * todo:
  *
  */
}
/* ---- */

 /* just an IE test
   table
   {
    border: 1px dashed lime !important;
   }
   td, th
   {
    border: 1px dashed purple !important;
   }
   h1,h2,h3
   {
    border: 1px dashed green !important;
   }
   p
   {
    border: 1px dashed teal !important;
   }
 */