@charset "utf-8";
/* CSS Document */


body { background:url(../images/bg2.gif) repeat;padding:0;margin:0;}
#sitemain {position:relative; clear:both; width:760px; height:960px; background-color:transparent; font-size:10px; margin:0 auto 0 auto;}
#logo {position:relative; float:left; clear:both; width:760px; height:250px; background:#DC143C url('../images/uds1.gif') repeat-x; font-size:10px}
#logo .lb {position:relative; float:left; background: url('../images/li1.gif') repeat-x 0 100%; width:100%;height:250px}
#logo .lr {position:relative; float:left; background: url('../images/li2.gif') repeat-y 100% 0; width:100%;height:250px}
#logo .lt {position:relative; float:left; background: url('../images/li3.gif') repeat-x 0 0; width:100%}
#logo .ll {position:relative; float:left; background: url('../images/li4.gif') repeat-y 0 0; width:100%;height:250px}
#logo .tl {position:relative; float:left; background: url('../images/tl1.gif') no-repeat 0 0; width:100%; height:100%}
#logo .tr {position:relative; float:left; background: url('../images/tr1.gif') no-repeat 100% 0; width:100%; height:100%}
#logo .bl {position:relative; float:left; background: url('../images/bl1.gif') no-repeat 0 100%; width:100%;height:250px}
#logo .br {position:relative; float:left; background: url('../images/br1.gif') no-repeat 100% 100%; width:100%;height:250px}
#logo img {position:relative; left:20px; top:-25px; border:0px none; margin-top: 80px; height: 180px; width: auto; }
#menusp {position:relative; float:left; clear:both; width:760px; height:45px; background:transparent; font-size:1px; z-index:90; } 
#menu {position:relative; float:left; clear:both; top:10px; width:760px; height:35px; background:#FF8C00 url('../images/stp1.gif') repeat-x; font-family:arial,helvetica,sans-serif;  font-size:10px; z-index:90}
#menu .lb {position:relative; float:left; background: url('../images/li1.gif') repeat-x 0 100%; width:100%;height:35px}
#menu .lr {position:relative; float:left; background: url('../images/li2.gif') repeat-y 100% 0; width:100%;height:35px}
#menu .lt {position:relative; float:left; background: url('../images/li3.gif') repeat-x 0 0; width:100%}
#menu .ll {position:relative; float:left; background: url('../images/li4.gif') repeat-y 0 0; width:100%;height:35px}
#menu .tl {position:relative; float:left; background: url('../images/tl2.gif') no-repeat 0 0; width:100%; height:100%}
#menu .tr {position:relative; float:left; background: url('../images/tr2.gif') no-repeat 100% 0; width:100%; height:100%}
#menu .bl {position:relative; float:left; background: url('../images/bl2.gif') no-repeat 0 100%; width:100%;height:35px}
#menu .br {position:relative; float:left; background: url('../images/br2.gif') no-repeat 100% 100%; width:100%;height:35px}
#menu ul {margin:0; padding:0 0 0 10px; font-size:12px;}
#menu li {float:left; overflow:inherit; list-style-type:none; margin:0; padding:0; } 
#menu a {float:left; height:28px; text-decoration:none; margin:0; padding:7px 10px 0; display:block; color:#FFFFFF;}
#menu a.first {margin:0; padding:7px 10px 0; } 
#menu a:hover {text-decoration:underline;}
#gmiddlesp {position:relative; float:left; clear:both; width:760px; background:transparent; font-size:1px; } 
#gmiddlebot {position:relative; float:left; clear:both; width:760px; height:20px; background:transparent; font-size:1px; } 
#gmiddle {position:relative; float:left; clear:both; top:10px; width:760px; background-color:transparent; font-size:10px;}
#gleft {position:relative; float:left; width:170px; background-color:transparent; font-size:10px;}
#shdtle2 {position:relative; float:left; clear:both; width:170px; height:30px; background:#FF8C00 url('../images/umd1.gif') repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:15px; color:#FFFFFF}
#shdtle2 .tl {position:relative; float:left; background: url('../images/tl3.gif') no-repeat 0 0; width:100%; height:100%}
#shdtle2 .tr {position:relative; float:left; background: url('../images/tr3.gif') no-repeat 100% 0; width:100%; height:100%}
#shdtle2 .comment {position:relative; text-align:left; left:5px; top:6px;}
#shdbdy2 {position:relative; float:left; clear:both; width:170px; background: #fbde73 url('../images/annaibala.gif'); background-repeat:no-repeat; font-size:10px}
#shdbdy2 .lr {position:relative; float:left; background: url('../images/dot1.gif') repeat-y 100% 0; width:100%}
#shdbdy2 .ll {position:relative; float:left; background: url('../images/dot1.gif') repeat-y 0 0; width:100%}
#shdbdy2 .bspc {padding-bottom:20px; clear:both; font-size:1px;}
#shdbdy2 .bod {position:relative; color:#000000; background:transparent; font-family:arial; font-size:12px; margin:0; padding:3px 5px;}
#shdbdy2 .bod a {text-decoration:none;color:#000000;}
#shdbdy2 .bod p {color:#000000;margin:0; padding:0}
#shdbdy2 .bod img {vertical-align:middle;border:0px none;}
#grightsp {position:relative; float:left; width:590px; background:transparent; font-size:1px; } 
#gright {position:relative; float:left; left:10px; width:580px; background-color:transparent; font-size:10px;}
#rtline {position:relative; float:left; clear:both; width:580px; height:30px; background:#FF8C00 url('../images/umd1.gif') repeat-x; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:18px; color:#FFFFFF}
#rtline .tl {position:relative; float:left; background: url('../images/tl3.gif') no-repeat 0 0; width:100%; height:100%}
#rtline .tr {position:relative; float:left; background: url('../images/tr3.gif') no-repeat 100% 0; width:100%; height:100%}
#bgtxt {position:relative; float:left; clear:both; width:580px; background-color:#FAFAD2; font-size:10px;}
#bgtxt .lr {position:relative; float:left; background: url('../images/dot1.gif') repeat-y 100% 0; width:100%}
#bgtxt .ll {position:relative; float:left; background: url('../images/dot1.gif') repeat-y 0 0; width:100%;}
#bgtxt .bspc {padding-bottom:10px; clear:both; font-size:1px;}
#bgtxt .spacebs {font-size:0; margin:0; padding:15px 0 0 0;} 
#bgtxt .midtlt {position:relative; background:#D2F0DC; width:550px; left:10px; right:10px; font-family:arial,sans-serif; font-size:12px; font-weight:bold; color:#000000; margin:0; padding:2px 0 2px 10px;}
#bgtxt ul {margin:0; padding:5px 0 5px 35px;}
#bgtxt li {list-style-type:disc; font-family:arial,sans-serif; font-size:12px; margin:0; padding:1px 0;}
#bgtxt table {position:relative; width:560px; left:10px; right:10px; border-collapse:collapse; border:1px solid #808080; font-family:arial,sans-serif; font-size:12px; color:#000000; margin:0; padding:0;}
#bgtxt tr {vertical-align:middle;}
#bgtxt th {background:#D2F0DC; border:1px solid #808080; text-align:left; margin:0; padding:3px 0 3px 10px; color:#000000;}
#bgtxt td {border:1px solid #808080; text-align:center; width:25%; margin:0; padding:2px 0; color:#000000;}
#Tag {position:relative; float:left; clear:both; width:760px; height:32px; background:#B22222 url('../images/stp2.gif') repeat-x; font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:11px; color:#000000}
#Tag .lb {position:relative; float:left; background: url('../images/li1.gif') repeat-x 0 100%; width:100%;height:32px}
#Tag .lr {position:relative; float:left; background: url('../images/li2.gif') repeat-y 100% 0; width:100%;height:32px}
#Tag .lt {position:relative; float:left; background: url('../images/li3.gif') repeat-x 0 0; width:100%}
#Tag .ll {position:relative; float:left; background: url('../images/li4.gif') repeat-y 0 0; width:100%;height:32px}
#Tag .tl {position:relative; float:left; background: url('../images/tl4.gif') no-repeat 0 0; width:100%; height:100%}
#Tag .tr {position:relative; float:left; background: url('../images/tr4.gif') no-repeat 100% 0; width:100%; height:100%}
#Tag .bl {position:relative; float:left; background: url('../images/bl3.gif') no-repeat 0 100%; width:100%;height:32px}
#Tag .br {position:relative; float:left; background: url('../images/br3.gif') no-repeat 100% 100%; width:100%;height:32px}
#Tag .tag {position:relative; text-align:center; top:6px; clear:both;}
#Tag .tag a:link, a:visited {text-decoration:none; color:#FFFFFF;}
#Tag .tag a:hover {text-decoration:none;color:#FFFFFF;}



