body {
    font-size: small;
    font-family: sans-serif;
}

h1 {
    font-size: 1.3em; 
}

h2 {
    font-size: 1.1em;
}

table {
    border-collapse: collapse; 
}

#menu { 
    float: left;
}

/* Two-column layout */

#menu {
    width: 10em;
    margin-right: 1em;
} 

#main {
    margin-left: 11em;
}

#navigation {
    margin-bottom: 1em; 
}

#photos {
   margin-bottom: 1em;
}

#photos td {
  padding: 0.2em; 
}

#photos ul {
    list-style-type: none; 
    padding: 0em;
}

#photos li {
    float: left; 
    margin-right: 0.5em;
    margin-bottom: 1em;
}

#photos img {
    display: block;
}

#upload {
    clear: both; 
}

/* Menu buttons */
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu li {
    border-bottom: 1px solid black;
    background-color: yellow;
}
#menu ul {
    border-top: 1px solid black;
    border-left: 6px solid black; 
    border-right: 1px solid black; 
}
#menu li a, #menu #welcome {
    display: block;  
    padding: 5px 5px 5px 0.5em;
    text-decoration: none;
}

/* Links to other pages or photos */
.linkable, .notLinkable {
    padding-right: 0.2em; 
}

.notLinkable {
    font-style: oblique; 
}

/* photo path names */

.path {
  font-style: oblique; 
}