@font-face {
    font-family: OpenSans;
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype');
    
} 
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 19, 2015, 10:53:28 AM
    Author     : klp
*/

input[type=submit]
{
    font-size: 22px;
        line-height: 30x;
}
    input[type=text] 
    {
        font-size: 22px;
        line-height: 30px;
        margin-left: auto;
        margin-right: auto;
    }
    #emailcaptcha
    {
        border: 2px solid #000000;
        width: 32%;
    }
    
    p
    {
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        
        
        
    }
    html
    {
        overflow-x: hidden;
    }
    #page
    {
        
        background-color: #AFA991;
        background-image: url(../images/box-bg.png);
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        font: normal 22px/24px OpenSans, arial, helvetica, sans-serif;
        /*font-family: sans-serif;*/
        /*font-family: Helectiva;*/
        /*font-size: 14px;*/
        min-width: 100%;
        
        width: 100%;
        
        box-shadow: inset 0 0 7px 7px #666666;
        overflow: hidden;
    }
    .content-wrapper
    {
        margin-right: 0px;
    }
    .box
    {
        padding: 0px;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
    .white-box
    {
        
        margin-left: auto;
        margin-right: auto;
        border-width: 3px;
        padding: 0px;
        overflow-wrap: break-word;
        word-wrap: break-word;

        /*-ms-word-break: break-all;*/
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        /*word-break: break-all;*/
        /* Instead use this non-standard one: */
        /*word-break: break-word;*/

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    
    #video-tour-cont,
    .leftcontent,
    .theme-select,
    .clock,
    #clockhr,
    #pageheadhr,
    .ny-map,
    #qrpagelink,
    #logoimg,
    #logoaddr
    {
        display: none;
        
    }
    #logo
    {
        width: 100%;
        margin: 0px;
    }
    #logotitle
    {
        /*text-shadow: 0px 0px 3px #000000;*/
        color: #000000;
        word-wrap: break-word;
        width: 100%;
        font-size: 44px;
        line-height: 48px;
        
    }
    .rightcontent
    {
        padding-left: 0px;
        
    }
    #searchform
    {
        float: left;
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        
    }
    #keyword
    {
        height: 30px;
        font-size: 28px;
        line-height: 32px;
        width: 100%;
    }
    #searchsubmit
    {
        display: none;
        font-size: 28px;
        line-height: 32px;
        width: 15%;
    }
    
    /*------------------------------*/
    /* BOX */
    /*------------------------------*/
    
    
    .box-contents
    {
        padding: 0px;
        margin: 0px;
        background-image: none;
        
    }
    .box-bg,
    .box-middle,
    .box-top,
    .box-bottom,
    .box-top-left,
    .box-top-right,
    .box-left,
    .box-right,
    .box-bottom-left,
    .box-bottom-right
    {
        padding: 0px;
        margin: 0px;
        background-image: none;
        
    }
    
    #footer table tbody tr td a,
    #footer td a
    {
        
        
        color: #333333;
        display: inline-block;
        font-size: 22px;
        line-height: 24px;
        /*color: #000000;*/
    }
    #footer td a:link,
    #footer td a:visited
    {
        text-decoration: underline;
    }
    
    #footer td
    {
        
        text-align: center !important;
        display: inline-block;
        font-size: 0px;
    }
    
    td:before 
    {
        content: attr(data-title);
        font-weight: bold;
    }
    .headerrow
    {
        display: none;
    }
    .dt-cell:before 
    {
        content: attr(data-title);
        font-weight: bold;
    }
    
    
    table
    {
        width: 96% !important;
    }
    td 
    {
        margin: 0px;
        max-width: 96%;
        display: inline-block;
        word-wrap: break-word;
    }
    
    
    
    
    #main-menu-mobile,
    .page-menu-mobile
    {
        display: inline;
    }
    
    #main-menu-cont
    {
        display: none;
        
    }
    
    .latestchangescont,
    .webchangescont
    {
        width: 100%;
        margin-left: -3px;
        
        
    }
    .latestchanges,
    .webchanges
    {
        border: 3px solid #000000;
    }
    .latestchanges ul,
    .webchanges ul
    {
        
        border: 0;
        border-top: 3px solid #000000;
        
        /*border-bottom: 3px solid #000000;*/
    }
    .latestchanges ul li,
    .webchanges ul li
    {
        border: 0;
        border-bottom: 3px solid #000000;
        width: 98%;
        word-wrap: break-word;
    }
    .latestchanges ul li a,
    .webchanges ul li a
    {
        width: 98%;
        
        font-size: 22px;
        line-height: 26px;
        word-wrap: break-word;
        
    }
    .latestchanges ul li a:hover,
    .webchanges ul li a:hover
    {
        width: 90%;
    }
    .latestchanges ul li a:nth-child(1)
    {
        border-bottom: 3px solid #000000;
    }
    .pageimg
    {
        width: 99%;
        border-width: 3px;
    }
    .hr
    {
        margin-bottom: 3px;
        margin-top: 3px;
        border-bottom: 4px solid #000000;
        font-size: 3px;
    }
    h1
    {
        font-size: 44px;
        line-height: 48px;
    }
    h3
    {
        font-size: 40px;
        line-height: 42px;
    }
    h2
    {
        font-size: 36px;
        line-height: 38px;
    }
    h4
    {
        font-size: 32px;
        line-height: 34px;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    
    .list
    {
        padding: 0px;
        width: 98%;
        background-color: transparent;
        border: 3px solid #000000;
        
    }
    .list li
    {
        box-shadow: 0 0 7px #666666;
        
        width: 100%;
        list-style: none;
        border: 3px #aa0000;
        overflow: hidden
    }
    .list li a
    {
        background-color: #BFBAA2;
        padding: 7px;
        display: block;
        width: 100%;
        padding-top: 11px;
        padding-bottom: 11px;
        text-decoration: none;
    }
    .list li a:hover
    {
        color: #114400;
        background: #D0CBA3;
        cursor: pointer;
    }
    .list ul
    {
        width: 100%;
        margin-left: -3px;
        
    }
    
    .dt,table,login-tbl
    {
        display: block;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        
    }
    .dt tbody,table tbody
    {
        display: block;
        
    }
    .dt
    {
        background-color: #000000;
    }
    .dt-header-row
    {
        display: none;
        border: 0;
    }
    .dt-cell, td
    {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        font-size: 32px;
        line-height: 34px;
        border: 0;
        
        
        
    }
    .dt-cell:before 
    {
        content: attr(data-title);
        font-weight: bold;
    }
    dt-cell p, td p, td
    {
        width: 98%;
        display: inline-block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        
    }
    .dt-row, tr
    {
        
        display: block;
        margin: 0px;
        margin-bottom: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .dt-row:last-child
    {
        margin-bottom: 0px;
    }
   
    #fb-frame
    {
        display: block;
        
        max-width: 98%;
    }
    #fb-page
    {
        width: 98%;
    }
    #elect-flag.stacker
    {
        text-align: center;
        display: block;
        
    }
    .stacker
    {
        width: 90%;
    }
    div#slideshow
    {
        margin: 0px !important;
        
        max-width: 100%;
    }
    

#preload-content
{
    margin-left: 5%;
    margin-right: 5%;
    /*top: 0px;*/
    top: 30%;
    
    left: 5%;
    right: 5%;
    position:absolute;
    z-index:999;
    /*left:-9999px;*/
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #D0CBA3;
    
}
#preload-content div
{
    width: auto;
    
    color: #000000;
    border-radius: 10px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    background-color: #D0CBA3; /* -moz-radius-kit: 10px 10px; */
    display: block;
    padding: 10px;
    text-align: center;
    box-shadow: inset 0px 0px 2px 2px #666666;
}

.directions
{
    border: 3px solid #000000;
    width: 99%;
    max-width: 450px;
}

.third
{
    width: 100%;
}
.half
{
    width: 100%;
}