body {
    font: 70% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.bodyTourismlayout {
    padding-top: 1px;
}

.mainDescription {
    font-size: 12px;
    height:80px;
    text-align:center;
}
.map_img {
    font-size: large;
    color: #400000;
    font-weight: bold;
    text-align: left;
    padding-top: 27px;
}
.width100{
    width:100%;
}
.aligncenter{
    text-align:center;
}
.textbold{
    font-weight:bold;
}
.instrTitleLeft {
    font-size: 11px;
    text-align: left;
    font: Verdana, Arial, Helvetica, sans-serif;
}

.btn-desktop {
    color: ButtonText;
    background-color: ButtonFace;
    border-color: ButtonFace;
    font-size: 12px;
    padding:7px 12px;
}


.Content-header {
    text-align: left;
    font-weight: bolder;
    color: black;
    margin: 14px 0px 16px 0;
}

textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    /*font-family: verdana;*/
    height: 354px;
    font-weight: 300;
    line-height: 1.5;
    color:black;
    background-color:white;
}

.headerText {
    background-color: #561241;
    color: #FFF;
    padding: 4px;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    font-weight: bold;
    /*background-image:url("../images/arc_right_main.gif");*/
}

.clsTerms {
    font-family: Verdana;
    font-size: 20px;
    color: #000000;
}

.hdtitle {
    text-align: center;
    color: #000000;
    font-size: 20px;
    vertical-align: bottom;
   
}

.mainHeader {
    text-align: center;
    color: #000000;
    font-size: 20px;
    vertical-align: bottom;
    padding:21px 0 16px 0;
}
.option {
    height: 80px;
    margin-top: 25px;
}


.clsTreim {
    font-family: Verdana;
    font-size: 15px;
    font-weight: 900;
    padding-top: 20px;
    padding-bottom: 10px;
}

p {
    font-family: Verdana;
    font-size: 12px;
}

#textlinks a {
    color: #212529;
}

.navbar {
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 0;
    position: relative;
    min-height: 39px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    background: url("../images/nav.png") repeat-x scroll center center;
}

.navbar a {
    padding: 12px;
    color: white;
    text-decoration: none;
    font-size: 10px;
    align-content: center;
}

.navbar a:hover {
        background-color: white;
        color: black;
    }

body {
    margin-left: auto;
    margin-right: auto;
    width: 968px;
    margin-top: 10px;
}
.alignright{
    text-align:right!important;
    
   
}
.breadcrumb p, a {
    vertical-align: middle;
    margin: auto;
}

.breadcrumb {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    height: 20px;
    background: #cccccc;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
}

 .breadcrumb a {
        color: #000000;
        background: #cccccc;
        font-weight: bold;
        color: black;
        width: 100%;
    }

 .breadcrumb a :hover {
            color: #A22930;
            font-weight: bold;
            color: black;
        }

.demo-header {
    margin: 0 0 0 0px;
    padding: 5px;
    text-align: center;
}

.center {
    width: 50%;
    border-bottom: 2px solid;
    border-color: #C2BAAD;
    text-align: center;
    align-items: center;
}

hr {
    width: 80%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    background-color: #C2BAAD;
    border: 0 none;
    margin-top: 16px;
    margin-bottom: 23px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #999999;
}

h1, h2, h3, h1, h2, h3 {
    margin-top: 5px;
    margin-bottom: -1px;
}

#logo-container img {
    width: 18%;
    height: auto;
}

.text-left-right {
    margin-top: auto;
    text-align: right;
    position: relative;
    vertical-align: middle;
}

.left-text {
    left: 0;
    position: absolute;
    text-align: left;
}

.byline {
    font-size: 16px;
    color: rgba(140, 140, 140, 1);
    text-align: right;
}

.byline a {
        color: #696969;
        font-size: 10pt;
    }

.clsdivider {
    color: white;
}
.instrTitle {
    font-size: 12px;
    text-align: center;
    font: Verdana, Arial, Helvetica, sans-serif;
}
.instrTitleRed {
    font-size: 12px;
    text-align: center;
    font-weight :bold;
    color:red;
    font: Verdana, Arial, Helvetica, sans-serif;
}
#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.5;
    overflow-y: scroll;
    height: 336px;
    justify-content: center;
}

.footer p a {
    text-decoration: underline;
    color: #666;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
    width: 100%;
}

.clsheader2 {
    background-color: #cccccc;
    padding: 3px
}

