.titlelogo { font-weight:bold; 
               font-size:8vw; 
               text-align:center;  
               margin-top:0.1vw;
               margin-bottom:1vw;
               color:red;
               font-family:hobo std;
               text-shadow: -0.5vw 0.5vw black;
               text-decoration:none;
           }


  .textlogo { font-weight:bold; 
               font-size:4vw; 
               text-align:center;  
               margin-top:0.1vw;
               margin-bottom:1vw;
               color:red;
               font-family:hobo std;
               text-shadow: -0.05vw 0.05vw black;
           }

  .imagelogo { width: 90%; 
               vertical-align:center; 
               padding: 0.2vw; 
               float:right;
              }

  .subheader { font-weight:normal; 
               font-size:3vw; 
               text-align:center;  
               margin-top:0.1vw;
               margin-bottom:0.1vw;
              }

  .header { font-weight:bold; 
            font-size:6vw; 
            text-align:center;
            vertical-align:middle;
           }

  p { font-size: 4vw;
      padding: 1vw; 
      font-family:Times New Roman;
  }

 .container { 
              display: table;
              width: 100%;
              border: 0.8vw double #487;
	      }
 
  .column {
	     display: table-cell;

	  }

  .border { border: 1vw double #487; }

  .title {text-align:center; }

  .center {text-align:center; }

  .italic {font-style:italic; }

  .bold {font-weight:bold; }
  
   .menubar {display: table-cell;
             border: 0.8vw double #487;
             width:40%;
             }

    .menu { margin-left:1vw;
            display:inline-block;
            margin-top:0.1vw;
            margin-bottom:1vw;}

    .submenu { margin-left:3vw;
               display:inline-block;
               margin-bottom:1vw;}




    .subsubmenu { margin-left:6vw; 
                  display:inline-block;
                  margin-bottom:1vw;}}
 
    .separator { border: 0.3vw double #487;}

    .thinseparator { border: 0.3vw single #487;}

    .linespacer { font-size:0.5vw; }

    a:link { text-decoration:none; }

   .topic {display: table-cell;
           border: 1vw double #487;
           width:60%;

             }

.topictitle
   {
     font-family:times new roman;
     font-size: 5.5vw; 
     line-height:110%;
     color:black;
     font-weight:bold;
     margin-top:0.02vw;
     margin-bottom:0.02vw;
     text-align:center;
   }

  .topicimage {
                 display: block;
                 margin: 0 auto;
                 border: 0.5vw solid;
                 width:80%;
                 }


 .copyright
   {
     font-size:3vw; 
     font-style:italic;
     text-align:center; 
     font-weight:bold; 
     padding:1vw;
   }


.inlinelogo {
               font-family:hobo std; 
               font-size:3vw; 
               font-style:italic;
               font-weight:bold;
               color:Red;
               text-shadow: -0.1vw 0.1vw  #000000; 
               text-align:center;
               line-height:100%;
               margin-bottom:0.1vw;
               vertical-align:3%;
   } 
   

<!-- Modal dialog box to replace alert box -->

.footnote { font-weight:bold; }

a.closefootnote
{
    text-decoration: none; 
    color: blue;
     
}

 a.closefootnote:visited
{
    text-decoration: none; 
    color: blue;
}

 a.X
{
    text-decoration: none; 
    color: black;
    font-family: arial;
    font-size:6vw;
     
}

 a.X:visited
{
    text-decoration: none; 
    color: black;
    font-family: arial;
    font-size:6vw;
}


	.modalWindow {
		position: fixed;
		font-family: times new roman;
		font-size:0.5vw;
		top: 0;
		left: 0;
        max-height: 100%;
        overflow-y: auto;
        height: auto;
        width:  auto;
		opacity:0; 
        padding: 0.5vw 0.5vw 0.5vw 0.5vw;
		pointer-events: none; 
	}
	.modalHeader p { font-size:3vw;
                     color: dodgerblue; 
                     text-align:center;
                     vertical-align:middle;
                     border-bottom:  1vw solid lightgray; }

	.modalWindow:target {
		opacity:1; 
		pointer-events: auto;

	}
	.modalWindow > div {
		width: auto;
		position: relative;
		margin:auto;
		border-radius: 1vw;
		background: #ffffe0;
        border:0.25vw solid black;
        font-size:1.25vw;

	}


	}
	.modalButton p {
		color:#000000;
		text-align:center;
        font-size:0.75vw;
		margin:0;
		padding: 0.75vw;

	}

      .close {
		background: #ffffff;
		color: #ffffff;
		line-height: 2vw;
		float: right;
        vertical-align:top
		text-decoration: none;
		font-weight: bold;
        font-size:5vw;
        padding:1vw;
        border-radius: 1vw; 
	}


	.ok{
		background: #ffffff;
		color: #ffffff;
		line-height: 2vw;
        vertical-align:top;
		text-decoration: none;
		font-weight: bold;
        font-size:2.5vw;
        padding:0.25vw;
        border: 0.25vw black;
        border-radius: 1vw; 
        border:1vw solid black;
	}

	.clear { float:none; clear: both; }