/* Use   to add an extra space between all capped words. */

body {
  font-family: helvetica, sans serif;
  margin: 0; }
  
h1 {
  font-size: 77px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px; }

h2 {
  font-size: 33px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px; }

h3 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px; }

/* Pathbook Slokas 1-9 */
h4 {
  margin-right: 6%;
  margin-left: 6%;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 50px;
  text-indent: -25px;
  font-size: 22px;
  font-weight: bold; }

/* Pathbook Slokas 10-99 */
h5 {
  margin-right: 6%;
  margin-left: 6%;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 50px;
  text-indent: -38px;
  font-size: 22px;
  font-weight: bold; }

/* Pathbook Slokas 100-108 */
h6 {
  margin-right: 6%;
  margin-left: 6%;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 50px;
  text-indent: -50px;
  font-size: 22px;
  font-weight: bold; }

/* Pathbook Commentaries Slokas 1-9 */
.oppindent1 {
  padding-left: 75px;
  text-indent: -75px; }

/* The Eleven Sadhanas 1-9 */
.oppindentA {
  padding-left: 34px;
  text-indent: -22px; }

/* The Eleven Sadhanas 10-11 */
.oppindentB {
  padding-left: 34px;
  text-indent: -34px; }
  
.oppindentC {
  padding-left: 80px;
  text-indent: -40px; }
  
.oppindentD {
  padding-left: 70px;
  text-indent: -30px; }

.extraindent {
  text-indent: 80px; }

p {
  margin-left: 6%;
  margin-right: 6%;
  margin-top: 0px;
  margin-bottom: 0px;
  text-indent: 40px;
  font-size: 22px; 
  font-weight: normal; }
  
.alignright {
	text-align: right; }

.verticalcenter {
    vertical-align: middle
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  
img#swirl {
  width: 100%;
  height: auto; }
  
div.center {
  width: 700px; 
  max-width: 700px; 
  margin: 0 auto; }

#border1 {
 border: .25in solid #800000; }

#border2 {
  border: .125in solid #FD4F06; }
   
#border3 {
 border-left: 8px solid #800000;
 border-right: 8px solid #800000; 
 margin-left: 8%;
 margin-right: 8%}

#border4 {
  border-left: 4px solid #FD4F06;
  border-right: 4px solid #FD4F06}

#border5 {
  border-left: 4px solid #c80b2c;
  border-right: 4px solid #c80b2c}

.brown {
    color: #800000;
}

.red {
    color: #c80b2c;
}

.bold {
  font-weight: bold; }

.bolder {
  font-weight: 900; }

.italic {
  font-style: italic; }
  
.nobold {
  font-weight: normal; }
  
.paddingtop18 {
  padding-top: 18px; }

.paddingbottom8 {
  padding-bottom: 8px; }

.font11 {
  font-size: 11px; }

.font14 {
  font-size: 14px; }

.font17 {
  font-size: 17px; }

.font18 {
  font-size: 18px; }
  
.font19 {
  font-size: 19px; }

.font20 {
  font-size: 20px; }

.font22 {
  font-size: 22px; }

.font23 {
  font-size: 23px; }

.font24 {
  font-size: 24px; }

.font25 {
  font-size: 25px; }

.font26 {
  font-size: 26px; }

.font27 {
  font-size: 27px; }

.font28 {
  font-size: 28px; }

.font29 {
  font-size: 29px; }

.font30 {
  font-size: 30px; }

.font33 {
  font-size: 33px; }

.font34 {
  font-size: 34px; }
  
.font36 {
  font-size: 36px; }
  
.font38 {
  font-size: 38px; }
  
.font39 {
  font-size: 39px; }
  
.font40 {
  font-size: 40px; }
  
.font44 {
  font-size: 44px; }

.font48 {
  font-size: 48px; }

.font50 {
  font-size: 50px; }

.font51 {
  font-size: 51px; }

.font52 {
  font-size: 52px; }

.font54 {
  font-size: 54px; }

.font55 {
  font-size: 55px; }

.font57 {
  font-size: 57px; }

.font58 {
  font-size: 58px; }

.font66 {
  font-size: 66px; }

.font70 {
  font-size: 70px; }

.font77 {
  font-size: 77px; }

.font80 {
  font-size: 80px; }

.font88 {
  font-size: 88px; }

.intro {
  font-size: 19px; }
  
.narrow {
  margin-left: 25%;
  margin-right: 25% }

.bolditalic {
  font-family: lucidasans bolditalic, lucida, sans-serif; }

.comicsans {
  font-family: comic sans ms, cursive; }

.cursive {
  font-family: brush script mt, cursive; }


/* container and column classes are for the div elements for mudra pics */

.container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.column {
    padding: 5px;
}


.indent {
    text-indent: 40px
}

.extraindent {
    text-indent: 80px
}
.noindent {
  text-indent: 0px; }

