/*** THESE SET UP THE BASIC WRAPPER AND GENERAL STYLES ***/

#wrapper {
    background-color:white;
}

#body {
    min-height:6in;
    padding:1em 1em 3em 1em;
}


.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.fakelink {
    color:#6666FF;
    cursor:pointer;
}


/*** THE NAVBAR EMULATES A RESPONSIVE GRID ***/

#navbar {
    width:100%;
    white-space:nowrap;

    margin-bottom:1.5em;
}

#navbar > div {
    display:inline-block;
    white-space:nowrap;
}

#navbar > div.span1 { width:10%; }
#navbar > div.span2 { width:20%; }
#navbar > div.span3 { width:30%; }
#navbar > div.span4 { width:40%; }
#navbar > div.span5 { width:50%; }
#navbar > div.span6 { width:60%; }
#navbar > div.span7 { width:70%; }
#navbar > div.span8 { width:80%; }
#navbar > div.span9 { width:90%; }
#navbar > div.span10 { width:100%; }



/** style some form widgets **/
select,input[type="text"],input[type="password"],textarea {
    border:1px solid #CCCCCC;
    background-color:#FAFAFA;
}