/* CSS Document */

html { margin: 0 0 0 0; padding: 0 0 0 0;}

body { font-family: verdana, verdana, geneva, sans-serif; font-size: 13px; margin: 0 0 0 0; padding: 0 0 0 0;}

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;	margin-top: 0px;}
h1 { font-size: 1.2em; color: #D30112; padding: 0 0 4px 0;}
h2 { font-size: 0.8em; }
h3 { font-size: 0.8em; }
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }


/* Containers */

#container {width:996px; margin: 0px auto 0px auto; }

#top{width:996px; }
#top-left{float:left; width:850px; height:82px; overflow:auto; padding: 0 0 4px 0;}
#top-right{float:left; width:146px; height:82px; overflow:auto;}

#top-nav{width:996px;}

#bread{width:996px; overflow:auto; padding: 7px 0;}

#main{width:996px; }
#main-left{float:left; width:750px; overflow:auto; height:100%; overflow-y:hidden; overflow-x:hidden;}
#main-right{float:right; width:240px; overflow:auto; overflow-y:hidden; overflow-x:hidden;}

#col-container{width:996px; float:left; margin: 0px auto 0px auto;}
#col-left{float:left; width:674px; font-size:1.036em; overflow:auto; padding-right: 15px; height:auto; border-right: 1px solid #FBE1CE; overflow-y:hidden; overflow-x:hidden;}
#col-right{float:right; width:300px; overflow:auto;  overflow-y:hidden; overflow-x:hidden;}

#footer{float:left; width:996px; overflow:auto; background-color:#D30112; padding: 12px 0; margin-top: 10px;}
#footer-left{float:left; width:200px; overflow:auto; border-right: 1px solid #B1010F; padding: 8px; height:216px; }
#footer-middle{float:left; width:507px; border-right: 1px solid #B1010F;border-left: 1px solid #E30113; padding: 8px 12px; height:216px; }
#footer-right{float:left; border-left: 1px solid #E30113; padding: 8px 12px; height:216px; }

#footnote{float:left; width:996px; overflow:auto; padding: 2px; font: 8pt Tahoma;}
#footnote-left{float:left; width:870px; overflow:auto;}
#footnote-right{float:left; width:124px; overflow:auto; text-align: right;}


/* Links */

