@media screen, projection, print
{


    .IE8Fix
    {
        z-index: 1000;
    }

    body
    {
        font-family: Sans-Serif;
        font-size: small;
        height: 100%;
        width: 98%;
    }

    p
    {
        padding: 0px 0px 15px 0px;
        margin: 0px 0px 0px 0px;
    }

    .divDownload
    {
    }

    .divFooter
    {
        background-image: url(images/nav_bg_green.gif);
        background-position: left top;
        background-repeat: repeat-x;
        margin: 0px;
        padding: 0px;
    }

    .FooterImage
    {
        margin: 0px;
        padding: 0px;
    }

    h1, h2, h3, h4, h5, h6
    {
        background: transparent none repeat scroll 0% 0%;
        border-bottom: 1px solid #AAAAAA;
        color: black;
        font-weight: normal;
        margin: 0pt;
        padding-bottom: 0.17em;
        padding-top: 0.5em;
    }
    h1
    {
        line-height: 1.2em;
        margin-bottom: 0.5em;
        padding-bottom: 0pt;
        font-size: 188%;
    }

    h2
    {
        font-size: 150%;
    }

    h3, h4, h5, h6
    {
        border-bottom: medium none;
        font-weight: bold;
        background-color: White;
        color: #004584;
    }

    h3
    {
        font-size: 132%;
        margin-bottom: 0.4em;
    }

    h4
    {
        font-size: 116%;
        margin-bottom: 0.4em;
    }

    h5
    {
        font-size: 100%;
    }

    h6
    {
        font-size: 80%;
    }


    hr
    {
        background-color: #AAAAAA;
        border: 0pt none;
        color: #AAAAAA;
        height: 1px;
        margin: 0.2em 0pt;
    }

    li
    {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .BreadCrumbs
    {
    }

    .BreadCrumbsDiv
    {
        display: none; /*Remove this property to make the bread crumbs visible*/
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .WebPartEditMode
    {
        border-style: dotted;
        border-width: 1px;
        border-color: Black;
        margin: 2px;
        padding: 2px;
    }

    .CommandLink
    {
        white-space: nowrap;
    }

    .CompletionListItem
    {
        padding: 0px;
        margin: 0px;
    }

    .CompletionListItemHighlight
    {
        background-color: Gray;
        color: White;
        padding: 0px;
        margin: 0px;
    }

    .WarningDiv
    {
        background-image: url(../images/server_warning.png);
        background-repeat: no-repeat;
        background-position: 15px center;
        background-color: #FFFAE5;
        padding-bottom: 25px;
        padding-top: 25px;
        padding-left: 80px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: solid 1px #CF6B30;
        color: #000;
        font-style: italic;
    }


    .rhsPanel
    {
        background-image: url(../images/BlueVertical.png);
        background-repeat: repeat-y;
        background-color: Red;
        background-position: left;
    }

    .ImageTable
    {
        margin: 5px;
        font-size: 80%;
        font-style: italic;
        background-color: #f9f9f9;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
    }


    .tblBody a
    {
        color: #003399;        
    }
    .tblBody a:hover
    {
        background-color: #003399;
        color: White;
    }


    a img
    {
        border: none 0px white;
        
        
    }

    .warning
    {
        background-color: Red;
        color: White;
        border: solid 1px black;
    }

    .watermark
    {
        height: 18px;
        padding: 2px 0 0 2px;
        border: 1px solid #BEBEBE;
        background-color: #F0F8FF;
        color: gray;
    }

    .SeeAlsoHeading
    {
        color: Black;
        font-weight: normal;
        font-size: 150%;
        font-family: sans-serif;
    }

    .SeeAlsoNoData
    {
        padding-left: 30px;
        font-style: italic;
    }

    /*Admin Styles*/

    .AddControlPanel
    {
        padding: 10px 10px 10px 10px;
        border: solid 1px black;
    }

    .AdminPanelBorder
    {
        padding: 5px;
        border-style: dashed;
        border-width: 1px;
        border-color: Gray;
        margin: 2px 2px 0px 0px;
    }

    .CollapsedPanel
    {
        height: 0px;
        overflow: hidden;
    }

    .AdminPanelColumn
    {
        background-color: #F5F5DC; /*Beige*/
        height: 0px;
        overflow: hidden;
    }

    .AdminColumnHeading
    {
        text-align: center;
        cursor: hand;
        background-color: #F8F8FF; /*GhostWhite*/
        border: dashed 1px Silver;
        padding: 5px;
    }

    .AdminPanel
    {
        background-color: #FFDEAD; /*navajowhite*/
        color: Black;
        padding: 2px;
        border: dashed 1px black;
        visibility: hidden;
        width: 200px;
    }

    .AdminPanel a
    {
        color: Gray;
    }

    .AdminPanel a:hover
    {
        color: Black;
        background-color: #D3D3D3; /*LightGrey*/
    }

    .AdminPanelColumn a
    {
        color: Gray;
    }

    .AdminPanelColumn a:hover
    {
        color: Black;
        background-color: #D3D3D3; /*LightGrey*/
    }

    .modalBackground
    {
        background: url(../Images/modal_background.png);
        background-repeat: repeat;
    }

    /* Page Borders */

    div.tab
    {
        position: relative;
        float: left;
        padding: 0;
        margin: 2px;
        width: auto;
        text-align: left;
    }
    div.tabInner
    {
        margin: 10px 10px 40px 20px;
    }

    div.borderTopLeft
    {
        position: absolute;
        left: -1px;
        top: -1px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        background-image: url(images/topleft.gif);
    }

    div.borderTop
    {
        position: absolute;
        left: 9px;
        right: 9px;
        top: -1px;
        height: 10px;
        background-color: #fff;
        background-image: url(images/top.gif);
        background-repeat: repeat-x;
    }

    div.borderTopRight
    {
        position: absolute;
        right: -1px;
        top: -1px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        background-image: url(images/topright.gif);
    }



    div.borderRight
    {
        position: absolute;
        right: -1px;
        top: 9px;
        bottom: 0px;
        width: 10px;
        background-color: #fff;
        background-image: url(images/right.gif);
    }

    div.borderLeft
    {
        position: absolute;
        left: -1px;
        top: 9px;
        width: 10px;
        bottom: 0px;
        background-color: #fff;
        background-image: url(images/left.gif);
    }


    div.borderBottom
    {
        position: absolute;
        left: 9px;
        right: 9px;
        bottom: -3px;
        height: 16px;
        background-color: #fff;
        background-image: url(images/bottom.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
    }


    div.borderBottomLeft
    {
        position: absolute;
        left: -1px;
        bottom: -1px;
        width: 10px;
        height: 16px;
        background-color: #fff;
        background-image: url(images/bottomleft.gif);
    }

    div.borderBottomRight
    {
        position: absolute;
        right: -1px;
        bottom: -1px;
        width: 10px;
        height: 16px;
        background-color: #fff;
        background-image: url(images/bottomright.gif);
    }





    /* Toolbar */



    .Menu
    {
        color: White;
        font-weight: bold;
        font-family: Sans-Serif;
        background-image: url(images/MenuBackgroundBlue.png);
        background-repeat: repeat-x;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 14px;
        padding-right: 14px;
    }
    .Menu:hover
    {
        color: White;
        background-color: Gray;
        background-image: none;
    }

    .MenuSelected
    {
        color: Black;
        font-weight: bold;
        font-family: Sans-Serif;
        background-image: none;
        background-color: #DCDCDC; /*Gainsboro*/
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 13px;
        padding-right: 13px;
        border: solid 1px gray;
    }

    .MenuSelected:hover
    {
        cursor: default;
    }

    img
    {
        border: none 0px white;
    }



    .MenuSub
    {
        color: Black;
        font-weight: bold;
        font-family: Sans-Serif;
        background-color: #DCDCDC; /*Gainsboro*/
        background-repeat: repeat-x;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 14px;
        padding-right: 14px;
        border: solid 1px #DCDCDC;
        background-image: none;
    }
    .MenuSub:hover
    {
        color: Black;
        background-color: GhostWhite;
        background-image: url(images/HoverGradient.png);
        background-repeat: no-repeat;
        background-position: left top;
        border: solid 1px black;
    }
    .MenuSub:active
    {
        background-color: White;
        border: solid 1px black;
    }


    .MenuSelectedSub
    {
        color: Black;
        font-weight: bold;
        font-family: Sans-Serif;
        background-image: none;
        background-color: #DCDCDC; /*Gainsboro*/
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 13px;
        padding-right: 13px;
        border: solid 1px gray;
    }

    .MenuSelectedSub:hover
    {
        cursor: default;
    }


    .RadioChecked
    {
        background-image: url(images/Checked.png);
        background-repeat: no-repeat;
        padding-left: 18px;
        text-decoration: none;
    }

    .RadioUnChecked
    {
        background-image: url(images/UnChecked.png);
        background-repeat: no-repeat;
        padding-left: 18px;
        text-decoration: none;
    }

    .divMapLinks
    {
        text-align: center;
    }
    .divMapLinks a
    {
        color: Black;
    }
    .divMapLinks a:hover
    {
        background-color: White;
        color: Black;
        text-decoration: underline;
    }

    img
    {
        border: none 0px white;
    }

    a img
    {
        border: solid 1px Transparent;
        padding: 1px;
    }

    a:hover img
    {
        background-color: White;
        border: solid 1px Gainsboro;
    }

    /* Legend Table Styles Begin */
    .legendTitle
    {
        font-weight: normal;
        vertical-align: middle;
        padding-left: 10px;
        font-size: smaller;
    }

    .legendTable
    {
        width: auto;
    }
    
    .legendSub {
        padding-left: 45px;
        padding-bottom: 20px;
        
    }

    .legendRow
    {
    }

    .legendSectionTitle
    {
        font-weight: bold;
        font-size: small;
        padding-left: 10px;
        border-bottom: solid 1px Gainsboro;
        border-top: solid 1px Gainsboro;
    }

    .legendSectionBody
    {
        padding-left: 10px;
        font-style: italic;
        font-size: smaller;
    }

    .legendKeyTile
    {
        padding: 5px, 5px, 5px, 5px;
        text-align: center;
        padding-left: 20px;
    }

    .legendKeyTile img
    {
        width: 31px;
        height: 16px;
    }


    /* Legend Table Styles End */

    /*Submission styles*/
    .submissionContainer
    {
        width: 800px;
        color: #32306D;
        margin-top: 50px;
    }

    .submissionHeading
    {
        margin-top: 20px;
        border-top: solid 3px #89C54B;
        border-bottom: solid 3px #89C54B;
        border-left: none;
        border-right: none;
        color: #32306D;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .submissionSmallText
    {
        font-size: 8pt;
    }

    .submissionLargeText
    {
        font-size: 10pt;
        font-weight: bold;
    }

    .submissionDataEntryTable
    {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }

    .submissionPointOuterDiv
    {
        padding-top: 10px;
    }

    .italic
    {
        font-style: italic;
    }

    .submissionTextBoxMultiLine
    {
        width: 98%;
        height: 150px;
    }
    .submissionTextBoxSingleLine
    {
        width: 98%;
    }

    .divLegend
    {
        width: 100%;
        height: 700px;
    }


    /*end submision styles*/


    /*end submision styles*/

    /* start plan index styles */

    .planIndexTbl
    {
    }

    .planIndexTblRowTitle
    {
    }

    .planIndexTblChptr
    {
        font-weight: bold;
        padding-left: 15px;
    }

    .planIndexTblRowDetail
    {
    }

    .planIndexTblDetail
    {
        padding-left: 30px;
    }

    .planIndexTblPdfDetail
    {
        text-align: center;
    }

    /* end plan index styles */

    /* start road map index styles */

    .alphabetLinks
    {
        text-align: center;
        font-size: large;
    }

    .alphabetIndex
    {
        font-size: large;
    }

    .topOfPage
    {
        font-size: smaller;
        padding-left: 10px;
    }

    .rdIndexRdName
    {
        padding-left: 25px;
    }

    .rdIndexRdLinks
    {
        padding-left: 20px;
    }

    /* end road map index styles */

    /* start town/area index styles */

    .twnIndexMapLnk
    {
        padding-left: 25px;
    }

    .twnIndexAppLnk
    {
        padding-left: 25px;
    }



    /* start town/area index styles */

  
 


}

@media print
{
    .tblPageTop
    {
        display: none;
    }



}