html, body
{
   height: 100%;
   font-family: "Open Sans", sans-serif;
}
	
body
{	
   background-color: #ffffff;
   color: #000000;
}
   
#wrapper
{
   width: 1200px;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
}

header
{
   background-color: #003399;
   margin-bottom: 40px;
   padding: 10px 0 10px 0;
}

header a
{
   text-decoration: none;
}

#name
{
   width: 1200px;
   overflow: hidden;
   color: #ffffff; 
   font-size: 160%;
   font-weight: 700;
   letter-spacing: 2px;
   margin-left: auto;
   margin-right: auto;
}
 
#menubar 
{
   font-size: 120%;
   font-weight: 700;
   letter-spacing: 2px;
   text-align: right;
   border-bottom: 1px solid #003399;
   margin-bottom: 40px;
   padding-bottom: 5px;
}

#menubar a 
{
   color: #999999;
   text-decoration: none;
}
   
#menubar a:hover 
{
   color: #003399;
}
   
#container
{
   min-height: 800px;
   overflow: hidden;
   position: relative;
   font-size: 110%;
   text-align: justify;
   line-height: 25px;
   margin:  40px;
} 
 
 #leftSide
{
   width: 200px;
   float: left;
}  
      
 #leftSide img
{
   width: 200px;
   object-fit: scale-down;
}       
         
#rightSide
{
   width: 840px;
   min-height: 800px;
   float: right;
   border-left: 1px solid #003399;
   padding-left: 40px;
}

#rightSide a 
{
   color: #000000;
   text-decoration: underline solid #003399;    
}
     
#rightSide a:hover
{
   color: #003399;
   text-decoration: none;
}
   
#leftPart
{
   width: 300px;
   float: left;
}  

#leftPart img
{
   width: 300px;
   object-fit: scale-down;  
}
   
#leftPart iframe
{
   width: 300px;
   height: 250px;
   object-fit: scale-down;
}

#rightPart
{
   width: 740px;
   float: right;
   min-height: 800px;
   border-left: 1px solid #003399;
   padding-left: 40px;
}

#rightPart a
{
   color: #000000;
   text-decoration: underline solid #003399; 
}

#rightPart a:hover
{
   color: #003399;
   text-decoration: none; 
}

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

button:hover
{
   background-color: #003399;
}

.hidden 
{
   display: none
}

.paddingRight
{
   padding-right: 30px;   
}

.textBlue
{
   color: #003399; 
}  

.italic
{
   font-style: italic;
}
 
.textGrey
{
   color: #666666;
}

.bold
{
   font-weight: 700;
}   

.marginTop40
{
   margin-top: 40px;
}

.marginTop80
{
   margin-top: 80px;
}

.marginBottom180
{
   margin-bottom: 180px;   
}

ul
   {
      margin-left: -25px;  
   } 
    
  ul li
   {
      color: #003399;
      list-style-type: square;
      list-style-position: outside;
   } 


#footer
{
   overflow: hidden;
   width: 1200px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   border-top: 1px solid #003399;
}
	
#footer table
{
   border-collapse: separate;
   border-spacing: 40px;
   margin-left: auto;
   margin-right: auto;
}
	
#copyright
{
   float: right;
   color: #666666;
   font-size: 100%;
   font-style: italic;
   margin-right: 20px;
   margin-bottom: 20px;
 }