/* two-column css 
   o black
   o blue h1-h4, header, footer
   o 1st letter 24px
*/
body  {
        font-size:94%;
      }
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; 
        margin:10px 0 20px 10px;
        background:#bbccdd;
	border: 1px solid rgb(128, 128, 128); 
        line-height:1.05;
      }
h3    { font-size: 110%;
        background-color:#bbccdd;
        /*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.container
{    width: 75%;
     margin: 10px auto;
     background-color: #fff;
     border: 1px solid gray;
     line-height: 100%;
}

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

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

div.content-left
{    float: left;
     position:relative; /* needed for ie */
     width: 49%;
     padding: 0.3em;
     border-right: 1px solid gray;
}

div.content-right
{    margin-left: 50.25%;
     padding: 0.3em;
    /* border-left: 1px solid gray;*/
}

div.footer
{    clear: both;
     margin: 10px auto;
     padding: .2em;
     border-top: 1px solid gray; 
     margin:0 0 0 0;
     text-align:right;
     line-height:0.95;
     background:#bbccdd;
}
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.small     /* for small text in h3 */
    {   font-size: 75%;
        background-color:#bbccdd;
      	font-family: Verdana, sans-serif;
	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;       
      }

a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }
