body 
{
    font: 0.9em/1.4em Myriad, Helvetica, Arial, sans-serif;
    color: #707070;
    background-color: #D3D3D3;
}

h1
{
    font: 1.1em/1.6em Myriad, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #36648B;
    margin: 0 0 0.9em 0;
}

a
{
    color: #36648B;
}

a:visited
{
    color: #8B5F65;
}

a:hover
{
    background-color: #FFEC8B;
}

.div-globalnav a:hover
{
    background-color: Black;
}
    
hr
{
    margin: 0 0 1ex 0;
}

.link-nav
{
    display: block;
    margin: 0 0 0.5ex 0;
}

.link-subnav
{
    display: block;
    padding: 0 0 0.5ex 1ex;
}

.div-all /* this provides the appearance of a 'document' */
{
    margin-left: auto; /* Firefox */
    margin-right: auto; /* Firefox */
    text-align: left; /* fix the alignment back to left within this div */
    width: 59em; 
    overflow: hidden;
    /*min-height: 201em; */
    background-color: White; 
    border: solid 1pt gray; 
    padding: 1em 5em 1em 4.8em;
}

.div-banner
{
    margin-left: auto; /* Firefox */
    margin-right: auto; /* Firefox */
    text-align: left; /* fix the alignment back to left within this div */
    width: 68.8em; 
    height: 2.8em;
    background-color: Black; 
}

.div-globalnav
{
    float: right;
    padding-top: 0.6ex;
    color: White;
    font-weight: bold;
}

a.globalnav
{
    color: White;
    font: 0.8em/1em Myriad, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.pipe-separator
{
    margin: 0 2ex 0 2ex;
}

.div-localnav
{
    display: block;
    float: left; 
    width: 6em; 
    height: 10em; 
    padding-top: 8em;
    position: fixed;
}

.div-copyright
{   
    width: 100%;
    font-size: 80%;
    margin: 2em 0 1em 0;
    float: right;
    text-align: right;
}

.div-body
{
    width: 43em; 
    display: inline; 
    float: right; 
    min-height: 40em; 
    margin: 6.9em 0 0 0;
}

.div-body-with-pic
{
    width: 43em; 
    display: inline; 
    float: right; 
    min-height: 40em; 
}

.div-bodysection
{
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 3.9em 0;
    line-height: 1.4em;
}

.div-leftcol
{
    float: left;
    width: 47%;
    height: 100%;
}

.div-rightcol
{
    display: inline;
    float: right;
    width: 47%;
    height: 100%;
}

.div-singlecol
{
    float: left;
    width: 100%;
    height: 100%;
}

.div-screenshot
{
    float: left;
    width: 100%;
    height: 100%;
    padding-top: 2em;
    text-align: center;
    margin-bottom: 1em;
}

.p-body
{
    margin: 2ex 0 0 0;
}

.p-topper
{
    margin: 1em 0 0 0;
    float: right;
    font-size: 80%;
}

.label-emphasis
{
    font-style: italic;
}

.div-toolbar
{
    display: block;
    width: 59em;
    height: 5em;
    background-color: Black;
}

.img-toolbarbutton
{
    height: 1.75em;
    display: inline;
    float: right;
    margin-left: 0.8em;
    border: none;
}

.img-screenshot
{
    border: solid 1pt black;
}

.table-info
{
     border: none;
     margin-left: 3em;
     margin-top: 1em;
}

.table-work
{
     border: none;
     margin-top: 0.5em;
     padding-top: 0.3em;
     padding-left: 1em;
     padding-right: 1em;
     padding-bottom: 0.3em;
     font-size: smaller;
     background-color: #ECF1EF; /*#EBECE4;*/
     color: Black;
     width: 100%;
}

.input-button
{
    background-color: White;
    border-color: #707070;
    color: #707070;
    border-width: 1pt;
    width: 5em;
}

.input-buttonhover
{
    background-color: #ECF1EF;
    border-color: Black;
    color: Black;
    border-width: 1pt;
    font-weight: bold;
    width: 5em;
}

.textual-emphasis
{
    color: #CD6600;
    font-weight: bold;
}

.td-worktype
{
    vertical-align: top;
    font-weight: bold;
    width: 11em;
    border-bottom: solid 0.5pt #C1CDCD;
    padding: 1ex 1ex 1ex 1ex;
}

.td-workdesc
{
    vertical-align: top;
    border-bottom: solid 0.5pt #C1CDCD;
    padding: 1ex 1ex 1ex 1ex;
}