/* Style sheet - universal version for all browsers. */

body  { position: relative;
	margin: 0; 
	padding: 0;
	color: rgb(0, 0, 0);
	background: rgb(242, 242, 242);
	font-size: 15px;
	/*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;  }
img {  position:relative; }

dt    { font-weight: bold;
      }
dd    { margin-bottom: 0.66em;
      }
code, pre, tt
      {  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 */
	/*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%;
      }
@media print 
      { div#links
	      { display: none;
	      }
      }
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);
        position:relative; /* essential for ie6, otherwise text is half-drawn if background is 255,255,255 */
        line-height: 1.05; 
      }
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 p#langtabs a.alang, div#content p#langtabs a.ilang
      { /*font-family: Verdana, sans-serif;*/
	font-size: 87%;
        font-weight: bold;
	color: rgb(64, 64, 64);
        text-decoration: none;
	padding: 3px 6px;
	border: 1px solid rgb(128, 128, 128);
      }
div#content p#langtabs a.alang
      { background: rgb(255, 255, 255);
      }
div#content p#langtabs a.ilang
      { background: rgb(225, 225, 225);
      }
div.mybutton
     {
      position: relative;
      margin: 0em 0;
      font-family: helvetica,arial,sans-serif;
      font-size: 100%;
      font-weight: bold;
     }
div.mybutton a
     {
     text-decoration:none;
     }     

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;
   }