/* two-column11 css 
   o black
   o blue h1-h4, header, footer useful for references
   o 1st letter 24px
   o wider than twocolumn3
*/

body  { position: relative;
	margin: 0; 
	padding: 0;
	color: black;
	background: white;
	font-size: 15px;
        font-size: 15px;
        font-family: 'Times New Roman',Times,serif;
      }
h1 
      { color: rgb(64, 64, 64);
	background-color: rgb(215, 215, 215);
	padding: 0.5em 1.3em;
	margin: 0.5em 0 0.5em 0;
	border: 1px solid rgb(128, 128, 128); 
      }
h2
      { color: rgb(64, 64, 64); 
	background-color: rgb(215, 215, 215);
	padding: 0.5em; 
	margin: 0.5em 0 0.5em 0;
	border: 1px solid rgb(128, 128, 128); 
      }
h3
      { color: rgb(64, 64, 64); 
	background-color: rgb(215, 215, 215);
	padding: 0.5em; 
	margin: 0.5em 0 0.5em 0;
	border: 1px solid rgb(128, 128, 128); 
      }
h4
      { color: rgb(64, 64, 64); 
	background-color: rgb(215, 215, 215);
	padding: 0.5em; 
	margin: 0.5em 0 0.5em 0;
	border: 1px solid rgb(128, 128, 128); 
      }
div.header
      { border: 1px solid rgb(128, 128, 128);
        background:#a1b7ae;
	padding: 0; 
	padding-right: 4%; /* this plus width must = 82% */
	margin: 1px 0 1px 0;
        margin-left:16.5%;
      }
div.header td.idaddr
      { font-size: 15px;  /* Bug in Mozilla prevents using relative size */
	padding: 0.7em 2em 0.7em 4em;
	letter-spacing: 0.1em;
	border-right: 1px solid rgb(128, 128, 128);
        text-align: right;
	color: rgb(64, 64, 64); 
        background-color: rgb(215, 215, 215); 
      }

div.top
{    margin-left:16.5%;
     margin-bottom:0.5em;
}
div.sidebar
{    float: left;
     position:relative; /* needed for ie */
     background:#e1e4e1;
     margin-left:1%;
     width: 15%;
     max-width:120px;
     padding-bottom:11em;
     border: 1px solid gray;
     min-height:40em;
}
div.content-onecolumn
{    float: left;
     width: 70%;
     position:relative; /* needed for ie */
     margin-left:1px;
     padding-right:1px;
     border-right: 1px solid gray;
}
div.content-left
{    float: left;
     position:relative; /* needed for ie */
     margin-left:2px;
     padding-right:0.1%;
     border-right: 1px solid gray;
     width:40%;
}
div.content-right
{    float: left;
     position:relative; /* needed for ie */
     margin-left:2px;
     padding-left:0.5%;
     width:40%;
}


div.footer
{    clear: both;
     margin: 10px auto;
     padding: .2em;
     border-top: 1px solid gray; 
     margin:0 0 0 0;
     margin-left:0.5%;
        margin-left:16.5%;
        width:78%;
}

         /*for ie 6.0, otherwise doesn't display align=left images;*/
table {  position:relative;
      }
pre   { color: rgb(88, 8, 8);
	font-family: "Courier New", Courier, monospace;
        overflow-x: auto; /*for IE, so it doesn't display the vertical scrollbar */
        background-color: #efefef;
        font-size: 95%;
        width: 90%;
        margin-left:1em;
        padding-bottom: 0 !important;
        padding-bottom: 1.5em; /* for IE which doesn't make room at the bottom of the pre for a horizontal scrollbar */
      }
code  { color: rgb(88, 8, 8);
	font-family: "Courier New", Courier, monospace;
        background-color: #efefef;
        font-size: 95%;
       }

td, th
      { font-size: 15px;  /* Bug in Mozilla prevents using relative size */
      }
li
      { 
      margin-left:1.2em;
      margin-bottom:5px;
      }

ul, ol
      { 
      }
address
      { margin-left: 1em;
      }
small { font-size: 87%;
      }
big   { font-size: 115%;
      }
div#links 
      { position: absolute;
	margin-top: 14em; margin-left: 0; 
	font-weight: bold;
	font-size: 100%;
      }
div#links a
      { display: block;
   	padding: 4px 10px; 
	margin: 0 0 3px; 
	border-width: 0;
	text-decoration: none; 
	color: rgb(242, 242, 242);
	background-color: rgb(30, 28, 119);
      }
div#links a:hover 
      { color: rgb(255, 255, 255);
	background-color: rgb(62, 60, 151);
      }
a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }  
a[href$=".pdf"]{
   background: url(pdflink.png) no-repeat right top;
   padding-right: 14px;
   }
a[href$=".doc"]{
   background: url(doclink.png) no-repeat right top;
   padding-right: 16px;
   }
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.red 
      {
        color: #dd2222;       
      }
span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        max-width:97%;
        /* background:#f0f7ff;*/
        background:#eeeeff;
        margin: 0 0 0 0;
        padding:2px;
        border: 1px solid;       
      }
span.s
     {  text-decoration: line-through;
     }
div.figure100px /* 100 pixel wide figure on left */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:100px;
        margin: 0 1x 0 1px;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%;
      }
div.figure366px /* 366 pixel wide figure on left */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:365px;
        margin: 0 4px 0 1px;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%;
      }
div.figure388px /* 388 pixel wide figure on left */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:388px;
        margin: 0 4px 0 1px;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%;
      }
div.figure /* width is passed as a variable in style parameter */ 
      {
        width:400px;  /* default width  */
        float:left;
        position:relative; /* needed for ie */
        margin: 0 4px 0 1px;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        color:#000070;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%;
      }
span.figure /* width is passed as a variable in style parameter */ 
      {
        width:400px;  /* default width  */
        float:left;
        position:relative; /* needed for ie */
        margin: 0;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        color:#000070;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%;
      }
div.figure-border /* align figure that has 1px border already */ 
      {
        width:400px;  /* default width  */
        float:left;
        position:relative; /* needed for ie */
        margin: 0 4px 0 1px;
        padding-right: 1px; 
        color:#000070;
        border: 1px solid black; 
        font-size: 85%;
        font-family: Arial, Helvetica, sans-serif;
        max-width:100%;
     }
div.figure-border img 
     {  margin:-1px; 
        max-width:100%;
     }
img{ max-width:100%; }

blockquote 
    {  font-family: Arial,Helvetica,sans-serif;
       color:#663300;
       font-size: 13px;
       margin-left:5px;
       margin-right:5px;
    }
/* tables */

div.striped-table table   {  position:relative;
           border-collapse: collapse;
           width: 90%;
           border: 1px solid #666;
        }      
div.striped-table caption {  font-size:1.2em;
           font-weight:bold;
           font-family:sans-serif;
        }   
div.striped-table .e    { color:#000022; background:#dddfef;}   
div.striped-table .o    { color:#000022; background:#eeeeff;}   
div.striped-table thead   {  background: #ccc;
           border-top: 1px solid #a5a5a5;
           border-bottom: 1px solid #a5a5a5;
        }
div.striped-table th  { /* font-weight:normal; */
           text-align:left;    
           border: 1px solid rgb(128, 128, 128); 
        }   
div.striped-table td  { /* font-weight:normal; */
           text-align:left;    
           border: 1px solid rgb(128, 128, 128); 
        }   
div.striped-table tr:hover{  background-color: #3d80df;
           color: #fff;
        } 
div.striped-table thead tr:hover{   /* dont make header change color */
           background-color:transparent;
           color: inherit;
        }