/* Styles for my portal page it174*/
*{
    padding: 0;
    margin:0;
    box-sizing: border-box;
}

body {
    background-color:rgb(57, 57, 52); 
   font-family:Geneva, Tahoma, sans-serif;
   line-height:1.6;
}
#wrapper{
   width:940px;
   margin:0 auto;
   background-color: #e2eedd;
}
header{
    height:110px;
    line-height: 110px;
    background-color:white;
    width:100%;
    padding-top: 25px;
   

}
nav{
    height:60px;
    line-height:60px;
    background:rgb(57, 57, 52);
    /* color:aliceblue; */
}
#primary {
    margin:0 auto;
    list-style-type:none;
}

#primary > li{
    float:left;
    width:50%;
    text-align:center;
   position:relative;
   
}

#primary a {
    text-decoration:none;
    display:block;
}

#primary a:hover {
    background:#2c4e2c;
    color:#e2eedd;
    display:block;
}



.drop-down {
    display:none;
}

.drop-down a{
    display:none;
    color:rgb(129, 78, 10);
    background-color:rgb(212, 212, 211);
}


#primary li:hover .drop-down{
    display: block;
    position:absolute;
    width:100%;
    background-color:#2c4e2c; 
    list-style-type:none;
    
}




main{
    width:580px; 
    background-color: #e2eedd;
    float:left;
    padding:25px;
    margin-bottom:15px;
    overflow: hidden;
    line-height: 1.4;
}

aside{
    width:360px;
    background-color:#4d5b46;
    float:right;
    padding:20px 15px;
    margin-bottom:15px;
     
}

aside li{
   margin-left: 10px;
   list-style-type: none;

}
/* 
figcaption{
    background-color:#e2eedd;
        color:rgb(53, 48, 48);
        font-size: 0.875em;
        padding:4px;
        font-style:italic;
        text-align: center;
        margin-bottom: 15px;
    } */
    
    footer{
        height:50px; 
        line-height: 50px; 
        
        clear:both;
        border-top: 2px dotted rgb(53, 48, 48) ;
    }
    footer ul{
        display: flex;
        justify-content: center;
        list-style-type: none;
        font-size:.875em;

    }
    footer li{
       
        color:brown;
        margin:0 20px;
    }

    blockquote {
        font-size: 1.20em;
        line-height: 1.25;
        text-align:center;
        font-style: italic;
        margin-left:15px;
        margin-bottom:1em;
        border-left: 5px solid #4d5b46;
        color: #252c22;
    }

    h1,h2,h3{
        font-family: Georgia, 'Times New Roman', Times, serif;
        line-height: 1.2;
        margin-bottom: 8px;
       
    }

    h1 {
        font-weight:200;
        font-size:2.44em;
        text-align:center;
        color:#4d5b46;
        
    }
    
    h2{
        color:rgb(53, 48, 48);
        font-size: 1.9em;
        text-align:center;
    }
    
    h3{
        font-size: 1.728em;
        font-weight:200;
    }

    aside h3{
        color:rgb(217, 217, 176);
    }
    
    
    p{
        /* font-family:Arial, Helvetica, sans-serif; */
        max-width:100%;
        line-height: 1.2;
        margin-bottom: 15px;
        color:rgb(53, 48, 48);
    }

    aside p{
        color:rgb(233, 236, 229);
    }
 
a {color:rgb(247, 246, 244);}
ul{color:#2c4e2c;}


img{
    max-width: 100%;
    display:block;
    
}
main img{
    width: 300px;
    margin-top:10px;
    margin-right:auto;
    margin-left: auto;
    margin-bottom: 30px;
}

.left img {
    float: left;
    max-width: 200px;
}