.widget-tabs {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  padding: 9px 12px 0;
  text-align: left;
  /* Make the last tab in the DOM the left-most tab on the screen.
     That way we can activate it by default and still be able to
     deactivate it later using the ~ selector. */
  direction: rtl;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
  
}

.widget-tab,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  border-radius: 5px 5px 0 0;
  /* Reset %active-widget-tab */
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link {
  margin: 0;
  border-top: 0;
  color:#888 !important;
}

.widget-tab + .widget-tab {
  margin-right: -1px;
}

.active_tab {
  bottom: -1px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 34px;
  font-weight: bold;
  color: #555;
  background: white;
  border-top: 0;
}
.active_tab {
  margin: 0 -1px;
  border-top: 4px solid #4cc8f1;
}

/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link {
  display: block;
  min-width: 60px;
  padding: 0 15px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}

.widget-list > li + li {
  border-top: 1px solid #e8e8e8;
}
.widget-list:last-of-type {
  display: block;
}
.widget-list:target {
  display: block;
  /* Hide the default list when another is activated. */
  /* First list activates the first tab, second list activates the second tab, etc. */
}
.widget-list:target ~ .widget-list {
  display: none;
}

.widget-list-link {
  display: block;
  line-height: 18px;
  padding: 10px 12px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  cursor: pointer;
}
.widget-list-link:hover {
  background: #f7f7f7;
}
li:last-child > .widget-list-link {
  border-radius: 0 0 3px 3px;
}
.widget-list-link > img {
  float: left;
  width: 32px;
  height: 32px;
  margin: 2px 12px 0 0;
}
.widget-list-link > span {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #999;
}

