html {
	height: 101%;

}

body
{ 
    font: normal century schoolbook, arial, sans-serif;
    font-size: 18px;
    background: #EEE url(bgrd-bhb.gif) repeat fixed;
    z-index: -20;
	word-wrap:break-word !important;
	margin: 0;
	padding: 0;
    min-height:101%;

}

	body, html {
    height:100%;
    min-height: 100%;
}


p {
    text-align: justify;
    text-justify: inter-word;

}



#rbkgd {

    top: 0px;
    background: #404040;
	margin: auto;
	padding: 0;
    position: absolute;
    display: block;
    z-index: 26;
    width: 100%;
    height: 100%;
}

#page-wrap {
    background: #EEE url(bgrd-bhb.gif) repeat fixed;
	max-width: 1050px;
	margin: auto;
    height: 100%;
    min-height: 100%;
	}


h1, h2, h3, h4, h5, h6 
{ font: normal 140% 'century gothic', arial, sans-serif;
  color: #43423F;
  margin: 0 0 15px 0;
  padding: 5px 0 5px 0;}

h2
{ font: normal 130% 'century gothic', arial, sans-serif;
  color: #662233;
  padding: 15px 0 5px 0;}

h3
{ font: normal 120% 'century gothic', arial, sans-serif;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: normal 100% arial, sans-serif;
  color: #B60000;}

h5, h6
{ font: italic 85% arial, sans-serif;
  color: #888;}

h6
{ color: #362C20;} 
  
#site_content
{ 
     margin: auto;
     position: relative;
     width: 90%;
     display: block;
     border-bottom: 50px;
     color: #330022;
} 


#content {
  width: 1000px ;
  margin-left: auto ;
  margin-right: auto ;
}

#content
{ text-align: left;
  font-size: 18px;
  padding: 15px 0 10px 0;
  margin: 15px;

}

#content ul
{ margin: 2px 0 12px 0px;

}

#content ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 10px 0 2px 0; 
  padding: 0 0 4px 25px;
  float:left; 
  margin:3px;
  line-height: 1.5em;}
                                                       
h7 {
    display:inline;
}

h7:after {
    content:"\a";
    white-space: pre;
}

  
  
.header {
    background-color: #441150;
    margin: 0 auto;
    color: #ffffff;
    display:block;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    height:114px;
}

.banner1
{   

    top: 0px;
    right: 0px;
    display:block;
    height: 50px;
    background: #505050;
}

.banner2
{   width:8.5px;
    top: 122px;
    right: 0px;
    display:block;
    height: 50px;
    background: #EEE url(bgrd-bhb.gif) repeat fixed;
}

.header img {
    width:100%;
    border: 0;
    padding: 0 15px 0 0;
}

#queer
{ width: 100%;
  margin: 8px 0;
  padding: 0 30px 0 10px;
  color: #000000;
  display:block;
  background: #000000; 
   }

#queertext  
{ width: 96%;
  font: normal 80% 'century gothic', arial, sans-serif;}  

#bhb
{      
    float: left;
    width:75vw; 
    max-width:500px;
    position: relative;
    top: 26px;
    left: 130px;
    display:block;
}



#trident
      { max-width:40vw;
        float: left;
        display:block; 
        width:80px;
        position: relative;
        top: 12px;
        left: 19px;

      }

#hermes
{   width:80px;
    float: left;
    position: relative;
    display: block;
    top: 20px;
    left: 0px;
}

#tribhuvan
{ 
    width:75vw; 
    max-width:500px;
    display:block;
    position: relative;
    top: 10px;

    display:block;

}


#tribhuvan img {
    width:100%;
    border: 0;
padding: 0 15px 0 0;

}

.bhb-list-style {

    list-style-type: circle;
    list-style-position: outside;
    margin-left: 17px;
}


.bhb-list-style li {
    font-family: Georgia, serif;
    list-style: disc;
    font-size: 18px;
    padding: 10px 0 0 0;
    display: list-item;
    line-height: 20px;
    list-style-position: outside;
    margin-left: 17px;
    text-align: left;

}





ul.z {
	list-style-type:none;
	font-size: 18px;
	line-height: 22px;
	margin:8;
	padding: 0;
    list-style-position: outside;
    margin-left: 17px;
    text-align: left;

}

ul.z li {
    margin-top: 20px;
	font-size: 18px;
	line-height: 28px;
}

nav:after {
	content:"";
	display:table;
	clear:both;
}

/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
    z-index: 200;
}

/*Create a horizontal list with spacing*/
nav ul li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
nav li a {
	display:block;
	min-width:170px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #707070;
	text-decoration: none;

}

/*Hover state for top level links*/
nav li:hover a {
	background: #601050;
}

/*Style for dropdown links*/
nav li:hover ul a {
	background: #909090;
	color: #662255;
	height: 40px;
	min-width:170px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
	background: #ffaa00;
	color: #662255;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	min-width: 170px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #662255;
	text-align: center;
	padding: 15px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}




/*Responsive Styles*/

@media screen and (max-width : 700px){
	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav ul li {
		width: 100%;
	}

	/*Make all menu links full width*/
	nav ul li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

@media screen and (max-width: 700px) {
	  #hermes {
	    visibility: hidden;
	    clear: both;
	    float: left;
	    margin: 5px auto 5px 50px;
	    width: 0%;
	    display: none;
	  }
}

@media screen and (max-width: 700px) {
	  #trident {
	    visibility: hidden;
	    clear: both;
	    float: left;
	    margin: 5px auto 5px 50px;
	    width: 0%;
	    display: none;
	  }
}

@media screen and (max-width: 700px) {
	  #bhb {
    width:75vw; 
    max-width:500px;
    margin: auto;
    top: 26px;
    left: auto;
    float: none;
	  }
}

@media screen and (max-width: 700px) {
	  .header {
	  height:82px;
	  }
}	  

@media screen and (max-width: 700px) {
	  .banner1 {
	    visibility: hidden;
	    clear: both;
	    float: left;
	    margin: 5px auto 5px 50px;
	    width: 0%;
	    display: none;
	  }
}



@media screen and (max-width: 700px) {
	  #site_content {
	        display: block;
            position: relative;
            margin: auto;
            max-width: none;
            width: 90%;
	  }
}

@media screen and (max-width: 700px) {
#content
	{ text-align: left;
	  display:block;	
	  font-size: 18px;
	  padding: 15px 0 10px 0;
	  visibility: visble;
          }
}

@media screen and (max-width: 700px) {
	  #content ul
	{ margin: 2px 0 12px 0px;
	  display:block;
	  visibility: visble;}
      text-align: left;
}

@media screen and (max-width: 700px) {
	#content ul li
	{ list-style-type: none;
	  background: url(bullet.png) no-repeat;
	  margin: 10px 0 2px 0; 
	  padding: 0 0 4px 25px;
	  visibility: visble;
	  display:block;
	  line-height: 1.5em;


}
}


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

	#page-wrap {
		background: #EEE url(bgrd-bhb.gif) repeat fixed;
		margin: auto;
		height:200vh;
		}

}

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

	body, html {
    height:100%;
    min-height: 100%;
}

}

@media screen and (max-width: 700px) {
 
    ul.z {     
		text-align: left;
}

}