@charset "utf-8";
@import url("inner.css");



/* CSS Reset and Generalization */
* { padding:0; margin:0; }
html { height:100%; padding-bottom:0.1em; }
body { background:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:62.5%; padding-bottom:1em; color:#343434;}
a { text-decoration:underline; color:#9D0E0E; background-color:inherit; font-size: 12px}
a:hover { text-decoration:none; color:#000; }
img, fieldset { border:0; position: relative;  top: 5px;}
ul { list-style:none; }
p { font-size:1.3em; }
td { text-align:left; vertical-align:top; }

/* heading tags */
h1 { color:#00794a; font:bold 2.6em Arial, Helvetica, sans-serif; text-transform:uppercase; }
h2 { font:bold 1.6em Georgia, "Times New Roman", Times, serif; color:#004575; padding:0.15em 0;}
h2 span { display:block; }
h3 { font:bold 1.2em Georgia, "Times New Roman", Times, serif; padding:0.3em 0 .5em; color:#004575; text-transform:uppercase; }

/* wrappers and columns */
.outer_wrapper{ width:966px; margin:0 auto; background:url(../images/body_bg.gif) repeat-x 0 0 #fff; border-top:#fff 1px solid; }
.wrapper { width:966px; margin:0 auto; height:100%; overflow:hidden; }
#container{ width:100%; position:relative; }
#leftColumn     { width:19%; float:left; }
#rightColumn    { width:19%; float:right; }
#midColumn      { float: left; width: 59%; margin-left: 16px;}

/* topmost black stripe */
.topStripe { background-color:#292929; height:100%; overflow:hidden; min-width:963px;width:966px; margin: 0px auto; }
.topStripe ul { float:right; padding:0.9em 0; }
.topStripe ul ul { float:none; padding:0; }
.topStripe li { font-size:1.2em; line-height:1.2em; float:left; background:url(../images/nav-sep.gif) no-repeat 100% 50%; padding:0 0.8em;color:#EAEAEA; }
.topStripe li.noBord { background:none; }
.topStripe li.switcher { padding-right:0; }
.topStripe li li { background:none; font-size:1em; padding:0 0.2em; }
.topStripe a { color:#EAEAEA; text-decoration:none; }
.topStripe ul li .bigger { font-size:0em; line-height:0.5em; background:url(../images/increase.gif) no-repeat 3px 50%; padding:9px 0 0 12px; line-height:0; }
.topStripe ul li .smaller { font-size:0.0em; background:url(../images/decrease.gif) no-repeat 0 50%; padding:7px 0 0 10px;  line-height:0;  }
/* .topStripe ul li a span{ visibility:hidden;} */
.topStripe a:hover { color:#f7f7f7; text-decoration:underline; }
.topStripe ul li .smaller:hover, .topStripe ul li .bigger:hover{ text-decoration:none;}
.topStripe li div { width:auto; margin:0; }
.topStripe li.hindi { font-size:1.2em; background:none;}

/* header */
#header {height:100%; overflow:hidden; padding:0.6em 0;}
.siteDescription, .siteDescription img, .siteDescription h1 { float:left; }
.siteDescription img { margin:0 1.8em 0 1.3em; }
.siteDescription h1 { margin-top:1.3em; line-height:.85em; letter-spacing:-1px; }
.siteDescription h1 span {font-size:0.65em; color:#232323; display:block; letter-spacing: normal; }
.qucik-access { width:20em; float:right; padding-top:0.9em; }
* html .qucik-access { width:20.5em; }
* + html .qucik-access { width:20.5em; }
.qucik-access ul { height:100%; overflow:hidden; float:right; }
.qucik-access li { float:left; font-size:1.1em; line-height:1.2em; padding-right:1em; }
.qucik-access li.sitemap { padding-right:0; }
.qucik-access li a { background-position:0 0; background-repeat:no-repeat; color:#292929; padding-left:1.8em; float:left; display:block; text-decoration:none; }
.qucik-access li a:hover { color:#292929; text-decoration:underline; }
.qucik-access li a.home { background-image:url(../images/ico-home.gif); }
.qucik-access li a.contact { background:url(../images/ico-contact.gif) no-repeat 0 2px; }
.qucik-access li a.sitemap { background:url(../images/ico-sitemap.gif) no-repeat 0 2px; }

.qucik-access .search { clear:right; padding-top:3em; }
* html .qucik-access .search { padding-top:2em; }
* + html .qucik-access .search { padding-top:2em; }
.qucik-access .search input { display:inline; float:left; font-size:1.1em; }
.qucik-access .search .txtBox { width:13.8em; padding:0.2em 0 0 0.3em; height:1.6em;  border:solid 0.1em #000; margin-right:0.2em;}
.qucik-access .search .btn { background:#000 url(../images/btn-srch.gif) no-repeat 50% 50%; height:1.95em; width:2.45em; border:solid 0.1em #000; cursor:pointer; }

/* general css for all block */
#container h2{ font-size:1.4em; line-height:1.8em;}
.ac{ text-align:center;}
#midColumn p{ padding-bottom:.8em; line-height:1.4em;}

/* main menu */
.mainMenu{ width:100%; margin-bottom:1em; border-right:#38654f 1px solid;}
.mainMenu h2, .mainMenu h2.links{background:url(../images/blue_bg.gif) repeat-x 0 0 #205b84; color:#fff; padding:0 0 0 .6em;}
.mainMenu ul li{border-bottom:#38654f 1px solid; line-height:1.4em;}
.mainMenu ul li.last{ border-bottom:none;}
.mainMenu ul li a{ font-size:1.2em; background:url(../images/bullet.gif) no-repeat .7em .75em; padding:.4em 0 .4em 16px; color:#38654f; text-decoration:none; display:block;}
.mainMenu ul li a:hover, .mainMenu ul li a.active{ background-color:#ebf7ec; color:#38574A;}
.mainMenu .sf-vertical li ul{padding-right:13px;}
* html .mainMenu .sf-vertical li ul{padding-right:0; background-color:#f0f0f0;}
.mainMenu .sf-vertical li li { background-color:#f0f0f0;  }
.sf-vertical li ul li a{ width:12em; background:url(../images/bullet.png) no-repeat 6px .8em; padding-left:14px;}
.sf-vertical li ul li a:hover{ text-decoration:none;}

/* drop menus */
.mainMenu .sf-menu li li:hover, .mainMenu .sf-menu li.sfHover,
.sf-menu a:focus, .mainMenu .sf-menu li li a:hover, .mainMenu .sf-menu a:active { background-color:#ebf7ec; color:#000; }
.mainMenu .sf-sub-indicator{ background:url(../images/nav-arrows.gif) no-repeat -10px 0;}

/* icon link */
#leftColumn h3 a{ display:block; text-decoration:none; background:none;}
#leftColumn h3 a:hover{ text-decoration:none;}

h3.helpDesk{ background:#163f7f url(../images/help.gif) no-repeat 0 0 ; height:45px; font:bold 1.3em/1.1em Arial, Helvetica, sans-serif; margin-bottom:5px;   }
h3.helpDesk a{color:#e6f0ff; padding:6px 0 0 58px; }

h3.note{ background: url(../images/note.gif) no-repeat 0 0 #155729; height:51px; font:bold 1.1em/1.1em Arial, Helvetica, sans-serif; margin-bottom:8px; }
h3.note a{ color:#eafff0; padding:22px 0 0 62px;}

h3.download{ background:url(../images/download.gif) no-repeat 0 0 #B84500; height:28px; font:bold 1.1em/1.1em Arial, Helvetica, sans-serif; margin-bottom:6px;}
h3.download a{ color:#fff; padding:10px 0 0 39px;}


/* top Nav */
.topNav{ width:100%; background:url(../images/blue_bg.gif) repeat-x 0 bottom #183f3f; height:2.5em; margin-bottom:.7em;}
* html .topNav{ width:99.5%;}
.topNav ul li{ background:url(../images/nav_space.gif) repeat-y 100% 0; padding-right:2px; line-height:2.5em; float:left;}
.topNav ul li.last{ background:none; padding:0;}
.topNav ul li a{ color:#fff; text-decoration:none; padding:0 .85em; font-size:1.2em;}
.topNav ul li a:hover{ text-decoration:underline; color:#fff;}
.topNav .sf-menu li li { background:#396750; border-bottom:#183f3f 1px solid; border-right:none; }
.topNav .sf-menu li ul{ margin-top:6px; width:15em; border:none;}
.topNav .sf-menu li ul li a{ padding:1px .62em 1px;}

/* drop menus */
.topNav .sf-sub-indicator{ background:		url(../images/nav-arrows.gif) no-repeat -10px -100px;}
.topNav .sf-menu li li:hover, .topNav .sf-menu li.sfHover, .topNav .sf-menu li li a:hover, .topNav .sf-menu a:active { background-color:#56866e; color:#fff; text-decoration:none; }

/* press release */
.pressRelease{width:100%; margin-bottom:2em}
.pressRelease h3{color:#fff; background:#00716b; padding:.3em 0 .4em .5em; line-height:1em; position:relative; margin-bottom:10px;}
.pressRelease h3 span.bt{ position:absolute;  right:6px!important; right:4px; width:11px; top:4px!important; top:6px;}
.pressRelease h3 span.bt img{ border:#ddd 1px solid;}
.pressRelease h3 span.arrow{ background:url(../images/green_arrow.gif) no-repeat 0 0; width:8px; height:6px; position:absolute; bottom:-6px; left:10px;}
* + html .pressRelease h3 span.bt img{ margin-top:2px;}
* + html .pressRelease h3 span.arrow{ bottom:-5px;}
* html .pressRelease h3 span.arrow{ bottom:135px;}
.pressRelease ul{ margin:.5em 0; height:120px;}
.pressRelease ul li{line-height:1.4em; position:relative;}

.pressRelease ul li a{ font-size:1.2em; line-height:1.4em; padding-left:.72em;  color:#4A4F6D; display:block; position:relative; padding-bottom:8px!important; padding-bottom:0;}
* html .pressRelease ul li a{ margin-bottom:-10px;}
.pressRelease ul li a span{width:3px; height:3px; position:absolute; left:0!important; left:-5px; top:5px;  font-size:0; line-height:0;}
.pressRelease ul li a:hover{ text-decoration:none;}

/* gallery */
#rightColumn .gallery{  width:99.5%;background:#fef8eb;}
.gallery h3{color:#fff; background: url(../images/galery_bg.gif) repeat-x 0 100% #b84500; padding:.3em 0 .4em .5em; line-height:1em; position:relative;}
.gallery h3 span{ background:url(../images/red_arrow.gif) no-repeat 0 0; width:8px; height:6px; position:absolute; bottom:-4px; left:10px;}
* + html .gallery h3 span{ bottom:-3px;}
* html .gallery h3 span{ bottom:122px;}
 .gallery div{ padding:12px 10px 10px;}
.gallery p.read_more{ background:url(../images/gallery_readmore.gif) no-repeat 0 0 #006f2d; color:#fff; padding:0; margin:5px 0 0; width:112px; text-align:center; }
.gallery p.read_more a{ font-size:11px; color:#fff; text-decoration:none; line-height:21px; }

/* lower contenair */
.lowerContainer{ width:99.5%; height:100%; overflow:hidden; padding-top:10px; line-height:1.5em; position:relative;}
.directorate{ width:54%; float:right; background:#ecfaf3; border:#dff6ea 1px solid; padding:1.5em;}
.directorate img{ float:left; border:#c4e8e1 4px solid; margin:0 10px 5px 0;}
#container .directorate h3{ color:#006031; padding:0 0 .5em; font-size:1.1em; line-height:1.2em;}
#midColspan2 #midColumn .directorate p{ padding-bottom:.5em; color:#214433;}
/*.directorate img{ width:100%;}*/

.newsEvent{ width:37%; float:left;}
/** html .newsEvent{ width:43.5%; right:0; top:12px; color:#fafcee; border:#edf0dd 1px solid; padding:10px; background:#fafcee; position:absolute;}*/
.newsEvent h3{color:#fff; padding:.3em 0 .4em .5em; line-height:1em; position:relative; background:#16567f; margin-bottom:10px;}
.newsEvent h3 span.bt{ position:absolute; right:6px!important; right:4px; width:11px; top:4px!important; top:6px;}
.newsEvent h3 span.bt img{ border:#ddd 1px solid;}
.newsEvent h3 span.arrow{ background:url(../images/blue_arrow.gif) no-repeat 0 0; width:8px; height:6px; position:absolute; bottom:-6px; left:10px;}
* + html .newsEvent h3 span.arrow{ bottom:-5px;}
* + html .newsEvent h3 span.bt img{ margin-top:2px;}
* html .newsEvent h3 span.arrow{ bottom:140px;}


.newsEvent ul{ margin-top:.8em; height:125px;}
.newsEvent ul li{line-height:1.4em; position:relative;}
.newsEvent ul li a{ font-size:1.2em; line-height:1.4em; text-decoration:none; padding-left:.72em;  color:#000; display:block; position:relative; padding-bottom:8px!important; padding-bottom:0;}
* html .newsEvent ul li a{ margin-bottom:-10px;}
.newsEvent ul li a:hover{ color:#000; text-decoration:underline;}
.newsEvent ul li a span{width:3px; height:3px; position:absolute; left:0!important; left:-5px; top:5px;  font-size:0; line-height:0;}



.pressRelease ul li

.pressRelease ul li a
* html .pressRelease ul li a
.pressRelease ul li a span
.pressRelease ul li a:hover{ text-decoration:none;}

/* midColspan2 */
.banner{ width:100%; padding-bottom:1em;}
* html .banner{ width:99.5%;}
.newsStrip{ width:100%; border-bottom:#971f12 3px solid; border-top:#971f12 1px solid; overflow:hidden; height:2em; font-size:1.2em; color:#971f12; }
.newsStrip ul{ line-height:2em;}
.newsStrip ul#news2{ float:left; width:94%;}
.newsStrip ul#news2 li a{color:#971f12;}

.newsStrip .ticker-controls {width:17px; float:right; display:block; padding-top:3px; }
.newsStrip .ticker-controls li a { height:17px; width:17px; display:block; text-decoration:none; }
.newsStrip .ticker-controls li.resume a{ background:url(../images/play2.gif) no-repeat 0 0;}
.newsStrip .ticker-controls li.stop a{ background:url(../images/stop2.gif) no-repeat 0 0;}
.newsStrip li.resume a span, .newsStrip li.stop a span { visibility:hidden; display:none; }


/*.banner img{ width:100%;}*/
#midColspan2 #innerWrapper{ width:100%;}
* html #midColspan2 #innerWrapper{ width:99.5%;}
#midColspan2 #midColumn h3 span{ font-weight:normal; color:#000000;}
.grblod{ color:#567600; font-weight:bold;}
.read_more{ background:url(../images/read_more.gif) no-repeat right 50%; line-height:1em; padding-right:5px; text-decoration:none;}
.read_more:hover{ text-decoration:underline; color:#ba0c0c;}



.siteReview { background:#16413d; text-align:center; color:#dfeffc; font-weight:bold; font-size:1.2em; padding:1.15em 0; margin-bottom:1.0em; }

/* FOOTER */
#footer { padding:4.2em 0 1em 0;  clear:both;}
#footer a { color:#555555; }
#footer a:hover {text-decoration:none; }
#footer ul { text-align:center; margin-bottom:1.5em; }
#footer li { font-size:1.2em; display:inline; padding:0 0.4em; color:#414141; line-height:1.8em; }
#footer li a { color:#414141; text-decoration:none;}
#footer li a:hover { text-decoration:underline; }

#footer p { text-align:center; line-height:1.4em; margin-bottom:1em; color:#555555; }

#footer p.siteDesigned { background-color: #F7F7F7;border-bottom: 1px dotted #D0D0D0;
    border-top: 1px dotted #D0D0D0;
    color: #003399;
    font-weight: bold;
    line-height: 30px;
}
/* News Scroller generalized */
.ticker {overflow:auto; position:relative; }
.ticker li { display:block; }
.ticker div { margin-top:0; }


.topNav ul a.mob-bar{display:none !important;}

.topStripe .seltheme {
    float: left;
    padding: 0 5px;
}
.fleft { float: left;}
.topStripe .rightborder a {color: #fff;text-indent: -9999px;width: 20px;}
.topStripe .defaultcolor { background: none repeat scroll 0 0 #fff !important; border: 1px solid #fff !important; float: left; height: 8px; margin: 0 0 0 5px; padding: 2px; width: 8px;}
.topStripe .yellowcolor {background: none repeat scroll 0 0 #ffea02 !important; border: 1px solid #fff !important; float: left; height: 8px; margin: 0 0 0 5px; padding: 2px; width: 8px;}
.topStripe .pinkcolor {background: none repeat scroll 0 0 #f88eef !important; border: 1px solid #fff !important; float: left; height: 8px;  margin: 0 0 0 5px; padding: 2px; width: 8px;}
.topStripe .bluecolor { background: none repeat scroll 0 0 #3702ff !important; border: 1px solid #fff !important; float: left; height: 8px;  margin: 0 0 0 5px;  padding: 2px; width: 8px;}

.displayNone { display:none; }

.white-bars { color: white;float: right; margin-right: 15px !important;font-size: 21px !important;margin-top: 2px  !important; }

.t-intend { text-indent: -9999px;  }

.opacity0 { opacity: 0;  }
*:focus { outline: 2px solid #4a91c3; }
a:focus, img:focus, h1:focus, h2:focus, h3:focus, p:focus { outline: 2px solid #4a91c3; }

span:focus, h2:focus, h3:focus, label:focus { outline: 2px solid #f00 !important; }

@media (max-width:768px)
{
    .topStripe { min-width: 100%; }
    .topStripe li {  padding: 0px; }
    .siteDescription .logo{ left: 124px; }
    .outer_wrapper{width: 100%}
    .wrapper{width:100% !important; min-width: 100% !important;}
    .topStripe{height:6em; width: 100%; }
    .topStripe a { padding: 0px 1px; }
    #headerTop {background: #fff;}
    #header img { margin: 0px 0px; }
    #header h1 { margin-top: 0;width: 100%;font-size: 24px;margin-left: 0%;padding-top: 10px }
    .siteDescription{text-align:center;width: 100%;}
    .qucik-access{width:100% !important;float:none;text-align: center;}
    .qucik-access ul{display: inline-block;float:none;}
    .armL { padding-left:0px; }
    .armR { padding-right:0px; }
    .qucik-access .search{display:inline-block;margin:0px;}
    #slider, #slider .sliderInner{width:100% !important;}
    /*
    #slider, #slider .sliderInner{width:100% !important;height:80px !important;}
    #slider .mcSlc{background-size:100% !important;}
    #sliderFrame{height:auto !important;}
    #slider .bgLayer{background-size:100% !important;} */
    .qucik-access li a { font-size: 0.8em; }
    .siteDescription, .siteDescription img, .siteDescription h1{float:none;}
    .siteDescription h1{width:auto;}
    .siteDescription img{margin:0px;}
    #leftColumn{width:100%;float:none;padding:0px;margin:0px;}
    #rightColumn{width:100%;float:none;padding:20px 0px;margin:0px;}
    #rightColumn .mainMenu{text-align:center;}
    #rightColumn .mainMenu ul{display:block;text-align:center;}
    #rightColumn .mainMenu .sf-menu a{display:initial !important;}
     .map {margin:0px;text-align:center;}
    .governor{display:block;text-align: center;}
    .mps{text-align:center;}
    .ctr-ukd{float:none;text-align:center;}
    .impLinks ul.one{padding-left:10px;}
    .impLinks p{padding:0px 10px;}
    #midColumn{margin:30px 0px 0px 0px;padding: 8px;}
    #midColumn .ukagri{width:100%;height:auto;}
    #midColumn h2{width:100%;text-align:center;}
    #midColumn table{width:100%;}
    #midColumn img{width:100% !important;height:auto !important;}
    #midColumn table td{width:100%;display:block;}
    #midColumn table td table td{width: 100%;display: inline-block;text-align: center;}
    .innerWrapper .packageTours{width:100%;float:none;}
    .innerWrapper .fairs{width:100%;float:none;}
    .packageTours, .fairs{min-height:auto;height:auto;}
    .topNav{margin:0px; position: relative;}
    
    .topNav.responsive .icon { position: absolute;right: 0; top: 0;}
    .topNav ul a.mob-bar{display:block !important;}
    
    .topNav ul li:not(:first-child) { display: none;} 
    
    .topNav.responsive ul li {float: none; display: block; text-align: left;background:#007D4A;border: 1px solid #fff;}
    .topNav .sf-menu li ul{display:block;width:100%;}
    .outer_wrapper .topNav .sf-menu ul {position: inherit;top: 0;}
    #midColumn{width:95%;float:none;}
    #midColumn img{width:100%;height:auto;padding:0px !important;}
    .group1-Wrapper a.group1-Next{display:none;}
    .bg{overflow: visible;}
    .Courtesy-div{float:none;margin-top:0px;text-align: center;}
    .governor{padding:0px;}
    div.gallery ul li{float:none;width:75%;margin:0 auto;}
    #lightbox-container-image-box{width:96% !important; height:auto !important;}
    #lightbox-image{width:100%;}
    #lightbox-container-image-data-box{width:100% !important;}
    #footer ul { min-width: 100%; }
    .gallery img{width:98%;height:200px;}
        
     
}