/* two-column css 
   o black
   o blue h1-h4, header, footer
   o 1st letter 24px
   o wider than twocolumn3
*/
body{  background-color: #ffffff;
       color: #000000;
       margin: 0px;
       margin-bottom: 10px;
    }
h1    { letter-spacing: 0.1em; 
	margin: 0.5em 0 1em; 
	font-size: 150%;
	font-weight: bold;
        /* don't use, looks awful in Windows */
        /* font-variant:small-caps;*/
        font-family: Verdana, sans-serif;
      }
h2    { font-size: 140%;
        /*font-variant:small-caps;*/
        font-family: Verdana, sans-serif;
	padding: 0.6em; 
        background:#bac7c3;   
	border: 1px solid rgb(128, 128, 128); 
        line-height:1.05;
      }
h3    { font-size: 110%;
        background:#bac7c3;
        /*font-variant:small-caps;*/
	font-family: Verdana, sans-serif;
	padding: 0.2em; 
      }
h4    { font-size: 100%;
        font-family: Verdana, sans-serif;
        font-weight: bold;
      }
div.content-left h3 
{       border-top: 1px solid rgb(128, 128, 128);  
        border-bottom: 1px solid rgb(128, 128, 128);  
}
div.content-right h3 
{       border-top: 1px solid rgb(128, 128, 128);  
        border-bottom: 1px solid rgb(128, 128, 128);  
}

div.container
{    width: 95%;
     margin: 10px auto;
     background-color: #fff;
     line-height: 100%;
     border: 1px solid gray; 
}

div.top
{    padding: 0;
     margin: 0;
}

div.header
{    padding: 0;
     border-top: 1px solid gray;
     border-bottom: 1px solid gray;
     background:#bac7c3;
     margin: 0;
}

div.content-left
{    float: left;
     position:relative; /* needed for ie */
     width: 50%;
     padding: 0em;
     border-right: 1px solid rgb(128, 128, 128); 
}
.content-left p
{   padding: .2em;
}

div.content-right
{    margin-left: 50%;
}
.content-right p
{   padding: .2em;
}

div.footer
{    clear: both;
     margin: 10px auto;
     padding: .2em;
     margin:0 0 0 0;
     line-height:0.95;
     background:#bac7c3;
     border-top: 1px solid gray; 
}
span.firstletter  /* any width figure, no border, for initial letter */ 
    {
      float:left;
      position:relative; /* needed for ie */
      margin: 0 0 0px 0;
      height:24px;
      top:2px;
    }
span.firstletter24  /* any width figure, no border, for initial letter */ 
    {
      float:left;
      position:relative; /* needed for ie */
      margin: 0 0 0px 0;
      height:24px;
      top:4px;
    }
span.small     /* for small text in h3 */
    {   font-size: 75%;
        background:#bac7c3;       
      	font-family: Verdana, sans-serif;
	direction:rtl;
	padding-right: 0.2em; 
    }

span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:10em;
        background:#ccddee;
        margin: 0 0 0 0;
        padding:0.30em;
        border: 1px solid;       
      }
span.aside15   
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        background:#e7eee7;
        margin: 0 0 0 0;
        padding:0.30em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 1px solid;       
      }
span.s
     {  text-decoration: line-through;
     }

a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }
div.figure244px /* 244 pixel wide figure on left */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:244px;
        margin: 0 4px 0 1em;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
      }
div.figure294px /* 294 pixel wide figure on left */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:294px;
        margin: 0 4px 0 1em;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
      }
div.bullets li {
   list-style-type:none;
   background: url(bullet-hexagram-small.png) no-repeat 0 0%;
   padding-left: 25px;
   }