* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -165px;	! The size of the badge-bottom-blend image
}
.footer, .push {
height: 165px;	! The size of the badge-bottom-blend image
}



#top {
    position : fixed;
    top : 1em;
    left : 20px;
}

h1 {
    padding : 0.5em 0em 0.5em 1.0em;
}
h2, h3 {
    padding :  1em 0em 0.1em 1em;
}

p {
    padding : 0.5em 0 0 0;
}

.list:before {
    content: url("squares32.png");
    // content: url("squares26.png");
}
h1, h2, h3 {
    color :  rgb(94,9,7); 
}

body {font-size : large ;
     padding-left : 13em;
     padding-right : 5em;
     background-image:url('background.jpg');
}



#navbar {
    color : yellow;  /* the color of the list circle if present */
}

#navbar  li {
    background: rgb(94,9,7);
    margin: 0.5em 0.5em;
    border : 0.1em;
    padding: 0.3em 1em 0.3em 1em;
    list-style-type: none;
}

#navbar a:link  {
    color: white ;
}
#navbar a:visited {
    color: white ;
}




#navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 0.5em;
    width: 11em ;
}