@media screen
{
    body
    {
        font-size: 16px;
        font-family: Verdana, Arial, sans-serif;
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        margin-left: 0px;
        background-image: url(../../images/bgGlobe.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-color: #cbe6f9;
        color: #0a1996;
    }
    p, div.p
    {
        line-height:1.5em;
    }
    p.fl:first-letter
    {
        font-size:3em; 
        font-weight:600; 
        display:block; 
        float:left; 
        line-height:.9em;
        padding-right:5px;
    }
    li
    {
        line-height:1.5em;
        padding-bottom:15px;
    }
    
    H1
    {
        font-size: 130%;
        font-style: italic;
        font-family: serif;
        text-align: center;
    }
    H2
    {
        font-size: 110%;
        font-weight:600;
        text-align:left;
        line-height:1.5em;
    }
    H2.center
    {
        text-align:center;
    }
    H3
    {
        font-size: 105%;
        font-weight:normal;
        text-align:left;
        line-height:1.5em;
    }
    img.left {
        float:left;
        margin-right:10px; 
        border: solid 4px #444;
    }
    img.right {
        float:right;
        margin-left:10px; 
        border: solid 4px #444;
    }
    img.center {
        margin-left:10px; 
        margin-right:10px; 
        border: solid 4px #444;
    }
/*        width:150px;
        height:100px; 
        background-repeat:no-repeat; 
        background-image:url(images/man150x100.jpg); */
    div.ColXof2
    {
        float:left;
        width:280px;
        padding-left:5px;
        padding-right:5px;
        height:auto;
    }
    div.define
    {
        display:inline;
        text-decoration:none;
        font-style:italic;
        font-weight:600;
        cursor:help;
    }
    div.definition
    {
        visibility:hidden;
        font-style:normal;
        text-decoration:none;
        font-weight:normal;
        cursor:auto;
        position:absolute;
        background-color:#ffc;  
        border:solid 5px #666;
        padding: 5px 5px 5px 5px;
        width:250px;
        margin-left:-125px;
        height:200px;
        margin-top:-100px;
    }
    div.definition p {
        font-size:12px;
    }
    .transparent {
        overflow:auto;
        filter:alpha(opacity=85);
        -moz-opacity:.85;
        opacity:.85;
    }
    A.news {
        color: #6b8e23;
        font-size: 1.5em;
        display: block;
        font-variant: small-caps;
        font-family: 'Times New Roman' , 'Courier New' , Monospace;
        font-weight:900;
    }
    A.news:hover
    {
        color: #9acd32;
    }

    div#footnotes
    {
        border-top: solid 2px #0a1996;
        font-size:.8em;
    }
    div#headerImg
    {
        height: 150px;
        width: 110px;
        background-image: url(../../images/globe.jpg);
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    #title
    {
        z-index: 50;
        height: 150px;
        width: 770px;
        background-color: #6b8e23;
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 20px;
    }
    #title div
    {
        z-index: 50;
        width:auto;
        position: relative;
        top: 10px;
        left: 125px;
        color: #000;
        font-weight: 900;
        font-variant: small-caps;
    }
    #title div.shadow
    {
        z-index: 55;
        position: absolute;
        top: -3px;
        left: -3px;
        color: white;
    }
    #leftnav
    {
        background-color: #0061d4;
        color: White;
        width: 150px;
    }
    #leftnav A
    {
        background-color: #0061d4;
        color: White;
        width: 150px;
        display: block;
        padding: 10px 5px 10px 5px;
    }
    #leftnav A:hover, #leftnav A:focus
    {
        background-color: #2548a2;
    }

    #leftnav A.submenu
    {
        position: relative;
        top: auto;
        left: 20px;
        width: 130px;
        padding: 5px 5px 5px 5px;
        display: list-item;
        list-style-type: disc;
    }
    #toplinks
    {
        background-color: #2548a2;
        position: absolute;
        top: 160px;
        left: 170px;
        width: 580px;
        border: solid 4px #666;
    }
    #toplinks A
    {
        color: White;
        text-decoration: none;
        font-weight: 900;
        padding: 10px 10px 10px 10px;
        line-height: 30px;
    }
    #toplinks A:hover, #toplinks A:focus
    {
        background-color: #0061d4;
    }

    #main
    {
        position: absolute;
        top: 205px;
        left: 170px;
        width: 575px;
        border: solid 2px #ccc;
        font-weight: 400;
        padding: 5px 5px 5px 5px;
    }
}
@media print
{
    body
    {
        font-size: 12pt;
        font-family: Verdana, Arial, sans-serif;
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        margin-left: 0px;
        background-image: url(../../images/bgGlobe.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-color: #0183e3;
        color: #0a1996;
    }
    div#headerImg
    {
         visibility:hidden;
    }
    #title
    {
        z-index: 50;
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 14pt;
        top:10px;
    }
    #title div
    {
        z-index: 50;
        position: relative;
        top: 0px;
        left: 80px;
        color: #000;
        font-size: 12pt;
        font-weight: 600;
        font-variant: small-caps;
        line-height:60%
    }
    #title div.shadow
    {
        visibility:hidden;
    }
    #leftnav
    {
        display:none;
    }
    #toplinks
    {
        display:none;
    }

    #main
    {
        width: 100%;
        font-weight: 400;
        font-family:Times New Roman, serif;
        border-top: solid 4px black;
    }
    div.ColXof2
    {
        float:left;
        width:45%;
        padding-left:2%;
        padding-right:2%;
    }
    li
    {
        padding-bottom:15px;
    }
    
    H1
    {
        font-size: 130%;
        font-style: italic;
        font-family: serif;
        text-align: center;
    }
    H2
    {
        font-size: 110%;
        font-weight:600;
        text-align:left;
        line-height:1.5em;
    }
    H2.center
    {
        text-align:center;
    }
    div#footnotes
    {
        border-top: solid 2px #0a1996;
        font-size:.8em;
    }
}