.oppindent {
  padding-left: 40px;
  text-indent: -40px; }
  
.oppindent2 {
  padding-left: 55px;
  text-indent: -38px; }

.oppindent3 {
  padding-left: 27px;
  text-indent: -27px; }

.inset {
  padding-left: 40px; }

.inset2 {
  padding-left: 20px; }

img {
  border: 0px; }

.largepic-wrapper { 
	max-width: 100%;
    height: 0;
    padding-bottom: 51.63%;
    position: relative; }
  
.largepic {
    max-width: 100%;
    height: auto; }

.translate-wrapper {
    height: 50px;
}

.header-wrapper {
	height: 60px; }
    
.header-wrapper2 {
	height: 200px; }

.diamond-wrapper {
    height: 120px;
}
 
.chant-wrapper {
    height: 150px;
}

.circle-wrapper {
    height: 130px;
    padding-left: 33px;}
    
.teachvid-wrapper {
	height: 200px; }
    
.jason-wrapper {
	height: 360px; 
    padding-right: 20px;}
    
.anagasign-wrapper {
	height: 250px; }

.medpic-wrapper {
	height: 277px; }

.mudrapic-wrapper {
	height: 186px; }

.mudravid-wrapper {
	height: 400px; }
  
.asanas-wrapper {
	height: 400; }

.intromessage {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
  
#signlink {
    position: absolute;
    padding-left: 125px;
    padding-top: 60px;
}
  
/* yellows page click here button */
a.rbbrhere {
  background: url(images/rbbrhere.png) no-repeat 0 0;
  width:60;
  height: 29px;
  display: inline-block; }

a.rbbrhere:hover {
  background-position: 0 -29px; }

a.rbbrclickhere {
  background: url(images/rbbrclickhere.png) no-repeat 0 0;
  width:115px;
  height: 29px;
  display: inline-block; }

a.rbbrclickhere:hover {
  background-position: 0 -29px; }

a.rbbraqui {
  background: url(images/rbbraqui.png) no-repeat 0 0;
  width:62px;
  height: 29px;
  display: inline-block; }

a.rbbraqui:hover {
  background-position: 0 -29px; }

a.wbbwclickhere {
  background: url(images/wbbwclickhere.png) no-repeat 0 0;
  width:115px;
  height: 22px;
  display: inline-block; }

a.wbbwclickhere:hover {
  background-position: 0 -22px; }

a.wbbwclickhere2 {
  background: url(images/wbbwclickhere2.png) no-repeat 0 0;
  width:180px;
  height: 22px;
  display: inline-block; }

a.wbbwclickhere2:hover {
  background-position: 0 -22px; }

a.wbbwclicaqui {
  background: url(images/wbbwclicaqui.png) no-repeat 0 0;
  width:99px;
  height: 22px;
  display: inline-block; }

a.wbbwclicaqui:hover {
  background-position: 0 -22px; }

a.wbbwhagaclicaqui {
  background: url(images/wbbwhagaclicaqui.png) no-repeat 0 0;
  width:152px;
  height: 22px;
  display: inline-block; }

a.wbbwhagaclicaqui:hover {
  background-position: 0 -22px; }