.gallery_menu{
	margin-top:60px;
}
.active_menu{
	background:#888686 !important;
}
.gallery_menu {
	display: block;
	text-align: left;
	
}
.gallery_menu a {
	    border: 4px solid rgba(255, 255, 255, 1);
    border-radius: 5px;
    background: rgb(195, 195, 195);
    display: inline-block;
    font-size: 1em;
    line-height: 100%;
    margin: 6px 5px;
    padding: 0.9em;
    text-decoration: none;
    opacity: 0.7;
}

.gallery_menu a.active, .gallery_menu a:hover {
	opacity: 1;

}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ff8c00;
    min-width: 93px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-top: 30px;
}

.dropdown-content a {
	float:none !important;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid #eee;
}

.dropdown-subcontent {
    display: none;
    position: absolute;
    background-color: #ff8c00;
    min-width: 76px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin: 30px 0px 0px 79px;
}

.dropdown-subcontent a {
	float:none !important;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid #eee;
}

.dropdown a:hover {background-color: #f1f1f1}

.button {
    background-color: #a96514; /* Green */
    border: none;
    color: #fff;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius:4px;
	margin:5px;
}
.button a{
	 text-decoration: none;
}
.activemenu{
	background:#c7710b !important;
	font-weight:bold;
}


/* carousel */
.media-carousel 
{
	margin-bottom: 0;
    padding: 0 30px 15px 30px;
    margin-top: 15px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 5%;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 5%;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #741211;
}
.media-carousel .carousel-indicators .active 
{
  background: #741211;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    height: 85px !important;
}
/* End carousel */
/* Home Gallery css Ends*/