*{margin:0;padding:0}
/*
 * body:1024, nav:190 pgData: 764
 * for wider pages make pgData 272 px less than the body.width
 */
body{width:100%;max-width:1024px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0 auto;
	font-size:95%;font-style:normal;font-weight:normal;font-family:"oxygen HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",arial,geneva,Tahoma,Verdana,Helvetica,sans-serif}

/*
#pgData{
 width:100%;
 max-width:1024px;
 margin-right:2px;
 */

#pgData{margin-right:2px;
 min-height:59em;
 line-height:1.1em;
 font-size:100.1%;
 float:right;
 padding:0 2em 1em 2em;
 background-color:#fefefe;
 color:#222}

#pgHeader,#pgContent{width:100%;margin:0 auto;line-height:1.4em;font-size:1em}
#pgContent{line-height:0em}
main,#content {line-height:1.6em;z-index:0;width:97%;padding:0em;margin:0;padding:1em}
#content a{font-size:102%;font-family:georgia;font-style:italic}
#content img{border-radius:7px}
a{text-decoration:none}

/*
 */
#pgNav {
#nav,#navRight
 display:block;
 letter-spacing:0.1pt;
 font-size:13px;
 font-weight:300;
 line-height:16px;
 height: 100%; /* 100% Full-height */
 width: 10em; /* 0 width - change this with JavaScript */
 position: absolute; /* Stay in place */
 z-index: 10; /* Stay on top */
 top: 0; /* Stay at the top */
 left: 0;
 overflow: visible; /* Disable horizontal scroll */
 padding-top: 4em; /* Place content 60px from the top */
 padding-right:1.5em;
 transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
 }
#pgNav a {text-decoration:none;display:block}
#navMenu.section{font-weight:600;font-style:italic;font-size:14px;font-family:Arial;text-align:left;display:block}
/* Position and style the close button (top right corner) */
#navBtn {
 display:block;
 position: absolute;
 z-index:99;
 top: 60px;
 right: 1084px;
 font-size: 1em;
 margin-left: 0px;
 }


/* On smaller screens, where height is less than 450px,
 * change the style of the sidenav (less padding and a smaller font size)i
 */
@media screen and (max-height: 450px) {
 #pgNav{padding-top: 15px}
 #pgNav a{font-size: 15px}
 }

#pgTop{font-size:0.01em;line-height:0.01em}
#pgFooter{padding:3px 0 10px 0}

.announce,.box,.barebox {width:600px}
.insert{width:550px}
.by-line{width:630px;margin:5px;border:0px;padding:0 10px 0 10px;float:right;text-align:right}

.not-found,a.oops {width:712px}

p{padding:0.5em 0 0.5em 0}

html{border-bottom:none}

.imageLeft{float:left;padding-left:1em;border:none}
.imageLeft img{border:none}
.imageLeft a {text-decoration:none}
.imageRight{float:right;padding-bottom:0em}

#menubar ul{list-style-type:none;float:right;font-size:85%;margin:auto;border-top:0px solid #bbb;border-bottom:0px solid #bbb;width:100%}
#menubar li {display:inline;float:right;border-right:1px solid #aaa;border-left:1px solid #aaa; height:15em}
#menubar a {text-decoration:none;display:block;padding:0 9px 0 9px}
#menubar li:first-child, #menubar li.first-child{border-left:1px solid #999;float:right}
#menubar li:last-child, #menubar li.last-child{border-right:1px solid #999;border-left:0px;float:right}

.linkLeft{float:left}
.linkRight{float:right}
.linkCtr{margin:0 auto}

.linkLeft,.linkRight,.linkCtr{margin-top:4px}
.linkLeft a, .linkRight a, .linkCtr a {padding:2px 1em 0 1em;text-decoration:none;font-size:95%;line-height:113%}

.watermark {font-size:175%;font-style:italic;padding:15px 0px 0px 100px}

.col,.column {float:left;padding-right:15px}
.left,hr.left {margin-left:0;margin-right:auto;text-align:left}
.right,hr.right {float:right;text-align:right;padding-right:1em}
.clr,br.clr {clear:both;font-size:0em;line-height:0em}
.vdivider {line-height:0.7em}
.vspace-mini {font-size:4px;line-height:0.4em}
.vspace-micro {font-size:1px;line-height:1px;height:0px}


