/* 
  NOTES
  =====

*/

@import url(undohtml.css);
@import url(layout.css);

body {

    /* Centering for non-compliant (MS IE) browsers */
    text-align: center;

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 80%;

    color: black;
    background-color: tan;

}

div#page{

    /* Centering for compliant browsers */
    margin-left: auto;
    margin-right: auto;

    margin-top: 1em;

    width: 760px;
}


div#container {

    float: left;
/*
    background-image: url(marwood.gif);
    background-repeat: repeat-y;
    background-position: center top;
    background-color: ffeec6;    
    background-color: cornsilk;
*/

    background-image: url(beige111.jpg);
    background-repeat: repeat;
    background-position: top;

}

div#top {

    padding: .5em;
    line-height: 380%;

    clear: both;

    width: 100%;

}

div#left {

    float: left;

    width: 27em;

    padding: 1em;

}


div#right {

    float: right;

    width: 27em;

    padding: 1em;

}

div#bottom {

    clear: both;
    padding: 1em;

    float: left;

    width: 95%;

    font-size: 130%

}


div#top h1 {
    font-size: 225%;
}

div#top h2 {
    font-size: 150%;
}

div#left img, h3 {

    margin: 2em;
   
}

div#right h2, h3 {

    margin: 2em;

}

div#left ul li, div#right ul li {

    margin-bottom: 1em;
    font-size: 130%

}

div#left h3 {

    text-decoration: underline;
    font-size: 125%;

}

div#right h2 {

    font-size: 150%;

}

div#right h3 {

    text-decoration: underline;
    font-size: 125%;

}

.bottom-left {

    float: left;
    text-align: left;
    margin-left: 1em;

}

.bottom-right {

    float: right;
    text-align: right;
    margin-right: 1em;

}

.bio {

    margin-bottom: 6em;

}