a.brrbnext {
  background: url(images/brrbnext.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.brrbnext:hover {
  background-position: 0 -20px; }

/* red and yellows page next link */
a.wbbwnext {
  background: url(images/wbbwnext.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.wbbwnext:hover {
  background-position: 0 -20px; }

a.wbbwnext3 {
  background: url(images/wbbwnext3.png) no-repeat 0 0;
  width: 65px;
  height: 26px;
  display: inline-block; }

a.wbbwnext3:hover {
  background-position: 0 -26px; }

a.wbbwvideo3 {
  background: url(images/wbbwvideo3.png) no-repeat 0 0;
  width: 72px;
  height: 26px;
  display: inline-block; }

a.wbbwvideo3:hover {
  background-position: 0 -26px; }

a.wbbwproxima3 {
  background: url(images/wbbwproxima3.png) no-repeat 0 0;
  width: 95px;
  height: 26px;
  display: inline-block; }

a.wbbwproxima3:hover {
  background-position: 0 -26px; }

/* yellow pages prior link */
a.wbbwprior {
  background: url(images/wbbwprior.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.wbbwprior:hover {
  background-position: 0 -20px; }

/* yellow pages back link */
a.wbbwback {
  background: url(images/wbbwback.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.wbbwback:hover {
  background-position: 0 -20px; }

a.wbbwatras {
  background: url(images/wbbwatras.png) no-repeat 0 0;
  width: 70px;
  height: 20px;
  display: inline-block; }

a.wbbwatras:hover {
  background-position: 0 -20px; }

a.wbbwindexpage {
  background: url(images/wbbwindexpage.png) no-repeat 0 0;
  width: 118px;
  height: 20px;
  display: inline-block; }

a.wbbwindexpage:hover {
  background-position: 0 -20px; }

a.wbbwessayspage {
  background: url(images/wbbwessayspage.png) no-repeat 0 0;
  width: 129px;
  height: 20px;
  display: inline-block; }

a.wbbwessayspage:hover {
  background-position: 0 -20px; }

/* yellow pages here link */
a.brrbhere {
  background: url(images/brrbhere.png) no-repeat 0 0;
  width: 55px;
  height: 17px;
  display: inline-block; }

a.brrbhere:hover {
  background-position: 0 -17px; }

/* white page next link */
a.wbbrnext {
  background: url(images/wbbrnext.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.wbbrnext:hover {
  background-position: 0 -20px; }

/* white pages prior link */
a.wbbrprior {
  background: url(images/wbbrprior.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.wbbrprior:hover {
  background-position: 0 -20px; }

/* white pages back link */
a.wbbrback {
  background: url(images/wbbrback.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.wbbrback:hover {
  background-position: 0 -20px; }

/* black pages prior link */
a.bwwrprior {
  background: url(images/bwwrprior.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.bwwrprior:hover {
  background-position: 0 -20px; }

/* black pages next link */
a.bwwrnext {
  background: url(images/bwwrnext.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.bwwrnext:hover {
  background-position: 0 -20px; }

/* black pages back link */
a.bwwrback {
  background: url(images/bwwrback.png) no-repeat 0 0;
  width: 65px;
  height: 20px;
  display: inline-block; }

a.bwwrback:hover {
  background-position: 0 -20px; }
  
/* black pages table of contents link */
a.bwwrcontents {
  background: url(images/bwwrtableofcontents.png) no-repeat 0 0;
  width: 174px;
  height: 20px;
  display: inline-block; }

a.bwwrcontents:hover {
  background-position: 0 -20px; }

/* black pages chapter 1 link */
a.bwwrchapter1 {
  background: url(images/bwwrchapter1.png) no-repeat 0 0;
  width: 105px;
  height: 20px;
  display: inline-block; }

a.bwwrchapter1:hover {
  background-position: 0 -20px; }

/* black pages chapter 2 link */
a.bwwrchapter2 {
  background: url(images/bwwrchapter2.png) no-repeat 0 0;
  width: 105px;
  height: 20px;
  display: inline-block; }

a.bwwrchapter2:hover {
  background-position: 0 -20px; }

/* black pages chapter 3 link */
a.bwwrchapter3 {
  background: url(images/bwwrchapter3.png) no-repeat 0 0;
  width: 105px;
  height: 20px;
  display: inline-block; }

a.bwwrchapter3:hover {
  background-position: 0 -20px; }

/* intro page links */
a.whiteredintro {
  background: url(images/whiteredintro.png) no-repeat 0 0;
  width: 122px;
  height: 20px;
  display: inline-block; }

a.whiteredintro:hover {
  background-position: 0 -20px; }

a:link, a:visited, a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none; }

a.brownredlink {
  color: #800000 }

a.brownredlink:hover {
  color: #c80b2c }

a.whiteblacklink {
  color: white }

a.whiteblacklink:hover {
  color: black }

a.whiteyellowlink {
  color: white }

a.whiteyellowlink:hover {
  color: yellow }

a.whiteredlink {
  color: white }

a.whiteredlink:hover {
  color: red }

a.blackredlink {
  color: black }

a.blackredlink:hover {
  color: red }

a.redblacklink {
  color: red }

a.redblacklink:hover {
  color: black }

a.redwhitelink {
  color: red }

a.redwhitelink:hover {
  color: white }

.t1 {
  font-size: 58px; }

.t2 {
  font-size: 48px; }

.t3 {
  font-size: 32px; }

.t4 {
  font-size: 25px; }

.t5 {
  font-size: 20px; }

.sideborder {
  padding: 0px 10px;
  border-style: none solid;
  border-width: 9px;
  border-color: white;
  margin: 0 6%; }

.border {
  margin: 0px; }

.floatright {
  float: right;
  margin-right: 6% }

.floatleft {
  float: left;
  margin-left: 6% }

.floatright2 {
  float: right;
  margin-right: 3% }

.floatleft2 {
  float: left;
  margin-left: 3% }

.center {
  text-indent: 0px;
  text-align: center; }

.input {
  background: FFFFFF;
  border: none;
  font-size: 14px;
  font-family: lucida grande, lucida sans unicode, sans serif }

input:active, input:focus {
  outline: none; }

textarea {
  background: FFFFFF;
  border: none; font-size: 14px;
  font-family: lucida grande, lucida sans unicode, sans serif }

textarea:active, textarea:focus {
  outline: none; }

.submit {
  background: url(images/wbbwsend.png) no-repeat 0 0;
  width: 85px;
  height: 25px;
  display: inline-block;
  border: none;
  outline: none; }

.submit:active, .submit:focus {
  border: none; }

.submit:hover {
  background-position: 0 -25px; }