body
{
}

.content_area
{
    text-align: left;
    background-color: #C9E0FC;
    border: 1px solid green;
    width: 98%;
}


/**-------------------------------------News & Event-----------------------------**/
.news_area
{
    display: block;
    text-align: start;
    float: none;
    position: relative; /*     top: auto;     right: auto;     bottom: auto;     left: auto; */
    z-index: auto;
    width: 100%;
    height: 400px;
    margin: 0px;
    overflow: hidden;
    cursor: move;
    padding: 5px;
}


.news_list
{
    text-align: justify;
    float: none;
    position: absolute; /*         top: auto;          right: auto;          bottom: auto;          left: 0px;         */
    margin: 0 5px 0 5px;
    width: 92%;
    z-index: auto;
    margin: 0 0 0 0;
}


.news_box
{
    background: #A6CCE0;
    box-sizing: border-box;
    font-family: 'open Sans' , sans-serif;
    font-size: 1em;
    line-height: 1.42857143;
    color: #333; /*border:2px solid #ffffff;*/
    border-radius:10px;
}




.news_label
{
    width: 100%;/*92%;*/
    text-align: center;
    padding: 4%;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold; /*border-bottom: 2px solid yellow;*/
    background-color: #666666;
    border-radius:10px 10px 0px 0px;
}

.news_type
{
    color: #000000;
}

.news_title
{
    color: #000000;
}


/**-----------------------------------Gallery--------------------------**/


.gallery_box
{
    background: #A6CCE0;
    box-sizing: border-box;
    font-family: 'open Sans' , sans-serif;
    font-size: 1em;
    line-height: 1.42857143;
    color: #333; /*border:2px solid #ffffff;*/
     
       border-radius:10px;
    
}


.gallery_label
{
    width: 100%;/*92%;*/
    text-align: center;
    padding: 4%;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #666666;
     border-radius:10px 10px 0px 0px;
}


.gallery_photo_area
{
    float: left;
    height: 200px;
    width: 200px; /*border: 1px solid red;*/
    padding: 10px;
}

.gallery_photo
{
    height: 100%;
    width: 100%;
}


.gallery_photo_title
{
    text-align: left;
}





/*****************************************RESPONSIVE*****************************/
/*-------------------------------------------------------------------------------*/
/*****************************************RESPONSIVE*****************************/


/*SECTIONS*/

.section
{
    clear: both;
    padding: 20px 0 0 20px;
    margin: 0px;
}

/*GROUPING*/
.group:before, .group:after
{
    content: "";
    display: table;
}
.group:after
{
    clear: both;
}
.group
{
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*GRID COLUMN SETUP*/

.col
{
    display: block; /*float: left;*/
    margin: 1% 0 1% 1%;
}

.col:first-child
{
    margin-left: 0;
}
/* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px)
{
    .col
    {
        margin: 1% 1% 1% 0%;
    }
}



/*  GRID OF THREE COLUMN*/
.span_3_of_3
{
    width: 100%;
}

.span_2_of_3
{
    width: 66.13%;
}

.span_1_of_3
{
    width: 32.26%;
}

.home_col_1
{
    width: 22%;
    float: left; /*height: 400px;*/
    padding: 0 1% 0 1%;
}

.home_col_2
{
    width: 50%;
    float: left; /*height: 400px;*/
    padding: 0 1% 0 2%;
    text-align: center;
}
.home_col_3
{
    width: 22%;
    float: right;
    padding: 0 1% 0 1%;
    
}

.page_col_1
{
    width: 6%;
    float: left; /*height: 400px;*/
    padding: 0 1% 0 1%;
}

.page_col_2
{
    width: 80%;
    float: left; /*height: 400px;*/
    padding: 0 2% 0 1%;
}

.page_col_3
{
    width: 6%;
    float: left; /*height: 400px;*/
    padding: 0 1% 0 1%;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px)
{
    .span_3_of_3
    {
        width: 100%;
    }
    .span_2_of_3
    {
        width: 100%;
    }
    .span_1_of_3
    {
        width: 100%;
    }


    .home_col_1
    {
        width: 90%; /*height: 400px;*/
        padding: 0 1% 0 2%;
    }

    .home_col_2
    {
        width: 90%; /*height: 400px;*/
        padding: 0 2% 0 2%;
    }
    .home_col_3
    {
        width: 90%;
        padding: 0 2% 0 1%;
    }

/*
    .page_col_1
    {
        width: 5%; 
        padding: 0 1% 0 2%;
    }

    .page_col_2
    {
        width: 88%;
        padding: 0 2% 0 2%;
    }
    
    .page_col_3
    {
        width: 5%; 
        padding: 0 1% 0 2%;
    }
*/
}



/**----------------------------------------Home page extra button------------------------**/

.buttons-w3-agile_area
{
    display: block;
    text-align: start;
    float: none;
    position: relative; /*     top: auto;     right: auto;     bottom: auto;     left: auto; */
    z-index: auto;
    width: 98%;
    height: 450px;
    overflow: hidden;
    cursor: move;
    padding: 9px 0 0 8px;
}

.buttons-w3-agile_1, .buttons-w3-agile_2, .buttons-w3-agile_3, a:hover
{
    color: yellow; /*background: green;*/
}

.buttons-w3-agile_1
{
    background-color: #996699;
    width: 96%;
}


.buttons-w3-agile_2
{
    background-color: #67B467;
    width: 96%;
}

.buttons-w3-agile_3
{
    background-color: #FF9900;
    width: 96%;
}

.buttons-w3-agile_4
{
    background-color: #ffffff;
    width: 96%;
}


.buttons-w3-agile_5
{
    background-color: #339999;
    width: 96%;
}


.buttons-w3-agile_6
{
    background-color: #CC9966;
    width: 96%;
}


.buttons-w3-agile_7
{
    background-color: #2ECC71;
    width: 96%;
}

.buttons-w3-agile_8
{
    background-color: #2283C4;
    width: 96%;
}

.buttons-w3-agile_1 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}

.buttons-w3-agile_2 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}

.buttons-w3-agile_3 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}

.buttons-w3-agile_4 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}


.buttons-w3-agile_5 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}



.buttons-w3-agile_6 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}


.buttons-w3-agile_7 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}

.buttons-w3-agile_8 a
{
    padding: 12px 0;
    display: block;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-family: Palatino Linotype;
    font-size: 1.2em;
}

.hvr-rectangle-out
{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #3e94bb;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


/*---------------------- google mapp-----------*/
.gmap_area
{
    display: block;
    text-align: start;
    float: none;
    position: relative; /*     top: auto;     right: auto;     bottom: auto;     left: auto; */
    z-index: auto;
    width: 98%;
    height: 250px;
    overflow: hidden;
    cursor: move;
    padding: 9px 0 4px 8px;
}

/*----------------------------Main Footer------------------------*/
.main_footer
{
    text-align: center;
    width: 100%;
    background-color: #056DAA;
    height: 100px;
    padding: 20px 0 0 0;
    color:#ffffff;
}

.main_header_1
{
    width: 98.6%;
    height: 130px;
    padding: 10px 0 10px 1.4%;
}


/*--------------------------Site Map-------------------------------*/
.sitemap_area
{
    width: 100%;
background-color: #B6B6B6;
height: 120px;
text-align: center;
    }

.sitemap_path
{
    height: 35px;
    color: #8C8C8C;
    padding: 20px 0 0 0px; /* border: 1px solid red; */
    vertical-align: bottom;
    font-size: 20px;
}

.sitemap_menu_name
{
    height: 40px;
    color: #000000; /* border: 1px solid blue; */
    font-size: 35px;
    font-weight:bold;
}