/*----------------------------------------------------------------------------*/
/* . Main page sections. */
/*----------------------------------------------------------------------------*/
html, body
{
    background-color : #FFFFFF ;
    font-family      : Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif ;
    font-size        : 100% ;
    height           : 100% ;
    margin           : 0 ;
    padding          : 0 ;
    width            : 100% ;
}

div.mainheader
{
    background-color : #F7F7F7 ;
    border           : 1px solid #008B8B ;
    height           : 5.5em ;
    margin           : 1px ;
    padding          : 1px ;
}

div.maincenter
{
    margin   : 0.4em 0 1.6em 0 ;
    overflow : auto ;
}

/* . Left box in center. */
div.navigation
{
    float       : left ;
    font-family : Georgia, "Bitstream Vera Serif", "New York", Palatino, serif ;
    font-size   : 80% ;
    margin      : 1em 0 0 0 ;
    width       : 15em ;
}

/* . Right box in center. */
div.content
{
    line-height  : 1.4em ;
    margin       : 0 1.2em 0 15em ;
    text-align   : justify ;
}

div.mainfooter
{
    background-color : #F7F7F7 ;
    border-top       : 1px solid #008B8B ;
    font-size        : 75% ;
    height           : 3em ;
    margin           : 1px ;
    padding          : 1px ;
}

/*----------------------------------------------------------------------------*/
/* . Anchors. */
/*----------------------------------------------------------------------------*/
a:link
{
    text-decoration : none ;
}

a:visited
{
    text-decoration : none ;
}

a:hover
{
    text-decoration : none ;
}

a:active
{
    text-decoration : none ;
}

/*----------------------------------------------------------------------------*/
/* . Definition descriptions. */
/*----------------------------------------------------------------------------*/
dd
{
    margin-bottom : 0.5em ;
}

/*----------------------------------------------------------------------------*/
/* . Definition terms. */
/*----------------------------------------------------------------------------*/
dt
{
    font-weight : 700 ;
    margin      : 0.3em ;
}

/*----------------------------------------------------------------------------*/
/* . Divs. */
/*----------------------------------------------------------------------------*/
div.biographyimage
{
    float  : right ;
    margin : 0 0 1.0em 3.0em ;
}

div.logoheader
{
    float : left ;
}

div.mainimages
{
    display : inline ;
    float   : left ;
}

div.moleculeheader
{
    float : left ;
}

div.searching
{
    float       : right ;
    margin      : 2px 0 0 0 ;
    white-space : nowrap ;
}

div.program
{
    background-color : #D3D3D3 ;
    padding          : 0.25em 0 0 0 ;
}

div.validation
{
    float : right ;
    top   : 2px ;
}

div.warning
{
    background-color : #FFD700 ;
    border           : 0.2em solid #DAA520 ;
    margin           : 1em ;
    padding          : 1em ;
    text-align       : center ;
}

/*----------------------------------------------------------------------------*/
/* . Headers. */
/*----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5
{
    font-family : Georgia, "Bitstream Vera Serif", "New York", Palatino, serif ;
    font-weight : normal ;
}

h1
{
    color           : #234764 ;
    font-size       : 160% ;
    margin          : 0.7em 0 0.7em 0 ;
    text-decoration : none ;
}

h1.mainpages
{
    margin : 1.0em 0 1.0em 0 ;
}

h2
{
    color     : #366D9C ;
    font-size : 140% ;
    margin    : 0.7em 0 0.7em 0 ;
}

h3
{
    color      : #366D9C ;
    font-size  : 135% ;
    font-style : italic ;
    margin     : 0.4em 0 0 0 ;
}

h4
{
    color     : #366D9C ;
    font-size : 125% ;
    margin    : 0.4em 0 0 0 ;
}

h4.warning
{
    color     : #234764 ;
    font-size : 125% ;
}

/*----------------------------------------------------------------------------*/
/* . Images. */
/*----------------------------------------------------------------------------*/
img.biography
{
    border : 0 ;
    bottom : 0 ;
    height : 12em ;
}

img.logoheader
{
    border      : 0 ;
    height      : 4.6em ;
    margin-left : 1.25em ;
    margin-top  : 0.5em ;
}

img.moleculeheader
{
    border      : 0 ;
    height      : 4.6em ;
    margin-left : 0.75em ;
    margin-top  : 0.5em ;
}

/*----------------------------------------------------------------------------*/
/* . Inputs. */
/*----------------------------------------------------------------------------*/
input.submit
{
    background-color : #F8F7F7 ;
    border-bottom    : 1px solid #6F7777 ;
    border-left      : 1px solid #C4CCCC ;
    border-right     : 1px solid #6F7777 ;
    border-top       : 1px solid #C4CCCC ;
    color            : #223344 ;
    font-weight      : bold ;
    margin           : 0 0.4em 0 0.4em ;
    padding          : 0 0.2em 0 0.2em ;
    vertical-align   : text-top ;
}

input.text
{
    background-color : #FFFFFF ;
    border           : 1px solid #C4CCCC ;
    width            : 12em ;
    vertical-align   : text-top ;
}

/*----------------------------------------------------------------------------*/
/* . List elements. */
/*----------------------------------------------------------------------------*/
li
{
    margin-bottom : 0.5em ;
}

/*----------------------------------------------------------------------------*/
/* . Spans. */
/*----------------------------------------------------------------------------*/
span.citation
{
    color : #008000 ;
}

span.code
{
    font-family : Courier, Fixed, monospace ;
    font-weight : 700 ;
}

span.italic
{
    font-style : italic ;
}

/*----------------------------------------------------------------------------*/
/* . Tables. */
/*----------------------------------------------------------------------------*/
table
{
    table-layout : auto ;
}

/*----------------------------------------------------------------------------*/
/* . Table headings. */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* . Unordered lists. */
/*----------------------------------------------------------------------------*/
ul.level0
{
    background-color : #F5F5F5 ;
    border           : 1px solid #DADADA ;
    color            : #4B5A6A ;
    line-height      : 1.4em ;
    list-style       : none ;
    margin           : 0 0 4px 1em ;
    padding          : 0.5em 0.5em 0.5em 1em ;
    text-transform   : uppercase ;
    width            : 14em ;
}

ul.level1
{
    background-color : transparent ;
    color            : #3C4B7B ;
    list-style       : none ;
    margin           : -0.1em 0 0.1em 1.5em ;
    padding          : 0.1em ;
    text-transform   : none ;
}

ul.level2
{
    background-color : transparent ;
    color            : #5E72A5 ;
    list-style       : none ;
    margin           : -0.1em 0 0.1em 1.8em ;
    padding          : 0.1em ;
}