/* -- Redefine some html attributes -- */
body {
    margin: 0px;
    padding: 0px;
    background: white;
    _font-size: .8em;
}
/* -- Might just want to rename the #choice thing
    to #normal or something, then go back through and
    apply that to the various elements I'm trying to cover
    with the following overrides -- */
input { _font-size: .8em; }
select { _font-size: .8em; }
textarea { _font-size: .8em; }
/* ---- */


/* -- Main page text properties -- */
/* Main body choice hyperlinks */
#choice {
    _font-size: .8em;
}
/* Sidebar menu hyperlinks */
#menu {
    font-size: .8em;
    text-decoration: none;
    margin-left: .5em;
}
/* Header text */
h2 {
    _font-size: 1.5em;
    /* Defining text-margin (rather than div margin) in case 
        someone wants to put images in the header */
    margin-bottom: .2em;
    _margin-bottom: 1em;
    _margin-top: .8em;
}
/* Footer text */
h5 {
    font-size: .7em;
}  
/* ---- */


/* -- Formatting blocks -- */
/* The container for all the other blocks */
#wrapper {
    position: relative;
    width: 774px;
    height: 554px;
}
/* The frame for the header, sidebar, and main blocks */
#border {
    position: relative;
    top: 0px;
    left: 0px;

    width: 770px;
    _width: 778;
    height: 525px;
    _height: 533px;
    border: 4px solid #7D7D7D;
}
/* Used to set margins inside of divs */
#margin {
    margin: 1.2em;
    _margin: 1em;
}
/* ---- */


/* -- Main page blocks -- */
/* Deals with the content blocks */
#header {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 770px;
    height: 75px;

    text-align: center;
    color: white;
    background: #76A877;

}
#sidebar {
    position: absolute;
    top: 75px;
    left: 0px;

    width: 150px;
    height: 450px;

    text-align: left;
    background: #96A876;
}
#main {
    position: absolute;
    top: 75px;
    left: 150px;

    width: 620px;
    height: 450px;

    overflow: auto;
    text-align: left;

    background-image: url(images/main_background.jpeg);    
}
#footer {
    width: 770px;
    height: 25px;

    background: white;
    text-align: center;
}
/* ---- */


/* -- Popup window stuff -- */
#popup {
    background-image: url(images/main_background.jpeg);
}
#popup-div {
    width: 560px;
    height: 280px;
    
    overflow: auto;

    border: 2px solid gray;"
}    
/* ---- */