/*  UIF CSS  */
/*  <link rel="stylesheet" type="text/css" href="UIFCSS.css" />  */
/* index  */
body { 
  font-family:Arial,Helvetica,sans-serif;  font-size: medium;
  font-style:normal;
  font-weight:normal;
background-image:url(images/PageImages/logo1a1.png);
/* background-color:#80BBDD; color:#000000;  */
/* background-image:url(images/PageImages/elca_bg.png)  */
/* background-image:url(images/PageImages/logo1a1.png);  */
  
}

/*  HEADINGS  */
h1 {
  font-family:Arial,Helvetica,sans-serif;  
  font-size:20pt;
  text-align:center;
  font-style:normal;
  font-weight:bold;
}

h2 {
  font-family:Arial,Helvetica,sans-serif;  
  font-size:18pt;
  text-align:left;
  font-style:normal;
  font-weight:bold;
}

h2.center {

  font-family:Arial,Helvetica,sans-serif;  
  font-size:18pt;
  text-align:center;
  font-style:normal;
  font-weight:bold;
}

/* TABLES */
table {
  border:0;
  padding-left:5pt;
}

td {
  font-size:9pt;
  text-align:left;
  vertical-align:top;
}

td.pt10nb {
  font-size:10pt;
  font-weight:bold;
}


td.pt12nn {
  font-size:12pt;
}

td.pt12nb {
  font-size:12pt;
  font-weight:bold;
}

td.pt14nb {
  font-size:14pt;
  font-weight:bold;
}

td.pt16nb {
  font-size:16pt;
  font-weight:bold;
}

td.width15 {
  width:15%;
}

td.width60 {
  width:60%;
}


td.width25 {
  width:25%;
}


td.width50center {
  width:50%;
  text-align:center;
  border:10px;
}

td.width70center {
  width:70%;
  text-align:center;  
}

td.width85center {
  width:85%;
  text-align:center;  
}

td.width85center14b {
  width:85%;
  text-align:center;
  font-size:14pt;
  font-weight:bold;
}
 
td.width85center16b {
  width:85%;
  text-align:center;
  font-size:16pt;
  font-weight:bold;
}
 
td.width85left {
  width:85%;
  text-align:left;
  font-size:14pt;
  padding:30pt;
}


.heading, .footer {
  width:100%;
  background-color:#efefef;
  padding:10px;
}

/* DIV */

div.center {
  text-align:center;
}

div.italic {
  font-style:italic;
}

div.pt10nb {
  font-size:10pt;
  font-weight:bold;
}

div.pt12nb {
  font-size:12pt;
  font-weight:bold;
}

div.pt12nn {
  font-size:12pt;
}

div.pt13nb {
  font-size:13pt;
  font-weight:bold;
}

div.pt14nb {
  font-size:14pt;
  font-weight:bold;
}


div.pt14nbc {
  font-size:14pt;
  font-weight:bold;
  text-align:center;
}

div.pt16nb {
  font-size:16pt;
  font-weight:bold;
}

div.pt16nbc {
  font-size:16pt;
  font-weight:bold;
  text-align:center; 
}

div.pt18nb { 
  font-size:18pt;
  font-style:normal;
  font-weight:bold;
}

/* P */

p.center {
text-align:center;
}

p.bold {
  font-weight:bold;
}
  
p.tahoma {
  font-family:Tahoma,times,"times new roman";  
  font-style:normal;
}

p.pt09ni {
  font-size:09pt;
  font-style:italic;
}

p.pt10nb {
  font-size:10pt;
  font-weight:bold;
}

p.pt10ib {
  font-size:10pt;
  font-style:italic;
}

p.pt12ib {
  font-size:12pt;  
  font-style:italic;
  font-weight:bold;
}

p.pt12ibc {
  font-size:12pt;  
  font-style:italic;
  font-weight:bold;
  text-align:center;
}

p.pt12nn {
  font-size:12pt;
}
 
p.pt12nb {
  font-size:12pt;
  font-weight:bold;
}

p.pt14nn {
  font-size:14pt;
}
p.pt14nbc {
  font-size:14pt;
  font-weight:bold;
  text-align:center;
}

p.pt14nnc {
  font-size:14pt;
  text-align:center;
}

p.pt14nb {
  font-size:14pt;
  font-weight:bold;
}

p.pt14in {
  font-size:14pt;  
  font-style:italic;
}

p.pt14nbc {
  font-size:14pt;  
  font-weight:bold;
  text-align:center;
}

p.pt14ibc {
  font-size:14pt;  
  font-style:italic;
  font-weight:bold;
}

p.pt16ib {
  font-size:16pt;  
  font-style:italic;
  font-weight:bold;
}

p.pt16ibc {
  font-size:16pt;  
  font-style:italic;
  font-weight:bold;
}


p.pt16nb {
  font-size:16pt;  
  font-weight:bold;
}

p.pt16nbc {
  font-size:16pt;  
  font-weight:bold;
  text-align:center;
}

p.pt18nb {
  font-size:18pt;
  font-weight:bold;
}

p.pt18nbc {
  font-size:18pt;
  font-weight:bold;
  text-align:center;
}

p.pt20nb {
  font-size:20pt;  
  font-weight:bold;
}

p.pt20nbc {
  font-size:20pt;  
  font-weight:bold;
  text-align:center;
}

/* A */
a.bold {
  font-weight:bold;
}

a.italic {
  font-style:italic;
}

a.center {
  text-align:center;
}  
 
a.pt10nn {
  font-size:10pt;
}

a.pt10nb {
  font-weight:bold;
  font-size:10pt;    
}
a.pt10ib {
  font-size:10pt;
  font-style:italic;
}
a.pt12nn {
  font-size:12pt;
}

a.pt12nb {
  font-size:12pt;
  font-weight:bold;
}
 a.pt14nb {
  font-size:14pt;
  font-weight:bold;
}

 a.pt14nbc {
  font-size:14pt;
  font-weight:bold;
  text-align:center;
}

 a.pt14nn {
  font-size:14pt;
}

a.pt16nn {
  font-size:16pt;
}

a.pt16ib {
  font-size:16pt;  
  font-style:italic;
  font-weight:bold;
}

a.pt16nb {
  font-size:16pt;
  font-weight:bold;
}

a.pt18nb {
  font-size:18pt;
  font-weight:bold;
}

/*HR */
hr.ns80 {
  width:80%;
}

code {
  color:#969696;
  font-weight:bold;
}


 /* from http://www.seoconsultants.com/css/menus/vertical/ */
 /* Vert */
#menu {
width: 8em; /* set width of menu - org 12em */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
/* font: bold 20px/24px arial, helvetica, sans-serif; me */
/* font: bold 11px/16px arial, helvetica, sans-serif; ORIG */
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;border-style: none;   /* border-style: solid;  ORIG */
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}


/* pop outs */
/* #2 */

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}


/* for hover */
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* fix for IE */
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover3.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->