html, body
{
   height: 100%;
   font-family: "Open Sans", sans-serif;
   background: #ffffff;
   color: #000000;
}
	
header
{
   background-color: #0099ff;
   margin-bottom: 40px;
   padding: 10px 0 10px 0;
}

header a
{
   text-decoration: none;
}

#title
{
   width: 1200px;
   overflow: hidden;
   color: #ffffff; 
   font-size: 160%;
   font-weight: 700;
   letter-spacing: 2px;
   margin-left: auto;
   margin-right: auto;
}

#wrapper
{
   width: 1200px;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
}
  
#menu
{
   font-size: 120%;
   font-weight: 700;
   letter-spacing: 2px;
   text-align: right;
   border-bottom: 1px solid #0099ff;
   margin-bottom: 40px;
   padding-bottom: 5px;
}

#menu a 
{
   color: #999999;
   text-decoration: none;
}
   
#menu a:hover 
{
   color: #0099ff;
}    
    
.menuRightGap
{
   padding-right: 30px;   
}  
    
#container
{
   min-height: 800px;
   overflow: hidden;
   position: relative;
   font-size: 110%;
   text-align: justify;
   line-height: 25px;
   margin:  60px 40px 20px 40px;
}

button 
{
   cursor: pointer;
   background-color: #999999;
   color: #ffffff;
   font-size: 100%;
   text-align: center;
   border: none;
   width: 100px;
   height: 30px;
   margin: 15px 0 15px 0;
}

button:hover
{
   background-color: #0099ff;
}

.hidden 
{
   display: none
}

.part
{
   float: left;
   margin-bottom: 60px; 
}

.image
{
   float: left;   
}

.block
{
   width: 780px;
   float: right;
}

.block a
{
   color: #000000;
   text-decoration: underline solid #0099ff; 
}

.block a:hover
{
   color: #0099ff;
   text-decoration: none; 
}

.image img
{
   width: 300px;
   height: 250px;
   object-fit: scale-down;
   margin-right: 40px;
}

.groupVideo
 {
   text-align: left;
   margin-top: 20px;
   margin-bottom: 60px;
 }  
   
.video
 {
   text-align: left;
   margin-top: 40px;
   margin-bottom: 60px;
 }    
    
.title2Block
{
   width: 780px;
   float: right;
   margin-bottom: 40px;
}

h2
{
   letter-spacing: 1px;
   font-size: 115%;
   margin-top: 0;
}

.textBlue
{
   color: #0099ff; 
}  

.center
{
   text-align: center;  
}
  
.italic
{
   font-style: italic;
}
  
.spacing1
{
   letter-spacing: 1px;
}

.textGrey
{
   color: #666666;
}

.bold
{
   font-weight: bold;
}   

#articles
{
}

#articles li
{
   list-style-type: none;
   list-style-position: outside;
   margin-bottom: 40px; 
   padding-left: 10px;
} 

#articles li.iconB
{
   list-style-image: url("images/B.png"); 
}
 
#articles li.iconP
{
   list-style-image: url("images/P.png");  
}

#articles li.iconC
{
   list-style-image: url("images/C.png");  
}
 
#articles li.iconD
{
   list-style-image: url("images/D.png");  
}
 
#articles li.iconS
{
   list-style-image: url("images/S.png");  
}
 
#articles li.iconO
{
   list-style-image: url("images/O.png");  
}
  
.pdf
{
   font-weight: bold;
   text-decoration: none;
   color: #e60000;
}
   
a.pdf:hover
{
   color: #0099ff;
}

#note
{
   margin: 60px 0 60px 0;
}

.noteRightGap
{
   margin-right: 20px;
}

.blockPeople
{
   width: 800px;
   float: right;
}

.photo
{
   float: left;   
}

.photo img
{
   width: 150px;
   height: 200px;
   object-fit: scale-down;
   margin-right: 40px;
}

#staff
{
   margin-top: 60px;
}

#staff a
{
   color: #000000;
   text-decoration: underline solid #0099ff; 
}

#staff a:hover
{
   color: #0099ff;
   text-decoration: none;
}

#contact
{
   margin-top: 60px;
}

#contact a
{
   color: #000000;
   text-decoration: underline solid #0099ff; 
}
   
#contact a:hover
{
      color: #0099ff;
      text-decoration: none;
} 
   
.image iframe
{
   width: 300px;
   height: 250px;
   object-fit: scale-down;
   margin-right: 40px;
}

#block1
{
   float: left;
   margin-right: 100px;
}

#block2
{
   float: left;
}

footer
{
   width: 1200px;
   text-align: center; 
   border-top: 1px solid #0033cc;
   margin: 40px auto 0 auto;
}
	
#logos
{
   margin-top: 60px;
   margin-bottom: 60px;
}

.logo
{
   display: inline-block;
   height: 70px;
   object-fit: scale-down;  
}

.logoRightGap
{
   margin-right: 40px;
}

#copyright
{
   float: right;
   color: #666666;
   font-size: 100%;
   font-style: italic;
   margin-right: 20px;
   margin-bottom: 40px;
}