@import url("jquery.fancybox.css");
@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0;
    outline: 0;
font-size:small;
    vertical-align:baseline;
    background:#b6ebfa;
}

body {
background:#e1d8af;
font-family: 'lucida_sansregular';
font-size:13px;
color:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul, li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}

@font-face {
    font-family: 'lucida_sansregular';
    src: url('../fonts/lsans-webfont.eot');
    src: url('../fonts/lsans-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lsans-webfont.html') format('woff2'),
         url('../fonts/lsans-webfont.woff') format('woff'),
         url('../fonts/lsans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lucida_sansitalic';
    src: url('../fonts/lsansi-webfont.eot');
    src: url('../fonts/lsansi-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lsansi-webfont.html') format('woff2'),
         url('../fonts/lsansi-webfont.woff') format('woff'),
         url('../fonts/lsansi-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.container{ width:1200px; margin:0px auto;}
.txt_center{ text-align:center;}
h2{ font-family: 'lucida_sansitalic'; font-size:22px; padding-bottom:10px; font-weight:normal;}
p {line-height: 20px;}
header{
background: #fff /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #fff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548242', endColorstr='#f5fef2',GradientType=0 ); /* IE6-9 */
 box-sizing: border-box;
 padding: 5px 5px 0px;
}
.logo{ display:inline-block;}
.top_right{ float:right;}
nav ul li { float:left;
background: #b5cdac; /* Old browsers */
background: -moz-linear-gradient(top,  #b5cdac 0%, #083907 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b5cdac 0%,#083907 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b5cdac 0%,#083907 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cdac', endColorstr='#083907',GradientType=0 ); /* IE6-9 */
border-radius: 0 0 5px 5px;
padding:6px; margin:0px 2px;
color:#ccff34;
}
nav ul li a{ color:#ccff34;}
nav ul li a:hover{ 
/*    color:#C00;*/
    color: #D5E5CF;
}
nav ul li:hover{
    background: #065504;
    background: -moz-linear-gradient(top, #083907  0%,#b5cdac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #083907  0%,#b5cdac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #083907  0%,#b5cdac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083907', endColorstr='#b5cdac',GradientType=0 ); /* IE6-9 */
    transition: all 550ms ease-in 0s;
}

.search_area {
    display: block;
    position: relative;
    text-align: right;
    width: 100%;padding-bottom: 10px;
}
.description_black{ font-size:12px; color:#222;}
.description_black:hover{ font-size:12px; color:#222;}
.description_black:active{ font-size:12px; color:#222;}
.description_black:focus{ font-size:12px; color:#222;}
.banner_area{ background:#fff; padding:0px 0px 5px; box-sizing:border-box;overflow: hidden;}
.banner img{ width:100%;}
.content_area{ background:#e1d8af; padding:10px; box-sizing:border-box; overflow:hidden;}
.content_left{  padding-right: 1%;width: 19%; float:left;}
.content_mid{ width:60%; float:left; padding:15px 0px 10px; box-sizing:border-box;}
.content_right{ width:20%; float:right; padding-left:1%; box-sizing:border-box;}
.left_menu li{ padding:10px 0px; clear: both; display: block;}
.logos li{ padding:5px; box-sizing:border-box; width:49%; display: inline-block; vertical-align:top; text-align:center;}
.left_menu li a{ text-transform:uppercase; color:#033602;}
 .logos li a{ color:#138808;}
.left_menu li a:hover, .logos li a:hover{ color:#93241E;}

.logos img {width: 100%;}
.about_us{ padding-bottom:20px;}
.about_us p{
    text-align: justify;
}
.let_live{ padding:10px 0 20px;}
.let_live p{
    text-align: justify;
}
.directorate{padding:20px 0px;}
.home_bottom_area {float: left;padding-top: 15px;width: 100%;}
.box{ float:left; width:173px; height:120px; padding:3px; background:#033602; margin:0px 8px; position:relative;}
.box img{ width:100%;}
.box span{background:rgba(0,4,15,0.5); color:#fff;box-sizing: border-box;color: #fff; left: 4px;padding: 8px;position: absolute;top: 4px;width: 171px;text-align: center;}
.readmore{ color:#033602; font-weight: bold; cursor: pointer;}
.readmore:hover{ color:#C00}
.logos{float: right;}
.border {border: 1px solid; padding: 10px;}
input[type="search"]{ border:1px solid #333; height:26px; width:200px; background: #e5f1e0;}
.submit_btn{ background:url(../images/search_btn.png) no-repeat; border:none; text-indent:-999px; height: 20px; width:24px;position: absolute; cursor:pointer; right:3px; top:3px;}
.ticket {background:#89ab7c;padding-top: 10px;height: 25px;}
footer{ background:#538141; border-top:3px solid #fff; padding:15px;}
.footer_menu{ text-align:center;}
.footer_menu li{ display:inline-block; background:url(../images/icon.jpg) no-repeat right center; padding:0px 15px;}
.footer_menu li a, .copy{ color:#ccff34;}
.copy{ text-align:right;}
.copy a{ color:#ccff34;}
.footer_menu li:last-child{ background:none}
.box_left{ background:#fff; box-sizing: border-box;
    margin-top: 20px;
    padding: 10px;
    width: 95%;}
h5 {padding-bottom: 8px;}
.read {
    background: #043b11;
    color: #fff;
    display: block;
    float: right;
    padding: 2px 3px;
    text-align: center;
    width: 40%;
}


/************************* drop down button **************************/
.dropbtn {
/*
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
*/
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
/*    background-color: #2D582A;*/
    
    background: #b5cdac; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5cdac 0%, #083907 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b5cdac 0%,#083907 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b5cdac 0%,#083907 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cdac', endColorstr='#083907',GradientType=0 ); /* IE6-9 */
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    margin-top: 6px;
    margin-left: -10px;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dropdown-content a {
    color: #ccff34;
    padding: 7px 6px;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

.dropdown-content a:hover {
    background-color: #E1D8AF;
    color: #033602;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
/*    background-color: #3e8e41;*/
}



/************************* sulagna 20160725 ****************************/
.footer_menu{
/*    text-align: left;*/
}
.content_image img{
    margin: 50px 20px;    
    float: left;
}
.history_image img{
    margin: 35px 20px;    
    float: left;
}
.download{
    position: absolute;
    background: url(../images/download.png) no-repeat right;
    padding: 5px;
    padding-right: 45px;
    display: inline-block;
    min-height: 30px;
    
}
h3{ font-family: 'arial'; font-size:18px; padding-bottom:10px; font-weight:bold;}
.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
/*
.complete{
    display:none;
}
.more{
    background:lightblue;
    color:navy;
    font-size:13px;
    padding:3px;
    cursor:pointer;
}*/

article {
  border-bottom: 1px solid black;
}

.hide {
  display: none;
}
table tr{
    line-height: 20px;
}
table tr th{
    text-align: left;
}
table a{
    color: #033602;
}
.sub-content-box{
    background: rgba(255, 255, 255, 0.5) url(../images/folder.png) no-repeat left;
    display: inline-block;
    padding: 5px;
    padding-left: 40px;
    min-height: 30px;
    line-height: 30px;
    margin: 10px 5px;
}
.sub-content-box a{
    color: #033602;  
    font-size: 14px;
}
.gallery_content{
    text-align: center;
    vertical-align: middle;
}
.gallery_content .box{ float:left; width:210px; height:170px; padding:3px; background:#033602; margin:10px 8px; position:relative; 
    overflow: hidden;}
.gallery_content .box a{overflow: hidden;}
.gallery_content .box img{ width:100%; max-height: 170px;}
.gallery_content .box span{background:rgba(43,106,13,0.8); color:#fff;box-sizing: border-box;color: #fff; left: 4px; right: 4px; padding: 8px;position: absolute;bottom: 4px; top: 140px; width: 208px; text-align: center;}
.gallery {
    list-style: outside none none;
    margin: 0 -15px;
    padding: 0;
}
.gallery img{
    width: 100%;
    min-height: 170px;
}

/*********************** 20160830 **************************/

/* left menu hover sub menu */
.left_menu{
    margin-top: 10px;
    margin-right: 20px;
}
.text_right{
    text-align: right;
}
.text_left{
    text-align: left;
}
.text_center{
    text-align: center;
}

.left_dropdown {
    position: relative;
    display: inline-block;
}
.left_dropbtn {
    padding: 16px;
    border: none;
    cursor: pointer;
    padding-right: 8px;
}
.left_dropdown_content {
    display: none;
    position: absolute;
    background-color: #E1D8AF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    text-align: center;
    left: 180px;
    top: 10px;
    z-index: 99;
}

.left_dropdown_content a {
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    color: #ccff34;
}

.left_dropdown_content a:hover {background-color: #ffe797; color: #033602;}

.left_dropdown:hover .left_dropdown_content {
    display: block;
}

.left_dropdown:hover .left_dropbtn {
    color: #93241e;
}

.left_menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.left_menu li:hover>ul
{
	visibility: visible;
/*	top: 100%;*/
}

.left_menu li li:hover>ul
{
	top: 40%;
	left: 100%;
}

.left_menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.left_menu, .left_menu ul
{
	min-height: 0;
}

.left_menu ul
{
    padding: 0px 10px 0px 10px;
	margin: -20px 0 0 -30px;
    left: 110%;
    top: 100%;
    background-color: #f5f4cb;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.left_menu ul ul
{
	padding: 0px 10px 0px 10px;
	margin: -30px 0 0 -10px;
}
.left_menu li{
    text-transform: uppercase;
}

/*

.left_sub_btn{
    position: relative;
    display: inline-block;
    padding: 16px;
    border: none;
    cursor: pointer;
    padding-right: 8px;
}
.left_sub_content{
    display: none;
    position: absolute;
    background-color: #E1D8AF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    text-align: center;
    left: 180px;
    top: 10px;
    z-index: 99;
}
.left_sub_content a {
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    color: #ccff34;
}

.left_sub_content a:hover {background-color: #ffe797; color: #033602;}

.left_sub_btn:hover .left_sub_content{
    display: block;
}

.left_sub_btn:hover  {
    color: #93241e;
}*/
.mgheight li.left_dropdown{
    margin: 10px 0;
}
.construction{
    min-height: 200px;
}

/************ 20160901 *****************/
.acts_box{
    display: block;
    margin: 0 0 20px 10px;
    clear: both;
}
.acts_box a{
    font-size: 14px;
    color: #033602;
    display: list-item;
    line-height: 30px;
    list-style-type: square;
}
.container>h2{
    text-align: left;
    margin: 10px 0;
    clear: both;
}
.pull_left{
    float: left;
}
.pull_right{
    float: right;
}
table tr td:first-child{
    display: list-;
    list-style-type: square;
    margin-left: 10px;
}
table tr td:last-child{
    padding-left: 28px;
   
}
.construction h2{
    font-size: 40px;
    margin-top: 80px;
    text-align: center;
}
.bottom_space_50{
    margin-bottom: 50px;
}
ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
}
ol li{
    list-style-type: decimal;
    padding: 5px 0;
}
.text_justify{
    text-align: justify;
}
.directorate{
    padding: 0;
}
.directorate p{
    line-height: 16px;
    font-size: 12px;
}
.directorate h5{
    padding: 8px 0;
    font-size: 13px;
}
hr{
    color: green;
    opacity: 0.3;
}
.mgheight li.left_dropdown{
    margin: 14px 0;
}
.logos li{
    min-height: 120px;
}
.about_home{
    padding-bottom: 0;
}
.let_home{
    padding:10px 0 10px;
}