.clsheader2 p {
        margin: 0 0 0px;
        font-size: 11px;
        font-family: Verdana;
    }

.clsheader2 p a {
            font-weight: bold;
            color: black;
            vertical-align: top;
        }

.clsheader2 p a:hover {
        Color: #A22930;
    }  

 h3, h5 {
                text-align: center;
                font-weight: bold;
            }

/*.clsLine {
    border-bottom: 1px solid;
    border-color: #C2BAAD;
    margin: 0 0px 0px
}*/

.clscenterLine {
    border-bottom: 1px solid;
    border-color: #C2BAAD;
    margin: 0 88px 2px
}

.topnav {
    overflow: hidden;
    background-color: #333;
    width: 100%;
    background: url("../images/nav.png") repeat-x scroll center center;
    /*position: relative;*/
    align-content: center;
    text-align: center;
    padding: 0px 0;
    position: relative;
    min-height: 32px;
    margin-bottom: 0px;
}

    .topnav a {
        /*float: left;*/
        display: inline-block;
        color: white;
        text-align: center;
        /*padding: 8px 7px 1px 7px;*/
        padding: 8px 8px 7px 7px;
        text-decoration: none;
        font-size: 10px;
        align-content: center;
        font-weight: bold;
        border-right:2px solid;
        height:10px;
       
       
    }

    .topnav p {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 8px 0;
        margin: 0;
        overflow: hidden;
    }
#TopMenu p a 
{
    color: #FFFFFF;
    border-right: 2px solid #FFFFFF;
    padding: 0 10px 0 8px;
}
    #TopMenu p a.last 
    {
        border: none;
        padding-right: 0

    }
    .topnav.responsive a 
    {
    float: none;
    display: block;
    text-align: center;
}

#footer ul li.noborder a {
    border: 0 none
}
#footer ul li a {
    margin-left: 0;
    margin-top: 0.7em;
    padding: 0 10px;
    border-left: 1px solid;
    list-style: none;
    display: inline
}
.left {
    float: left;
    margin-right: 20px;
    margin-left: 0;
    width: 640px;
}
.right  {
    float: right;
    margin-left: 20px;
    text-align: right;
    margin-right: 0;
    width: 340px
}
#footer ul.left {
    width: 640px;
    margin-left: 0px;
}
#footer ul {
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    font-size: 10px;
    margin-left: 0;
    padding-left: 0;
    display: inline;
    margin: 0 0 1.0em;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
    color: #666;
    text-decoration: underline;
}
#footer ul li.noborder {
    border: 0 none
}

#footer ul.left li {
    float: left
}

#footer p.last-mod {
    text-transform: none;
    clear: right;
    float: right;
    text-align: right;
    width: 500px;
    font-size: .9em;
    margin: 0; 
}
#footer {
    clear: both;
    width: 100%;
    padding-top: 10px;
    margin: auto;
}

#full_footer {
    border-top: 2px solid #7f7f7f;
    padding-bottom: 1em;
    width: 980px
}

#footer p {
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    margin-top: 0;
    font-size: .9em
}
.topnav .icon {
    display: none;
}

.topnav .SideBaricon {
        display: none;
    }
.clsLine {
    width: 75%;
    height: 2px;
    color: #cccccc;
    background-color: #cccccc;
    border: 0
}

 ul {
    list-style-type: none;
    padding:0px;
}

.footers > li {
    
    text-align: center;
}

.footers > li > a {
        text-decoration: underline;
        color: #666;
        font-weight: bold;
        font-size: 10px;
        font-family: Verdana;
        width: 100%;
        text-align: center;
    }

