/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
    margin:0;
    padding:0;
    height:100%;
    /*background: #AAB7EB;*/
    -webkit-font-smoothing: antialiased;
}
#wrapper {
    min-height:100%;
    position:relative;
}
#header {
    
    padding:10px;
    
    color:white;
    position:relative;
}
#content {
    padding-bottom:100px; /* Height of the footer element */
    margin-top:30px;
    
}
.HM_container{
   /* background: #dbe2f2 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;*/
    clear: both;
   
    margin: 0 auto 20px;
    min-height: 750px;
    padding: 15px 1% 6px;
    width: 93%;
}
#footer {
    background:#4f4f4f;
    width:100%;
    height:100px;
    position:absolute;
    bottom:0;
    left:0;
    text-align: center;
    color:white;
}
ol,ul {
	list-style:none;
}

.BodhChinha{
    float:left; 
    margin-top:10px;
 }
 .SiteLogo{   
  border-radius:10px;
  padding:5px;
  margin-top:10px;
  background-color:rgba(0, 0, 0, 0.5);
  width:320px;
  color:rgba(0, 255, 255, 1);
  font-family:Sakal Marathi;
  font-weight:bolder;
 }
 .Emb
 {
     margin-top:10px;
     float:right;
 }

/* CSS for Tab Pages*/    
 
.tabs input[type=radio] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.tabs {
  width: 651px;
  float: none;
  list-style: none;
  position: relative;
  padding: 0;
  /*margin: 75px auto;*/
}
.tabs li{
  float: left;
  width:216px;
  border-right:1px solid #f4f4f4;
  text-align: center;
  background-color:#59b329;
}
.tabs label {
    display: block;
    padding: 10px 20px;
    border-radius: 2px 2px 0 0;
    /*color: #693B8D;*/
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Roboto', helveti;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: rgba(255,255,255,0.5);
  top: 0;
}

[id^=tab]:checked + label {
  background: #693B8D;
  color: #000000;
  top: 0;
  cursor:default;
}

[id^=tab]:checked ~ [id^=tab-content], [id^=tab]:checked ~ [id^=tab-content] > div {
    display: block;
}
.tab-content{
  z-index: 2;
  display: none;
  text-align: justify;
  overflow: hidden;
  width: 100%;
  font-size: 20px;
  line-height: 140%;
  padding-top: 10px;
  background: cyan;
  padding: 15px;
  color: white;
  position: absolute;
  top: 53px;
  left: 0;
  box-sizing: border-box;
}
.tab-content > div{
  display: none;
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.tabpages
{
    float:left;
}
              
 /* End .. CSS for Tab Pages*/             
              

/*CSS for Links Portal*/


.linkPort {
  width: 575px;
  /*margin: 30px auto;*/
  float:right;
  position:relative;
}
.linkPort a {
  width: 120px;
  line-height: 120px;
  display: block;
  margin: 5px;
  text-align: center;
  float: left;
  color: #fff;
  text-decoration: none;
  font-size:20px;
  /*opacity: 0.3;*/
}
.linkPort a:hover {
  width: 120px;
  line-height: 120px;
  display: block;
  margin: 5px;
  text-align: center;
  float: left;
  /*opacity: 0.3;*/
  border-radius:50%;
  transition: 1s ease;

}

.linkPort_submenu {
  width: 575px;
  /*margin: 30px auto;*/
  float:right;
  position:relative;
}

.linkPort_submenu a {
  width: 105px;
  line-height: 60px;
  display: block;
  margin: 5px;
  text-align: center;
  float: left;
  color: #fff;
  text-decoration: none;
  font-size:20px;
  /*opacity: 0.3;*/
}
.linkPort_submenu a:hover {
  width: 105px;
  line-height: 60px;
  display: block;
  margin: 5px;
  text-align: center;
  float: left;
  /*opacity: 0.3;*/
  border-radius:50%;
  transition: 1s ease;

}

.yellow { background: #fdd22a; }
.blue { background: #009fe3; }
.purple { background: #574696; }
.orange { background: #ee7202; }
.pink { background: #e61c67; }
.green { background: #96c11f; }
.black { background: #000000; }
.maroon { background: #800000; }
.magenta { background: #FF00FF; }
.brown { background: #A52A2A; }
.teal { background: #008080; } 
.salmon { background: #FA8072; } 
.color1 { background: #CC0066; } 
.color2 { background: #990033; } 
.color3 { background: #FF0000; } 

/* End..CSS for Links Portal*/