/* PAGE */
html,body {
    color: #445055;
    background-color: #F0F1F3;
}
/* Container for the whole page. Basically a substitute for the body element,
it must be positioned to properly position #footer.
Theoretically, position:relative would do, but relative positioning
is rather quirky in several browsers. Absolute positioning gives
more consistent results. */
div#outer-wrapper {
    margin:0 auto;
    width:900px;
    background-color:white;
}
div#wrapper {
}
div#inner-wrapper {
    width:95%;
    margin: 0 auto 16px auto;
}
/* HEADER */
#header {
    width: 900px;
    min-height:80px;
    background-color: #456CAF;
    text-align: left;
}
#header h1{
    margin:0em 1em 0.5em;
    font-size:3em;
    color:white;
    float:right
}
#photostrip{
    clear:both;
}
#photostrip img{

    margin:0 6px;
    height:100px;
}
/* NAVIGATION */
#mainNavbar, #adminNavbar {
    margin:0.2em 0;
    height: 26px;
    background-color: #456CAF;
    border: 1px solid #DADBDD;
    clear:both;
}
div#mainNavbar div, div#adminNavbar div{
    float:left;
}
#menu {
    width: 75%;
    float: left;
    margin-top: 5px;
}
#menu a {
    color:  white;
    padding-left: 0.5em;
    padding-right: 1.0em;
}
#menu a:hover {
    color:#F0F1F3;
}
#menu em {
    color:#F0F1F3;
}
#userName {
    width:20%;
    padding:0.5em 0;
    color:white;
    float: right;
}

/* CONTENT */
/* Change #content positioning in all non-WinIE browsers,
except for Opera 5 and 6, using the "Owen" hack, still hiding from Mac IE5.
After this, MacIE5 and Opera 5-6 have 0 padding,
while other browsers have padding to allow for footer. */ /* \*/
head:first-child+body div#content {
    padding-bottom: 10px; /* adjust to at least #footer height */
} /* */
#main-content-1col {
    width: 100%;
    margin: 0px auto;
}
#main-content-2col {
    width: 80%;
    float: right;
}
#sidepanel-content-2col {
    width: 15%;
    margin: auto;
    float: left;
}
#sidepanel-content-2col .panel {
    background-color: #F6F2E9;
    padding: 1em;
}
#content {
    margin: 0;
}
/* HEADINGS */
h1 {
    padding-top:0.5em;
    font-weight: bold;
    font-size:16px;
    color: #0082b2;
}
h2 {
    padding-top:0.5em;
    font-weight: bold;
    font-size:12px;
    color: #0082b2;
}
h3 {
    padding-top:0.5em;
    font-weight: bold;
    font-size:12px;
    color: #0082b2;
}
/* OBJECT BAR*/
#objectBar {
    display: block;
    margin: 0.5em auto;
    padding: 0.3em;
    font-size: medium;
    font-weight: bold;
    color: #000066;
    background-color: #dddddd;
    border: #000066 0.1em solid;
}
/* PANELS */
.panel {
    margin: 0 auto;
    padding: 0.5em;
    border: 1px solid #E6DBC9;
}
.panel.heading {
    margin: -0.5em -0.5em 0 -0.5em;
    padding: 0.3em 2em;
}
.panel.heading h1 {
    font: bold 12px verdana;
    color: #123356;
    margin-top: 0;
}
.highlightPanel {
    margin: 2em auto;
    padding: 1em;
    background-color: #FF9801;
    color: white;
    font-weight: bold;
}
.highlightPanel p {
    text-align: center;
}
div.warning {
    margin:1em auto;
    padding:1em;
    font-weight: normal;
    text-align:center;
    background-color: yellow;
    border: 1px solid red;
}
.section{
    clear:both
}
.sectiontitle{
    font-size:1.2em;
    font-weight:bold;
    margin: 1em 0 0 0;
    padding:0.4em 0.5em;
    background-color:#F0F1F3;
    border: 1px solid #DADBDD;
}
ul {
    list-style-type: disc;
    /* need a left margin or else ie will not display markers */
    margin: 0 0 1em 1.5em;
}

li {
    margin: 0.5em 0;
}
a {
    text-decoration: none;
    color: #313B69;
}
a:hover {
    color: #313B69;
    font-weight:bold;
}
a.active {
    color: #313B69;
}
p {
    margin-bottom: 1em;
}
.numeric {
    text-align:right;
}
.clear {
    clear: both; /* below longest column */
    margin: 0;
    padding: 0;
}

/* FOOTER */
#footer {
    clear: both;
    width: 900px;
    margin: 0;
    padding: 1em 0;
    font-size: 0.9em;
    background-color: #F0F1F3;
    text-align:center;
}