/* Style sheet - 
    o fixed width
    o blue header */

body  { position: relative;
	margin: 0; 
	padding: 0;
	color: rgb(0, 0, 0);
	background: rgb(242, 242, 242);
	font-size: 15px;
        font-family: 'Times New Roman',Times,serif;
	/*font-family: Verdana, sans-serif;*/
      }
h1    { letter-spacing: 0.1em; 
	margin: 0.5em 0 1em; 
	font-size: 150%;
	font-weight: bold;
	/*font-family: Verdana, sans-serif;*/
      }
h2    { font-size: 133%;
	/*font-family: Verdana, sans-serif;*/
      }
h3    { font-size: 110%;
	/*font-family: Verdana, sans-serif;*/
      }
h4    { font-size: 100%;
	/*font-family: Verdana, sans-serif;*/
	font-weight: bold;
      }
h5    { font-size: 100%;
	/*font-family: Verdana, sans-serif;*/
	font-style: italic;
      }
h6    { font-size: 100%;
	/*font-family: Verdana, sans-serif;*/
      }
         /*for ie 6.0, otherwise doesn't display align=left images;*/
table {  position:relative;
      }
dt    { font-weight: bold;
      }
dd    { margin-bottom: 0.66em;
      }

code, pre, tt
      { color: rgb(68, 68, 68);
	/*font-family: "Courier", Courier, monospace;*/
	font-size: 14px;
        overflow-x: auto; /*for IE, so it doesn't display the vertical scrollbar */
        background-color: #efefef;
        width: 100%;
        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, tt  
      { font-size: 110%;
      }
td, th
      { font-size: 15px;  /* Bug in Mozilla prevents using relative size */
	/*font-family: Verdana, sans-serif;*/
      }
ul, ol, p
      { /*font-family: Verdana, sans-serif;*/
      }
address
      { margin-left: 1em;
      }
small { font-size: 87%;
      }
big   { font-size: 115%;
      }
div#header
      { position: relative;
        border: 1px dotted rgb(48, 48, 48);
	width: 100%;
	border-top: 1px solid rgb(128, 128, 128);
	border-bottom: 1px solid rgb(128, 128, 128);
      }
div.header
      { background-color: rgb(212, 212, 228); 
	padding: 0; 
	margin: 1em 0 0.5em 0;
      }
div#header td.idaddr
      { font-size: 15px;  /* Bug in Mozilla prevents using relative size */
	/*font-family: Arial, Helvetica, sans-serif;*/
	padding: 0.7em 2em 0.7em 2em;
	letter-spacing: 0.1em;
	text-align: right;
	color: rgb(64, 64, 64); 
      }
div#links 
      { position: absolute;
/*	height: 2000px;  */ /* Scrollbar bug in Konqueror 3 requires this */
	margin-top: 12em; margin-left: 0; 
	width: 14em; 
	/*font-family: Verdana, sans-serif;*/
	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);
      }
div.slogan
      { letter-spacing: 0.1em;
	margin: 0.5em 0 0.5em; 
	font-size: 167%;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	font-style: italic;
	text-shadow: 0.2em 0.2em 0 rgb(0, 0, 0);
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: rgb(225, 225, 225);
	padding: 0.33em 1em 0.33em;
	border: 1px solid rgb(128, 128, 128); 
      }
div#content 
      { position: relative; 
	padding: 10px;
	font-size: 100%;
	/*font-family: Verdana, sans-serif; */
	border: 1px dotted rgb(48, 48, 48);
	color: rgb(0, 0, 0);
	background: rgb(255, 255, 255);
        line-height: 1.05; 
      }
@media screen
      { div#content
	      { 
		max-width: 67em;		/* This is CSS2 */
		width: expression("720px");	/* Only IE understands this */
		margin: 3em 1em 5em 1em;
	      }
      } 
@media print
      { div#content
	      { width: 680px;
		margin: 12em 1em 5em 1em;
	      }
      } 
div#content p 
      { margin: 0 1em 1em; 
        padding: 0; 
        line-height: 1.05em;
      }
div#content a:link 
      { color: rgb(30, 28, 119);
      }
div#content a:visited
      { color: rgb(80, 80, 100);
      }
div#content a:link:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
div#content a:visited:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
div#content h1 
      { color: rgb(64, 64, 64);
        background-color: rgb(225, 225, 225);
        padding: 0.5em 1.3em;
        margin: 0.5em -11px 0.5em;
        border: 1px solid rgb(128, 128, 128); 
      }
div#content h2
      { color: rgb(64, 64, 64); 
        background-color: rgb(225, 225, 225);
        padding: 0.5em; 
        margin: 0.5em -11px 0.5em;
        border: 1px solid rgb(128, 128, 128); 
      }
div#content h3
      { color: rgb(64, 64, 64); 
        background-color: rgb(225, 225, 225);
        padding: 0.5em; 
        margin: 0.5em -11px 0.5em;
        border: 1px solid rgb(128, 128, 128); 
      }
div#content h4
      { color: rgb(64, 64, 64); 
        background-color: rgb(225, 225, 225);
        padding: 0.5em; 
        margin: 0.5em -11px 0.5em;
        border: 1px solid rgb(128, 128, 128); 
      }
div#firstletter   /* any width figure, no border, for initial letter */ 
      {
        float:left;
        position:relative; /* needed for ie */
        margin: 0 0 0 1em;
        padding-right: 0px; 
        position:relative;
        top:2px;
        left:0em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
      }
div#figure216px /* 216 pixel wide figure */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:216px;
        margin: 0 4px 0 1em;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%
      }
div#figure216px img 
      {  border: 1px solid rgb(128, 128, 128); 
         display:block;
        max-width:100%
      }
      
div#figure244px /* 244 pixel wide figure */ 
      {
        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); 
        max-width:100%
      }
div#figure304px /* 304 pixel wide figure on right */ 
      {
        float:left;
        position:relative; /* needed for ie */
        width:304px;
        margin: 0 4px 0 1em;
        padding-right: 1px; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%
      }
img{ max-width:100%; }

span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        max-width:97%;
        background:#ccddee;
        margin: 0 0 0 0;
        padding:2px;
        border: 1px solid;       
      }

a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }
   
.simplebox a[href^="http:"]{
   background: url(externallink-blue.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;
   }
div.image-left img 
   {  position:relative; 
      float:left;
      position:relative; /* needed for ie */
      padding-left:10px;
      padding-right:4px;
      max-width:100%
   }