/* This stylesheet controls the positioning and layout of page elements. */

body {
    width: 100%;
    min-width: 650px;
    padding: 0;
    margin: 0;
}

.navbar li {
    float: left;
}

#header {
    text-align: left;
    position:relative;
    height: 128px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.togglebutton {
    background-color:#1111110f; 
    border-color:black; 
    border-radius: 4px; 
    border-width: 1px;
}

.togglebutton:hover {
    background-color: #3d3a3aa9;
    text-decoration: none !important;
}

#logo {
    margin: 0;
    padding: 24px;
}

#login {
    position: absolute;
    top: 48px;
    right: 20px;
    padding: 8px;
}

/*
 *  These control the top navigation menu
 */
#adminbar {
    min-height: 24px;
}

#adminbar ul {
    margin: 0;
    min-height: 24px;
}

#adminbar li {
    list-style-type: none;
}

#adminbar a {
    line-height: 24px;
}

#topnav ul {
    margin: 0;
    min-height: 2em;
    padding: 0;
}

#topnav li {
    margin-right: 3%;
    display: block;
}

#topnav a {
    padding-left: 10px;
    line-height: 24px;
}

#topnav .search-container {
    float: right;
}

#topnav .search-container button {
    float: right;
    background: #ccc;
}

#topnav .search-container button:hover {
    background: rgba(204, 204, 204, 0.358);
    float: right;
}

#topnav .search-input {
    width: 200px;
}

/*
 *  These enable the 3-column layout,
 *  where the middle column is liquid and the
 *  left and right columns are fixed width.
 */

#contentContainer {
    display: table;
    height: 100%;
    background-color: #d5e14d;
    padding-top: 17px;
}

#contentContainer .column {
    display: table-cell;
}

#innerColumns {
    width: 100%;
    padding: 5px;
    padding-left: 0;
    background-color: white;
}

#innerColumnWrap {
    display: table;
    width: 100%;
}

/* MC - mainColumn */
#mainColumn {
    width: 100%;
    padding: 0 4em;
}

/* LC - leftColumn*/
#leftColumn {
    padding-right: 10px;
}

/* RC - rightColumn */
#rightColumn {
    min-width: 14em;
    padding-left: 20px;
    padding-right: 20px;
}