.note {font-size:1.1em}
.warn {font-size:1.4em;color:#f06}
.oops,a.oops{color:maroon}

.pricing {color:green}
.descrip {color:blue}

.box,.barebox,.announce{padding:10px 20px 5px 40px;margin:0 auto}
.box{border:2px solid grey;border-radius:20px}
.box{border:1px}
.barebox{border:0px}
.announce, a.announce {color:#000;background-color:#f0f0f0;border:1px solid black}

.insert {background-color:#fddf9f;border:1px;padding:30px}
a.insert {background-color:#fddf9f}

.menu {border-top:1px solid silver;border-bottom:1px solid silver;margin:0px;text-align:right;font-size:14px;padding:0px}

.far-left {float:left}
.far-right {float:right}
.flwr{width:100%;max-width:40px}
.imgL,.imgLeft,.image-left {float:left;padding:15px 15px 0 0;margin:0;border:0}
.imgR,.imgRight,.image-right {float:right;padding:15px 0 0 15px;margin:0;border:0}

hr.toc {text-align:right;height:1px;border:none;color:#bbbbbb;background-color:#bbbbba;width:100%}
hr.article-end {width:62%;text-align:center;margin:0 auto}
hr.left-90 {width:90%;text-align:left}
hr.section {width:62%;text-align:left;float:left}
.footnotes hr, hr.footnote,hr.footnotes {width:30%;text-align:left;margin-left:0}
div.hr{padding:1em 0 0 0}

.indent-sm{padding-left:0.5em}
.indent-1, .indent {padding:0 0px 0px 1em}
.indent-2 {padding-left:2em}
.indent-3 {padding-left:3em}
.indent-lr {padding-left:3em;padding-right:3em}
.indent-r {padding-right:3em}

.by-line {margin:5px;border:0px;padding:0 10px 0 10px;float:right;text-align:right}
a.text:active {text-decoration:none;color:#FF9900;border-bottom:1px dotted #FF9900}

.emphatic{font-weight:bold;font-style:italic}

h1,h2,h3{padding:10px 0 3px 0;text-align:center}
h1,h1 a,h2,h2 a,h3,h3 a,.author,em,.note,.oops,.oops a,.warn{font-weight:500}
h1,a.h1,h2,a.h2,h3,a.h3,h4,a.h4 {padding:0 0 5px 0;line-height:1.1em}
h1,h1 a{text-align:center;font-size:165%;padding-top:10px}
h2,h2 a,a.h2 {text-align:center;font-size:140%;padding-top:10px}
h3,span.h3 {font-size:130%;line-height:115%;padding-top:5px}
h4,span.h4 {font-size:110%;line-height:105%}

.article-section {font-size:115%;line-height:135%;text-align:left}
.article-text {font-size:100.1%;text-align:left}
.author {font-size:115%;line-height:135%;text-align:center}

.ctr {text-align:center}
div.ctr,span.ctr{text-align:center;margin:0 auto}
.plain,.article {font-size:100.1%;line-height:130%;font-weight:normal;text-align:left;color:#000;background-color:#fff}
.small       {font-size:80%}
.smaller     {font-size:60%}
.smallest    {font-size:40%; font-weight:lighter}
.tiny    {font-size:5%; font-weight:lighter}
.justify { text-align:justify}
.just-r { text-align:right}
.bold {font-weight:bold}
.underline {text-decoration:underline}
.intro,.reply,.italic,.poetry,.title,.query,.quote,.speaker,.editor,.citation,a.citation {font-style:italic;font-weight:500}
.speaker,.title{font-weight:600}
.intro,.editor {padding-left:2em;padding-right:2em}
a.citation {text-decoration:none}
.footref,a.footref,.footref a{font-size:80%;vertical-align:super;text-decoration:none;font-weight:bold;font-style:italic;line-height:0.55em}
.footref:hover, a.footref:hover,footref a:hover{font-weight:bold;text-decoration:none}
.footnotes{padding-top:1em}
.footnotes h1 {font-size:105%;text-align:left}
.footnote,.footnotes {font-size:85%;padding-left:3em}
a.footnote {text-decoration:none;color:#997A00;border-bottom:1px dotted #997A00}
a.footnote:visited{text-decoration:none;color:#e6B873;border-bottom:1px dotted #e6B873}
.itrans-99 {font-family:"urw-palladio";font-size:12.0pt}
.sanskrit-99 {font-family:"sanskrit99";font-size:13.5pt}

td.main, p.main {line-height:1.5}
/* td.top{valign:top} */

.subMenu,a.subMenu,pageSubMenu, a.pageSubMenu {text-decoration:none;font-weight:800;font-size:85%;line-height:116%}
subSubMEnu,a.subSubMenu {text-decoration:none;font-weight:bold;font-size:75%;line-height:116%}

.squeezed,a.squeezed {letter-spacing:-1px;font-size:99%}

.infoBox {background-color:#b6b7cb}
.infoBoxContents {background-color:#f8f8f9;font-family:Verdana,Arial,sans-serif;font-size:10px}

a.bare, img.bare {text-decoration:none;border:none}

#mobilebutton {
	display: none;
}
@media screen and (max-width: 1200px) {
	body {
		width: 100%;
		max-width: 100%;
	}
	#pgContent {
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) {
	#pgNav {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	#pgHeader .image-right {
		float: none;
	}
	.imageLeft {
		max-width: 70%;
	}
	#pgHeader .imageLeft img {
		max-width: 100%;
		height: auto;
	}
	#mobilebutton {
		display: block;
		float: right;
		color: #839e59;
		font-size: 30px;
	}
	#pgData {
		width: 100%;
		max-width: 100%;
		padding: 10px;
		margin: 0 auto;
		float: none;
		box-sizing: border-box;
	}
	#pgNav {
		width: 50%;
		float: none;
		display: none;
		position: absolute;
		top: 70px;
		right: 0;
		background-color: rgba(255,255,255,0.95);
		border: 1px solid #d8d8d8;
		text-align: right;
		padding: 20px;
	}
}