@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
    *           { margin: 0; padding: 0; }
    html        { background: #b7b7b7 url(/images/bg-html.jpg) repeat-x center top; }
    body        { background: transparent url(/images/bg-body.png) no-repeat center top; font-size: 62.5%; font-family: "Trebuchet MS", arial, helvetica, sans-serif; line-height: 1.6em; text-align: center; }

/* LINKS: =links
----------------------------------------------- */
    a img   { border: none; }

    a { text-decoration: none; color: #3572c9; }
    a:visited { color: #a5323e; }
    a:hover { text-decoration: underline; }

    a.pdf { background: url(/images/icon-pdf.gif) no-repeat right top; padding-right: 25px; }

/* TYPOGRAPHY: =typography
----------------------------------------------- */
    h1,
    h2 { text-align: left; }
    h1 { font-size: 2.2em; color: #a5323e; }
    h2 { color: #6f6f6f; }
    #content p,
    #content ul,
    ol,
    dl { font-size: 1.3em; line-height: 1.6em; margin: 10px 0; text-align: left; }
    #content dl p { font-size: 1em; }

/* HEADER: =header
----------------------------------------------- */
/*  #header h1 { background: transparent url(/images/h1.gif) no-repeat; width: 270px; height: 62px; text-indent: -9999px; margin: 0 0; position: absolute; right: 20px; top: 9px; font-size: 3em; color: #FFFFFF; }*/
    #header img { position: absolute; top: 9px; right: 20px; }

/* NAVIGATION: =nav
----------------------------------------------- */

    /*
    div#navigation { border: solid 1px #FFFF00; }


    #navigation ul li a { display: block; float: left;   display: inline; }
    */
    div#navigation { background: transparent url(/images/bg-navigation.gif) no-repeat; width: 582px; text-align: left; position: absolute; top: 43px; left: 20px; overflow: hidden; }

    #navigation ul li { list-style-type: none; display: inline; }
    #navigation ul li a { display: block; float: left; height: 30px; margin-right: 3px; color: #FFFFFF; display: inline; text-indent: -9999px; }

    .home a { width: 78px; }
    .calendar a { width: 105px; }
    .links a { width: 73px; }
    .events a { width: 84px; }
    .about a { width: 105px; }
    .contact a { width: 119px; }

    #navigation a:hover,
    #navigation a.selected { background-image: url(/images/bg-navigation.gif); background-repeat: no-repeat; }

    #navigation .home a:hover { background-position: 0 -30px; }
    #navigation .links a:hover { background-position: -81px -30px; }
    #navigation .events a:hover { background-position: -157px -30px; }
    #navigation .about a:hover { background-position: -244px -30px; }
    #navigation .contact a:hover { background-position: -352px -30px; }
    #navigation .calendar a:hover { background-position: -474px -30px; }

    #navigation .home a.selected { background-position: 0 -60px; }
    #navigation .links a.selected { background-position: -81px -60px; }
    #navigation .events a.selected { background-position: -157px -60px; }
    #navigation .about a.selected { background-position: -244px -60px; }
    #navigation .contact a.selected { background-position: -352px -60px; }
    #navigation .calendar a.selected { background-position: -474px -60px; }

/* LAYOUT: =layout
----------------------------------------------- */
    div#container { width: 990px; margin: 0 auto; position: relative; }
    div#header { background: #22182e; height: 73px; border-bottom: 5px solid #a5323e; }
    div#content { background: #ffffff; padding: 20px; color: #626262; min-height: 400px; }

    div.threeCol { background: transparent url(../images/bg-columns.gif) repeat-y; }
    div.twoCol { background: transparent url(../images/bg-twocol.gif) repeat-y; }
    .col { float: left; }
    .bigCol { width: 454px; margin: 0 20px; }
    .smallCol { width: 228px; }
    .fullCol { width: 702px; margin: 0 0 0 20px; }

    .blurb { border-bottom: 2px solid #f0f0f0; text-align: left; padding-bottom: 4px; }
    .blurb h2,
    .fullCol h2,
    .title h2 { color: #a5323e; font-size: 2.4em; font-weight: normal; margin: 16px 0 9px 0; line-height: 22px; }

    div.article h3,
    .blurb h3 { font-size: 1.4em; }

    div.article h2 { margin-bottom: 20px; }
    div.article { text-align: left; }

    div#communityNotice { background: transparent url(/images/bg-commnotice.gif) repeat-y; padding-bottom: 0; }
    #communityNotice h2 { background: #a5323e url(/images/h2-commnotice.gif) no-repeat; height: 27px; color: #FFFFFF; padding: 9px 0 0 12px; }
    #communityNotice dl { background: transparent url(../images/commnotice-bottom.gif) no-repeat bottom; padding: 0 12px 35px 12px; margin: 0; }

    #communityNotice dt { font-weight: bold; font-style: italic; margin-top: 16px; text-decoration: underline; }

    .last { border: none; }

/* LISTS: =lists
----------------------------------------------- */
    ul, ol { list-style-type: none; }
    ul#localnumbers li,
    ul#localnumbers p,
    ol {
        margin: 0 0 0 0;
    }
    ol li { padding: 2px 4px; }

    ul#localnumbers li {
        clear: left;
    }
    ul#localnumbers p
     {
        line-height: normal;
        font-size: .85em;
        float: left;
        width: 146px;
        padding: 2px 0;
    }

    ul#localnumbers p.tel {
        text-align: right;
        letter-spacing: -.03em;
        width: 79px;
        padding-right: 3px;
    }

    div.article ul,
    div.article ol { margin-left: 40px !important; }
    div.article ul { list-style-type: disc; }
    div.article ol { list-style-type: decimal; }

/* FORMS: =forms
----------------------------------------------- */
    fieldset { border: none; }

    #ccoptin label { display: block; }
    #ccoptin .text { width: 10em; }
    #ccoptin .submit { width: 5em; }

/* FOOTER: =footer
----------------------------------------------- */

    div#footer { background: url(../images/bg-footer.gif) repeat-x center; height: 70px; border-top: 6px solid #a5323e; text-align: left; padding: 5px 10px 0 10px; font-size: 1.2em; position: relative; line-height: 2em; }
    #footer p,
    #footer a { color: #EAF9FF; }
    #footer a { text-decoration: underline; }
    #footer a:hover { text-decoration: none; }
    p#copyright { position: absolute; right: 10px; top: 5px; }
    p.descomtag,
    p.descomtag a { color: #bcd2ea !important; }

/* MISC: =misc
----------------------------------------------- */

    hr { display: none; }

    img.icon { float: left; }
    img.right { float: right; }

    .stripe,
    .stripe p {
        background: #f1f6fe;
    }

    img.icon { padding-right: 7px; }

    p.small { font-size: 1.2em !important; }

    /*
     * "How To Clear Floats Without Structural Markup" -
     * http://www.positioniseverything.net/easyclearing.html
     */
     .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
     .clearfix      { display: inline-block; }

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End Holly Hack */

}
@media print {

}