a:link { color: #D30112; text-decoration: none; }
a:visited { color: #D30112; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #D30112; }
.white { color: #FFFFFF; }
A.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none }
A.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline}


/******* Breadcrumbs *********/


.breadcrumb{ font-size: 0.92em; font-family: Arial, Helvetica, sans-serif;}
.breadcrumb a{ background: transparent url('../images/breadcrumb.gif') no-repeat center right; text-decoration: none; padding-right: 16px; padding-left: 2px;}
.breadcrumb a:visited, .breadcrumb a:active{ }
.breadcrumb a:hover{ }

/* updates */
#d-rcorners { border-radius: 18px; background: #D30112; padding: 3px 0 4px 8px; width: 164px; color:#FFFFFF; font-size:.82em;}
.d-text { position: relative; bottom: 2px;}
.d-dot { height: 6px; width: 6px; background-color: #D30112; border-radius: 50%; display: inline-block; border:3px solid white; margin: 3px 3px 0 0;}

/* pictures images */

.picture-main { border: 1px solid #D6EDFE; margin: 0;}
.picture-event { border: 1px solid #B1010F; margin: 12px;}
.picture-left { border: 1px solid #F4F8FB; margin: 0 12px 0 0;}
.picture-right { border: 1px solid #F4F8FB; margin: 0 0 0 12px;}
#text { z-index:100; position:absolute; color:white; font-size:20px; font-weight:bold; left:40px; top:355px; text-shadow: 1px 1px 1px #000;}


/* Side Block of Navigation */

#sideblock{
width: 211px;
border: 1px solid #E30113;
padding: 0 0 0 0;
margin: 2px 16px 22px 16px;
font-size: 90%;
color: #333;
}

* html #sideblock{ /*IE 6 only */ width: 179px; /*Box model bug: 180px minus all left and right paddings for #blueblock */}

#sideblock ul{ list-style: none; margin: 0; padding: 0; border: none;}
#sideblock li { border-bottom: 1px dotted #D30112; margin: 0;}
#sideblock li a{ display: block; padding: 8px 5px 8px 8px; background-color: #fff; color: #000; text-decoration: none; width: 100%;}
html>body #sideblock li a{ /*Non IE6 width*/ width: auto;}
#sideblock li a:hover{ border-left: 10px solid #D30112; border-right: 0px solid #5ba3e0; background-color: #D30112; color: #fff;}
#sideblock li:last-child { border-bottom: none;}


/* Footer News link list */

#menufoot{ width: 460px; margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menufoot ul{ list-style: none; margin: 12px 0px; padding: 0; }
#menufoot li { padding: 4px 12px 12px 12px; background: transparent url('../../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menufoot li a{ color: #fff; text-decoration: none; }
#menufoot li a:hover{ text-decoration: underline; }


/* Footer Explore link list */

#menuexplore{ width: 190px; margin: 4px; font-family: Arial, Helvetica, sans-serif; }
#menuexplore ul{ list-style: none; margin: 8px 0px; padding: 0; }
#menuexplore li { padding: 4px 4px 12px 12px; background: transparent url('../../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menuexplore li a{ color: #fff; text-decoration: none; }
#menuexplore li a:hover{ text-decoration: underline; }


/************* DD Navigation *************/

#primary_nav_container
{
	clear: both;
	font-size: 16px;
	width: 986px;
	height: 33px;
	text-align: left;
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	z-index: 20;
	background-color: #D30112;
}

.not_visible
{
display: none;
}

.mainmenu
{
float: left;
height: 33px;
}

#news, #smvd, #jammu, #ladakh, #kashmir, #sas
{
	display: block;
	text-decoration: none;
	border: none;
	line-height: 29px;
	padding: 0 35px 0 36px;
	margin: 2px 0 0 0;
	background: url('../images/topnav-divider.gif') no-repeat right center;
	color: #FFFFFF;
}

#sas
{
background: none;
}

#news:link, #smvd:link, #jammu:link, #ladakh:link, #kashmir:link, #sas:link, #news:visited, #smvd:visited, #jammu:visited, #ladakh:visited, #kashmir:visited, #sas:visited
{
text-decoration: none;
}

#news:hover, #smvd:hover, #jammu:hover, #ladakh:hover #kashmir:hover, #sas:hover,
#news:focus, #smvd:focus, #jammu:focus, #ladakh:focus, #kashmir:focus, #sas:focus,
#news:active, #smvd:active, #jammu:active, #ladakh:active, #Kashmir:active, #sas:active
{
	text-decoration: none;
	background-color: #fff;
	border: none;
	background: #fff url('../../images/topnav_dd.gif') no-repeat left center;
	outline: none;
	color: #D30112;
}


#news h2, #smvd h2, #jammu h2, #ladakh h2, #kashmir h2, #sas h2
{
	font-size: 80%;
	font-weight: bolder;
	color: #fff;
	display: inline;
}

#news:hover h2, #smvd:hover h2, #jammu:hover h2, #ladakh:hover h2, #kashmir:hover h2, #sas:hover h2,
#news:focus h2, #smvd:focus h2, #jammu:focus h2, #ladakh:focus h2,  #kashmir:focus h2, #sas:focus h2,
#news:active h2, #smvd:active h2, #jammu:active h2, #ladakh:active h2, #kashmir:active h2, #sas:active h2
{
color: #D30112;

}
.dropdown_menu
{
display: none;
width: 992px;
height: 216px;
position: absolute;
top: 30px;
left: 0px;
background-color: #FFF;
z-index: 20;
border-top: solid #D30112 0px;
border-bottom: solid #D30112 2px;
border-left: solid #D30112 2px;
border-right: solid #D30112 2px;
overflow: hidden;
padding: 20px 0 20px 0;
margin: 0 0 0 0;
}
.dropdown_menu h3
{
text-transform: none;
}

.first_list, #first_list
{
display: inline;
width: 870px;
height: 250px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.first_list li, #first_list li
{
display: inline;
float: left;
text-align: left;
background: url('../../images/line_div.png') no-repeat bottom left;
width: 265px; 
height: 202px;
font-size: 80%;
font-weight: bolder;
padding: 0 25px 0 25px;
margin: 0 0 0 0;
text-align: left;
}

.first_list .first, #first_list .first
{
background: none; /* padding-left:0px; */
}

.first_list li h3, #first_list li h3
{
font-size: 110%;
text-align: left;
color: #D30112;
padding: 4px 0 12px 0;
margin: 0 0 0 0;
text-transform: none;
}

.first_list li ul, #first_list li ul
{
width: 240px;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index: inherit;
background: none;
}

.first_list li ul li, #first_list li ul li
{
margin: 0 0 0 0;
padding: 3px 0 0 14px;
z-index: inherit;
width: 245px;
height: 30px;
line-height: 30px;
list-style: none;
background: url('../../images/bullet.png') no-repeat 0 17px;
text-align: left;
}

.first_list li ul li a, #first_list li ul li a
{
display: block;
text-decoration: none;
line-height: 135%;
font-size: 120%;
color: #24496b;
background: url('../../images/devider.gif') left bottom repeat-x;
padding: 8px 0 8px 0;
margin: 0 0 0 0;
}

.first_list li ul li a:link, #first_list li ul li a:link
{
text-decoration: none;
}
.first_list li ul li a:visited
{
	text-decoration: none;
	color: #595959;
}

.first_list li ul li a:hover, .first_list li ul li a:focus, .first_list li ul li a:active,
#first_list li ul li a:hover, #first_list li ul li a:focus, #first_list li ul li a:active
{
	text-decoration: none;
	background: #D30112;
	color: #FFF;
	padding-left: 8px;
}


.first_list .dd_morelink, #first_list .dd_morelink
{
text-align:center;
float:left;
width:auto;
height:20px;
padding: 0 0 0 0; 
margin: 15px 0 14px 50px; 
}

.first_list .dd_morelink div, #first_list .dd_morelink div
{
height:100%;
width:100%;
padding: 0 0 0 0; 
margin: 0 0 0 0;
}



.first_list .dd_morelink a, #first_list .dd_morelink a
{
font-size:80%;
font-weight:bolder;
color:#FFF;
background:url('../../images/red_butt.png') no-repeat left top; 
width:165px; 
height:20px;
text-decoration:none;
text-transform: none;
display:block;
padding: 3px 0 0 0; 
margin: 0 0 0 0;
text-align: center; 
}

.dropdown_image_link a
{
text-decoration: none;
color: #D30112;
display: block;
width: 250px; 
height: 205px; 
padding: 0 0 0 0; 
margin: 0 0 0 0;
text-align: center;
border: none;
background-color: #FCF4E8; 
font-size: 98%; 
line-height: 1.5; 
}

.dropdown_image_link a:link
{
text-decoration: none;
}

.dropdown_image_link a:visited
{
text-decoration: none;
background: none;
background-color: #FCF4E8; 
}

.dropdown_image_link a:hover, .dropdown_image_link a:focus, .dropdown_image_link a:active
{
text-decoration: none;
background-color: #D30112; 
color: #FFF; 
}

.dropdown_image_link img
{
border: none;
}

/*--*/
a .ddimglnkcarrot {
	padding: 1px 0 0 16px;
	margin: 0px;
	display: inline;
}

.dropdown_image_link {
	padding: 0px 0 0 9px;
}

.dropdown_image_link:first-child {
	margin: 8px 0 0 0;
}

.ddimglnktext {
	padding: 8px 10px 0 10px;
	line-height: 36px;
}

.ddimglnktext:hover {
	text-decoration: none;
}


 /* -- */

.textsmall { WORD-SPACING: normal; FONT: 8pt Tahoma; COLOR: #000000; LETTER-SPACING: normal; TEXT-ALIGN: justify; }

.textsmallwhite {
	WORD-SPACING: normal;
	FONT: 8pt Tahoma;
	COLOR: #FFFFFF;
	LETTER-SPACING: normal;
	TEXT-ALIGN: justify;
	font-weight: bold;
}
.textmediumwhite {

	WORD-SPACING: normal;
	FONT: 9pt Tahoma;
	COLOR: #FFFFFF;
	LETTER-SPACING: normal;
	TEXT-ALIGN: justify;
	font-weight: bold;
}
.txtwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
A.buckets {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
A.buckets:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.learn {
	COLOR: #A82E07;
	TEXT-DECORATION: none;
	font-size: 11px;
}
A.learn:hover {
	COLOR: #A82E07; TEXT-DECORATION: underline
}
.footnote {

	font-family: Arial;
	font-size: 11px;
	line-height: normal;
}
.caption {
	font-family: Arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
}
.updated {
	font-family: Arial;
	font-size: 0.9em;
}
.h2current {
	font-family: Arial;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	color: #A82E07;
}
.text-white {
	WORD-SPACING: normal;
	COLOR: #FFFFFF;
	LETTER-SPACING: normal;
	font: Arial;
	font-size: 12px;
}
.text-brown {

	WORD-SPACING: normal;
	COLOR: #A82E07;
	LETTER-SPACING: normal;
	font: Arial;
	font-size: 12px;
}
 /* -- */

/******* Image Hover Text *********/

a.hovertext {
	position: relative;
	width: 300px;
	text-decoration: none !important;
	text-align: center;
	font-size: 11px;
  }
  a.hovertext:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 2px;
    padding: 0.2em 10px;
    width: 280px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
  a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 0.8;
  }




.list_item {
    float: left;
    margin: 5px 5px 5px 0;
    padding: 5px;
    width: 100%;
    border-bottom:dotted #FBE1CE 1px; font-size:1.034em;
}
.news-item {
    float: left;
    margin: 5px 5px 5px 0;
    padding: 5px;
    width: 100%;
}
img.ri
{
	float: right;
	max-width: 80%;
	padding: 1px;
	border: 1px solid #FBE1CE;
	margin: 2px 4px 2px 10px;
}


ul.square {
    list-style-type: square;
}


@media screen and (orientation: portrait) {
  img.ri {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 90%;
  }
}
@media screen and (min-width: 780px) {
#mobile-footer{display: none;}

}

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

body { font-size: 16px; }
#container {width:96%; margin: 0px auto 0px auto; }

#top{width:96%; }
#top-left{float:left; width:90%; height:82px; overflow:auto; padding: 0 0 4px 0;}
#top-right{display: none;}

#top-nav{display: none;}

#bread{width:96%; overflow:auto; padding: 7px 0 2px 0; border-bottom:solid #E2E2E2 1px;}


#main{width:96%; }
#main-left{display: none}
#main-right{float:left; width:100%; overflow:auto; overflow-y:hidden; overflow-x:hidden;}

/* Side Block of Navigation */

#sideblock{
width: 100%;
border-bottom: 1px solid #87CBFE;
border-top: 1px solid #87CBFE;
border-right: 1px solid #87CBFE;
border-left: 1px solid #87CBFE;
padding: 0 0 0 0;
margin: 2px 2px 12px 2px;
font-size: 90%;
color: #333;

}

* html #sideblock{ /*IE 6 only */ width: 179px; /*Box model bug: 180px minus all left and right paddings for #blueblock */}

#sideblock ul{ list-style: none; margin: 0; padding: 0; border: none;}
#sideblock li { border-bottom: 1px dotted #048CF2; margin: 0;}
#sideblock li a{ display: block; padding: 8px; background-color: #048CF2; color: #fff; text-decoration: none; width: 100%;}
html>body #sideblock li a{ /*Non IE6 width*/ width: auto;}
#sideblock li a:hover{ border-left: 10px solid #048CF2; border-right: 0px solid #5ba3e0; background-color: #048CF2; color: #fff;}
#sideblock li:last-child { border-bottom: none;}

/* Side Block of Navigation */

#col-container{width:96%; float:left; margin: 7px auto 0px auto;}
#col-left{float:left; width:96%; overflow:auto; padding-right: 15px; border-right: 0px solid #F0F0EF; overflow-y:hidden; overflow-x:hidden;}
#col-right{display: none;}


#footnote{display: none;}

#footer{float:left; width:99%; overflow:auto; padding: 12px 0 0 0;  margin-top: 10px; border-bottom: 1px solid red;}
#footer-left{float:left; width:95.5%; border-right: 0px solid #702788; border-bottom: 1px dotted #fff; padding: 8px 8px 20px 8px; height:auto; }
#footer-middle{float:left; width:98%; border-right: 0px solid #702788;border-left: 0px solid #A236C7;
 padding: 44px 4px 4px 4px; height:auto; border-bottom: 1px dotted #fff; }
#menufoot{ width: 98%; margin: 4px 4px 12px 4px; }
#footer-right{width: 90%; float:left; border-left: 0px solid #80BF1B;  padding: 44px 12px; 12px 12px height:auto ; }
#menuexplore{ width: 90%; margin: 4px;}
#menuexplore li { padding: 4px 4px 8px 12px;  margin-left: 0px;}

}

/* mobile only */
@media screen and (min-width: 780px) {
#mobile-footer{display: none;}

}
@media only screen
and (min-width : 780px) {
.mobile {display:none;}
}
#draw-top{width:100%; margin: 8px auto 0px auto;}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #D30112;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
::-webkit-scrollbar { 
    display: none; 
}

.sidenav a {
    padding: 12px 8px;
    text-decoration: none;
    font-size: 14px;
    color: #f1f1f1;
	border-bottom: 1px dotted #F9B1B7;
	margin: 0 6px 0 5px;
    display: block;
    transition: 0.2s;
}

.sidenav a:hover {
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	border-bottom: none;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 12px;}
}
.draw { border: 1px solid #B80514; background-color: #D30112; padding: 0 6px 2px 6px; border-radius: 3px; margin: 45px auto 0px auto;}

#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 16px; border: none; outline: none;
		 background-color: #D30112; Opacity: .9; color: white; cursor: pointer; padding: 10px 8px; border-radius: 3px;  border: 1px solid #B80514;}

#myBtn:hover { background-color: #DBB6E8; color:black;}