﻿@media screen
{
    /* --- Basic selectors --- */
    body
    {
        background-color: #F0FAFF;
        font-family: arial, sans-serif;
        font-family: Verdana, Arial, Sans-Serif;
        text-align: center;
        margin: 0px;
        padding: 15px;
        font-size: 0.85em;
        color: #222;
    }

    p
    {
        color: #333;
        text-align: left;
    }
    a
    {
        color: #1063A3;
        text-decoration: underline;
    }
    a:visited
    {
        color: #164669;
    }

    a:focus
    {
        color: #164669;
    }
    
    a:hover
    {
        color: #164669;
        text-decoration: underline;
    }

    a:active
    {
        color: #777;
    }   
     
    h1, h2, h3, h4
    {
        font-family: "Palatino linotype" , arial, sans-serif;
        font-family: Gill Sans MT, Trebuchet MS, Tahoma, Sans-Serif;
        font-family: Trebuchet MS, Tahoma, Sans-Serif;
        color: #333333;
        font-weight: bold;
        /* font-variant: small-caps; */
        font-size: 150%;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 5px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    h2, h3, h4
    {
        font-size: 140%;
        margin-top: 20px;
        margin-bottom: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    h3
    {
        font-size: 125%;
    }
    h4
    {
        font-size: 115%;
    }
    .watermarked
    {
        color: #B0B0B0;
    }
    .clearFloat 
    {
        float:none;
        clear:both;
    }
    /* --- Basic Containers --- */

    #Container
    {
        border-left: 4px solid #1063A3;
        border-right: 4px solid #1063A3;
        background-color: #FFF;
        width: 760px;
        float: none;
        text-align: left;
        margin: 0 auto;
        padding: 0px;
    }

    #Menu
    {
        background-color: #FFF;
        float: left;
        display: block;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        width: 200px;
        margin-bottom: 10px;
    }

    #Content
    {
        background-color: #FFF;
        float: right;
        display: block;
        width: 520px;
        padding: 17px;
        padding-right: 20px;
        padding-top: 7px;
    }

    .spacer
    {
        clear: both;
        height: 0px;
    }


    /* --- Masthead & Header --- */
    #Masthead
    {
        background: #1063A3 url(../../images/header_bgtop.gif) no-repeat left top;
        width: 768px;
        float: none;
        text-align: left;
        margin: 0 auto;
        padding: 0px;
        height: 30px;
    }

    #Header
    {
        background-color: #FFF;
        float: left;
        display: block;
        width: 760px;
        margin: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }
    #Stripe
    {
        background-color: #1063A3;
        float: left;
        display: block;
        width: 760px;
        height: 4px;
        padding: 0px;
        margin: 0px;
    }
    
    /* Default.aspx image placeholder */
    #MainImg
    {
        background-color: #1063A3;
        float: left;
        display: block;
        width: 760px;
        padding: 4px 0px 4px 0px;
        margin: 0px;
    }
    #Logo
    {
        float: left;
        width: 47%;
        padding: 23px 10px 23px 20px;
    }

    /* Search box */
    .Search
    {
        float: right;
        width: 47%;
        text-align: right;
        padding: 30px 12px 0px 0px;
    }

    .searchBoxRounded
    {
        background-image: url("../../images/search-bg.gif");
        background-repeat: no-repeat;
        background-position: left; 
        width: 140px;
        height: 20px;
        float: right;
    }

    .searchBoxRoundedInput
    {
        background: none;
        border: 0px;
        width: 105px;
        height: 15px;
        margin-left: 5px;
        padding-top: 3px;
        font-size: 0.75em;
        float: left;
    }

    .searchBoxRoundedButton
    {
        margin-top: 2px;
    }


    /* Languge */
    .editlanguageChange
    {
        padding: 0px 36px 0px 5px;
        float: right;

    }
    .editlanguageChange a
    {
        color: #FFF;
        font-size: 11px;
        line-height: 20px;
        text-decoration: underline;
    }

    .editlanguageChange a:hover
    {
        color: #66B3FF;
        font-size: 11px;
    }



    /* --- Footer --- */
    #Footer
    {
        background: #1063A3 url( "../../images/footer_bgbottom.gif" ) no-repeat left bottom;
        width: 768px;
        text-align: center;
        padding: 0px;
        margin: 0 auto;
        color: #E4F2FC;
        font-size: 90%;
    }

    #Footer_content
    {
        background: url("../../images/footer_bgtop.gif") no-repeat left top;
        width: 768px;
        height: 75px;
        padding: 20px 0px 10px 0px;
    }

    #leftInfo
    {
        float: left;
        width: 212px;
        padding: 13px 7px 13px 7px;
        margin: 0px 13px 0px 13px;
        border-right: solid 1px #E4F2FC;
    }
    #centerInfo
    {
        float: left;
        width: 214px;
        padding: 13px 7px 13px 7px;
        margin: 0px 13px 0px 13px;
        border-right: solid 1px #E4F2FC;
    }
    #rightInfo
    {
        float: left;
        width: 212px;
        padding: 7px;
        margin: 0px 13px 0px 13px;
    }
    /* hack for Win IE6.0 */
    /*\*/ * html #leftInfo, #centerInfo, #rightInfo { width: 200px; } /**/
    
    #rightInfo a, #rightInfo a:link, #rightInfo a:visited
    {
        color: #E4F2FC;
    }

    /* --- EditableLanguage --- */
    a.EditModeLink
    {
        color: Green;
        text-decoration: none;
    }

    body.editlanguage-body
    {
        text-align: left;
    }
    .editlanguage-maindiv
    {
        padding: 10px;
    }
    .adminheader
    {
        font-size: large;
        font-weight: bold;
        display: block;
        margin-bottom: 0.5em;
    }
    .editlanguage-panel-edittext
    {
        margin-top: 1em;
    }
    .editlanguage-button
    {
        width: 8em;
    }

    /* --- Faq.aspx --- */
    ul.faq-link-list

    {
        margin: 0px 0px 0px 15px;
        padding: 0px;
    }
    ul.faq-link-list li
    {
        padding: 0px 0px 6px 0px;
        list-style-image: url(../../images/smallright.gif);
        line-height: 1.4em;
    }
    ul.faq-link-list li a
    {
        text-decoration: none;
        color: #333;
    }
    ul.faq-link-list li a:hover
    {
        text-decoration: underline;
        color: #333;
    }

    span.faq-label-question1, span.faq-label-question
    {
        color: #006699;
        font-weight: bold;
    }

    span.faq-label-answer1
    {
        color: #000;
        font-weight: bold;
    }
    span.faq-label-answer
    {
        color: #000;
        font-weight: normal;
    }
    p.no-bottom-margin
    {
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: right;
    }

    /* --- Document.aspx --- */

    .linkList_Pager_left
    {
        float: left;
        display: block;
        text-align: left;
        width: 47%;
    }
    .linkList_Pager_right
    {
        float: right;
        display: block;
        text-align: right;
        width: 47%;
    }

    /* --- RSS feed --- */    
    .rss 
    {
        padding-left: 5px;
        padding-bottom: 3px;
    }
    .rss img
    {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 5px;
    }
    .rss a
    {
        
        text-decoration: none;
        color: #1063A3;
    }
    .rss a:hover
    {
        text-decoration: none;
        color: #1063A3;
    }
    
}