.box {
    width: 100%;
    align-items: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
   
}
.boxtourist {
    width: auto;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.box75 {
    width: 75%;
    align-items: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.innerBox{
    padding-left:5px;
}

.small_heading_dashed {
    border-bottom: 1px dashed #ADADAD;
    color: #592444;
    font-weight: 800;
    margin-bottom: 20px;
    padding-bottom: 5px;
    line-height: 1.3em;
    font-size: 1.9em;
}

.verticalLine {
    border-left: 1px dashed #ADADAD;
    height: 364px;
}


.SectionContent {
    border-right: 1px dashed #ADADAD;
}
.tableDataHead {
    font-size: 11px;
    text-align: left;
    background: #cccccc;
    color: #591443;
    font-weight:bold;
}
.clsLastUpdate p > a {
    color: #666;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
}

.footerDivider {
    padding-left: 3px;
    padding-right: 3px;
}
.form-control-lg {
    height: calc(1.5em + 0.5rem + 0px);
    font-size: 12px;
    padding-top:3px;
    //width:325px;
}
.form-control-md {
    height: calc(1.5em + 0.8rem + -3px);
    font-size: 12px;
    width: 325px;
}
    .form-control-sm {
    height: calc(1.5em + 0.5rem + -3px);
    font-size: 12px;
    
}
..form-control-lg {
    font-size: 10px;
    text-align: left;
    font: Verdana, Arial, Helvetica, sans-serif;
}

.radiobutton {
    margin: 0 8px 0 0;
}

.clsrequired {
    color: red;
}
.message{
    height:90px;
    text-align :center;
    font-size:medium;
    color:red;
}
option {
    font-size: 12px;
}

.northRegion {
    font-size: medium;
    color: black;
    font-weight: bold;
    vertical-align: middle;
}

.southRegions {
    font-size: 12px;
    color: blue;
}

.southRegions1 {
    font-size: 10px;
    color: blue;
    align-content:center;
}

.box {
    width: 100%;
    height: 380px;
    align-items: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-size: 11px;
    padding: 0 0px 0 4px;
}



@media screen and (max-width: 500px) {
    .btn-lg, .btn-group-lg > .btn {
        padding: 0.5rem 1rem;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 0.3rem;
    }
    /*.fluid {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }*/
    .btn_space {
        padding-bottom: 10px;
        
    }
    .census{
        padding-left:0px;
    }
    .navbar a {
        float: none;
        display: block;
        align-items: center;
    }

    .clsministery img {
        width: 145%;
    }

    .navbar {
        width: 100%;
        font-weight: bold;
        text-transform: uppercase;
        padding: 7px 0;
        position: relative;
        min-height: 39px;
        margin-bottom: 0px;
        *border: 1px solid transparent;
        background: url("../images/nav.png") repeat-y scroll left center;
    }
    .row{
        margin:0px;
        padding:0px;
    }

    .clsbutton {
        display: none;
    }

    .mobilefooter {
        width: 100%;
        font-weight: bold;
        font-size: 10px;
        font-family: Verdana;
        width: 100%;
        color: white;
    }

        .mobilefooter p {
            text-align: center;
            color: white;
        }

            .mobilefooter p a {
                color: #696969;
                text-decoration: underline;
                text-align: center;
                font-size: 10px;
            }

    body {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-top: 10px;
        overflow-x: hidden;
    }
    .btn_accept {
        margin-bottom: 12px;
        margin-top:12px;
    }
    .hscroll {
        overflow-x: auto; /* Horizontal */
        
    }
   

    .clscenterLine {
        display: none;
    }

    .left-text img {
        width: 111%;
        left: 0;
    }

    .clsministery img {
        width: 226%;
    }
    

    .aligncenter {
        text-align: center;
        width: 100%;
    }

        .aligncenter img {
            width: 100%;
            
        }

    .responsive {
        width: 100%;
    }

    .box {
        width: 100%;
        height: 613px;
        align-items: center;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

    .imgNorthRegion {
        width: 40%;
    }
    .mobilefooter {
        display: none;
    }

    .clsMobileButton {
        display: none;
    }
    #full_footer{
        width:100%;
    }
    #footer ul.left {
        width: 100%;
    }
    #footer p.last-mod {
        width: 100%;
    }
}




@media (max-width: 767px) {
    #logo-container img {
        width: 23%;
        height: auto;
    }

    .clsdivider {
        display: none;
    }

    .clsministery {
        width: 43%;
        align-content: flex-start;
    }

    .topnav {
        overflow: hidden;
        background-color: #333;
        width: 100%;
        background: url("../images/nav.png") repeat-x scroll center center;
        align-content: center;
        text-align: center;
        padding: 0px 0;
        position: relative;
        min-height: 39px;
        margin-bottom: 0px;
        
    }

        .topnav a {
            display: inline-block;
            color: white;
            text-align: center;
            padding: 5px 8px;
            text-decoration: none;
            font-size: 12px;
            align-content: center;
            border-right:0px !important;
        }
    .btn-desktop {
        color: ButtonText;
        background-color: ButtonFace;
        border-color: ButtonFace;
        padding: 7px 3px;
        font-size: 11px;
    }

    .box {
        width: 100%;
        height: auto;
        align-items: center;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }
}


