body{
        margin:0px;
        padding:0px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.5;
        
    }
/*Main Navbar*/
/*------------------*/
    nav{
        position: fixed;
        background-color:cornflowerblue;
        color:white;
        padding:0px;
        height:50px;
        width:100%;
        z-index:10000;
    } 
    
    nav ul{
        margin:0px;
        list-style: none;
        flex-wrap: wrap;
        display: flex;
        
        
        
    }
    
    nav ul li{
        padding:0 10px;
        display: block;
        height:50px;
        line-height:50px;
        cursor:pointer;

    }
    
    nav ul p{
        width:35%;
        text-align:center;
        font-size:22px;
        font-weight:bold;
        padding:0 60px;
        margin:0px;
        height:50px;
        line-height:50px;
        background-color: transparent;
        cursor:pointer;
        }
    
        
    
    nav ul li:hover{
        background-color:blue;
        

    }
        
    nav ul li a{
        text-decoration: none;   
        display: block;
        color:white;
        
        }
    
        

        
/*Submenu*/
/*--------------------*/
    .Sub{
        position: fixed;
        top:50px;
        z-index:9000;
        display: flex;
        flex-wrap: wrap;
        background-color: aliceblue;    
        width:100%;
        padding:10px 100px;
        width: calc(100% - 200px);
        display:none;
        

        
        
        }
        
    .Sub ul{
        margin:0px;
        list-style: none;
        min-width:250px;
        
        }   
    
    .Sub ul p{
        font-weight:bold;
        font-size:18px;
        margin:0px;
        padding: 10px 5px;
        }
        
    .Sub ul li{
        padding: 10px 5px;
        }
        
    .Sub ul li:hover{
        background-color:white;
        
           
        }
        
    .Sub ul li a{
        text-decoration: none;   
        display: block;
        color:black;
            
        }    
    
    #SubEducation{
            display:none;
        }
        
    .aEducation:hover.Education{
            display:block;
        }    
        
        
        
        
/*PageLayout*/
/*------------------------*/
    .PageLayout{
        position:relative;
        top:70px;
        background-color:white;
        z-index:5000;
        }
        
    .HeaderLayout{
        height:50vh;
        text-align:center;
        border-top:solid black 2px;
        }  
            
    .HeaderLayout img{
        height:100%;
        margin:auto;
        opacity:1;
        transition:transform 0.2s;
            }
            
    .HeaderLayout img:hover{
        transform: scale(1.2);
        transition:transform 1s;

            }

    .HeaderLayout.ChildPage{
            height:auto;
            padding: 20px 0px;
    }

    .HeaderLayout.ChildPage p{
            font-size:36px;
            padding:0px;
            margin:0px;
           
    }
 
/*PageContent*/
/*------------------*/
    .ContentLayout{
        margin-top:20px;
        background-color:white;
        padding: 20px;
        margin:auto;
        }  
        
     .ContentLayout .innerrow{   
        border: 1px solid cornflowerblue;
        padding: 10px;  
        width:calc(70% - 60px); 
        margin:auto;
    
    }  
    
    .ContentLayout .innerrow p{
       margin:10px 0px;
       padding:0;
       font-weight: bold;
       color:cornflowerblue;
      }
      
      
    .innerrow.Center{
    text-align:center;
    }
    
    .innerrow.Center a{
        text-decoration:none;
        cursor:pointer;
        font-size:24px;
        color:black;
        display:block;
        
    }
    
    .innerrow.Center a:hover{
        background-color: cornflowerblue;
        color:white;
        
    }
      
      
    
    .ContentLayout .inner{
          width: 100%;
          margin:auto;
          display: flex;
          flex-wrap: wrap;
          
            }
            
    .ContentLayout .inner p{
       margin:0 5px;
       padding:0;
       
       margin-bottom:10px;
       color:cornflowerblue;
      }
     
          
    .ContentLayout .inner div{
        margin:5px 5px;
        padding:5px 5px;
        width:calc(50% - 22px);
        border: 1px solid cornflowerblue;
        
          
            }
    
    .ContentLayout .inner div p{
       padding:0;
       font-weight: bold;
       margin:0 5px;
       color:cornflowerblue;
}


.ContentLayout .innerrow img{
       height:70px;
       margin:10px 10px;
}
        

/*PageFooter*/
/*----------------------*/
    .FooterLayout{
        position: fixed;
        bottom:0px;
        width:100%;
        background-color:black;
        
        text-align: center;
        }    

    .FooterInner{
            width:80%;
            margin:auto;
            display: flex;
            flex-wrap: wrap;
    }   
     .FooterLayout .FooterInner ul{
         display: flex;
         flex-wrap: wrap;
         flex-direction: column;
         list-style: none;
         padding:0px 10px;
         text-align: left;
         
     }    
 
     
     .FooterLayout ul li{
         font-size:20px;
         font-weight:bold;
         padding:5px 0px;
         color:bisque;
     }
     .FooterLayout ul li a{
         text-decoration:none;
         font-size:16px;
         color: white;
         display: block;
         transition: ease in-out 1s;
         border: 1px solid black;
     }
            
    .FooterLayout ul li a:hover{
        border: 1px solid white;
    
    }
    
    
    
    
/*Form Style*/
/*------------------*/

    
form{
    width:80%;
    min-width:300px;
    margin:auto;
    display: flex;
    flex-wrap: wrap;
    text-align:center;
    background: transparent;
}

.form-col{
    width:calc(50% - 14px);
    min-width:250px;
    margin:5px 5px;
    text-align:left;
}

.form-row{
    width:calc(100% - 14px);
    min-width:250px;
    margin:5px 5px;
    text-align: left;
}

form div span{
    color:red;
}
form input[type=text], 
form input[type=email],
form input[type=password],
form select,
form select option,
form button{
    background:transparent;
    height:35px;
    width:100%;
    font-size: 16px;
    padding:2px 2px;
    border: 1px solid black;
    color: darkblue;
    transition: background 1s;
    margin-top:4px;
    

}


form textarea{
    background:transparent;
    padding:10px 10px;
    width: calc(100%);
    min-width:calc(100%);
    height: 300px;
    min-height:300px;
    color: darkblue;
    font-size: 18px;
    margin-top:4px;
    transition: background 1s;
   
}

form input:focus, 
form button:focusو
form textarea:focus{
   background: white;   
   font-size: 16px;
}

form button{
    background-color: cornflowerblue;
    color: white;
    cursor:auto;
}

.Button{
    background-color: cornflowerblue;
    color: white;
    cursor:auto;
}