/******************************************************************************
 * layout.css
 *
 *
 *****************************************************************************/

/* Root Container: Contains every other container */

div.page {
    text-align:center;
}


/* Next to the page cotainer, holds title image, navigation menus and content
   elements */

div.main-container {
    min-width:740px;
    max-width:1200px;
    min-height: 700px;

    padding:6px 6px 6px 6px;
    margin:auto;
}


/* Title image */

img.title {
}


/* Main content containers */

div.main-content {
    padding:0 1em 1em 1em;
    margin:0 0 8px 15em;

    text-align:left;
}


/* Top navigation menu container */

ul.top-navigation-menu {
    height:2em;
    margin-bottom:8px;

    padding:8px 0 8px 8px;
    text-align:left;
}

li.top-navigation-menu-item {
    display: inline;
    min-height:2em;
    text-align:center;
}

li.top-navigation-menu-item a {
    float:left;
    width:5em;
    margin:0 2em 0 6px;
}


/* Left navigation menu container */

div.left-navigation {
    clear:left;
    float:left;

    width:12em;
    min-height:18em;

    padding:0 1em 1em 1em;

    text-align:left;
}

ul.left-navigation-menu {
    padding:8px 0 0 20px;

}


/* Footer row */

ul.footer {
    list-style-type:none;
}

li.footer-item {
    display: inline;
    padding:0 1em 0 1em;
}