@media (max-width: 320px) {
    #logo-container img {
        width: 35%;
        height: auto;
        align-content: flex-start;
    }

    .left-text img {
        width: 111%;
        left: 0;
    }

    .byline {
        font-size: 12px;
    }

    .clsdivider {
        display: none;
    }

    .clsministery img {
        width: 226%;
    }

    .navbar {
        background: url("../images/nav.png") repeat-y scroll top bottom;
    }
}

 @media (min-width: 960px) {
    .clsfooter p {
        float: right;
    }

    .clsLastUpdate {
        float: right;
    }
    .btn_accept {
        margin-bottom: 12px;
    }
        
}

        @media screen and (max-width: 600px) {

            .topnav {
                background: url("../images/nav.png") repeat-y scroll left center;
                
            }

        .topnav a:not(:first-child) {
                    display: none;
                }

        .topnav a.icon {
                    float: right;
                    display: block;
                    
                }
            
            .topnav a.SideBaricon {
                float: left;
                display: block;
            }

        .topnav a:hover {
                    background-color: white;
                    color: black;
                }

        .mainDescription {
                font-size: 12px;
                height: 58px;
                text-align:center;
                padding-top:16px;
                
            }
         .alignright {
                text-align: right!important;
            }
        .clsLastUpdate p {
                text-align: center;
                
            }
        .btn-submit{
            margin-bottom:12px;
        }
             
        .clsLastUpdate p > a {
                    color: #666;
                    font-weight: bold;
                    font-size: 10px;
                    font-family: Verdana;
                }
           
        .footers > li {
                text-align: center;
                padding: 3px;
            }
               
        .footers > li:last-child {
                   padding:9px;
                }

        .footerDivider {
                display: none;
            }
            
        .topnav.responsive {
                position: relative;
            }

        .topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
            }

            .topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
                margin-top:5px;
               
            }

            .topnav.responsive .SideBaricon {
                position: absolute;
                right: 0;
                
            }
            
        .verticalLine {
                display: none;
            }
            
        .openbtn {
                font-size: 20px;
                cursor: pointer;
                background-color: #111;
                color: white;
                padding: 10px 15px;
                border: none;
            }

        .openbtn:hover {
                    background-color: #444;
                }
        }

@media screen and (min-width: 600px) {
          

            .footers > li {
                float: left;
               
            }
    .mainDescription {
        font-size: 12px;
        height: 58px;
        text-align: center;
        padding-top: 36px;
    }
    

    .footers > li > a {
        display: block;
        text-decoration: underline;
        color: #666;
        font-weight: bold;
        font-size: 10px;
        font-family: Verdana;
        width: 100%;
        text-align: left;
        padding: 0 10px 0 0px;
    }
                .footers > li:last-child {
                    /*margin:0 0 0 155px;*/
                    float: right;
                }
           
        }

@media screen and (min-width: 767px) {

            .clsLastUpdate {
                float: right;
            }
            .footerDivider {
                padding-left: 3px;
                padding-right: 3px;
            }

            .mainDescription {
                font-size: 12px;
                /* line-height: 1.3em; */
                height: 80px;
                text-align:center;
            }
            .alignright {
                text-align: right!important;
            }
            .footers > li > a {
                text-decoration: underline;
                color: #666;
                font-weight: bold;
                font-size: 10px;
                font-family: Verdana;
                width: 100%;
                padding: 0 0px 0 0px;
            }
            body {
                margin-left: auto;
                margin-right: auto;
                width: 968px;
                margin-top: 10px;
            }
          
        }

@media screen and (min-width: 1023px) {
    .mainDescription {
        font-size: 12px;
        height: 93px;
        text-align: center;
        padding-top: 20px;
    }
    .btn_space{
        padding-top:10px;
    }
    .previous{
        padding-bottom:10px;
    }
    .Region {
       height:100px;
    }


    .alignright {
        text-align: right !important;
        
    }
    .census {
        padding-left: 15px;
    }
    .btn_accept {
        margin-bottom: 12px;
    }

    .footers > li > a {
        text-decoration: underline;
        color: #666;
        font-weight: bold;
        font-size: 10px;
        font-family: Verdana;
        width: 100%;
        padding: 0 0px 0 0px;
    }

    .box {
        width: 100%;
        height: 423px;
        align-items: center;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

    .btn-desktop {
        color: ButtonText;
        background-color: ButtonFace;
        border-color: ButtonFace;
        font-size: 12px;
        padding: 7px 12px;
    }
}