a {text-decoration: none; text-align:center; align-content:center; }
a:hover {background:white; }

h1, h2 {width:100%; text-align:center; align-content:center; padding:5px; }




#Container 
    {
        width:100%;
        height:100%;
        display:flex; 
        flex-direction:column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
    }
#Main
    {
        background:lightyellow;
        order:2;
        flex-grow: 1;
        display:flex; 
        flex-direction:row;
        flex-wrap: nowrap;
    }
    
#Main #Display
    {
        background:lightgrey;
        order:2;
        flex-grow: 1;
    }
#Main #PageMenu
    {
        background:lightyellow;
        order:1;
    }    

#Main #PageMenu nav {background:lightgreen; width:150px; border:2px solid black; margin: 5px;}
#Main #PageMenu nav h2{background:darkgreen; color:white; width:100%; font-weight:bold; text-align:center;}
#Main #PageMenu nav ul{height:5em;  width:100%; overflow:hidden; overflow-y:scroll;}
#Main #PageMenu nav ul a{height:1em;  width:100%; display:block;}

#Main #PageMenu nav .button{  width:100%; display:block; text-align:center; align-content:center; background:darkgreen; color:white;}
#Main #PageMenu .highlight {background:yellow; width:100%;}


#Main #PageMenu #search_az {border:2px solid black;margin:5px;}
#Main #PageMenu #search_az td {border:2px solid black; padding:5px;}
#Main #PageMenu #search_az td a {height:100%; width:100%; display:block;}
#Main #PageMenu #search_az td:hover, #Main #PageMenu #search_az td a:hover{background:lightgreen;}    
#Main #PageMenu #search_az th {background:darkgreen; color:white; width:100%; font-weight:bold; text-align:center;}

#Main #PageMenu #results {border:2px solid black;margin:5px; width:150px;}
#Main #PageMenu #results tr{width:100%;}
#Main #PageMenu #results td {border:2px solid black; padding:5px; }
#Main #PageMenu #results td a {height:100%; width:100%; display:block; background:red;}
#Main #PageMenu #results th {background:darkgreen; color:white; width:100%; font-weight:bold; text-align:center;}


#Header {background:lightgreen; order:1; height:100px; display:flex; flex-direction:row;}
#Header a {display:block; width:100%; height:100%;}
#Header #logo{background:green; width:200px;} 
#Header #topmenu{background:blue; display:flex; flex-direction:row; width:350px;flex-wrap: wrap;}
#Header #topmenu .menubutton{background:lightgreen; width:70px; height:50px;}
#Header #cart{background:red; height:100px; width:100px;}
#Header #search{background:yellow; height:100px; width:100px;}



#Footer
    {
        background:lightblue;
        order:3;
        height:100px;
        display:flex; flex-direction:row;
    }
#Footer a {display:block; width:100%; height:100%;}
#Footer .menubutton{background:lightgreen; width:auto; height:50px;}