*{margin:0;padding:0;color:#111}
html{background-color:#fefefe}
body{width:100%;
   border-left:2px solid #ccc;
   border-right:2px solid #ccc;
   margin:0 auto;
   font-size:95%;font-style:normal;font-weight:normal;font-family:geneva,Tahoma,Verdana,Helvetica,sans-serif}
#pgNav{width:8%;padding:2px 0 6px 3px;float:left}
#pgData{width:81%;margin-right:2px;min-height:20em;width:98%}

#content{padding:0 1em 0 1em;min-height:20em;line-height:200%}
#content a{text-decoration:underline;text-decoration-color:#aaa;background-color:#eee;color:#000;font-style:italic;font-family:georgia}
#content audio{border-radius:7px;height:2em}
#content a:hover{text-decoration:underline;font-style:normal;background-color:#eee}

#content ul{list-style-type:none;margin:1em 0 0 1em}
#content ul li{margin:1.5em 0 0 1em}

#pgTop{height:1px;width:1px;float:left}

#pgNav{float:left;text-align:left;font-size:92%;padding:10px 0 0 5px;}
#pgNav ul{list-style-type:none;padding:0 0 2px 15px}
#pgNav ul li{margin:0 2px 0 2px}
#pgData{float:left;background-color:#fefefe;color:#111}
#pgTop{font-size:0.01em;line-height:0.01em}

#hdrImageLeft{float:left;padding-left:10px}
#hdrImageLeft a {text-decoration:none}
#hdrImageLeft img {text-decoration:none;border:none}

#hdrImageRight{float:right;padding-bottom:0em;padding-right:10px}

#pgHeader,#pgContent{width:100%;margin-left:auto;margin-right:auto}
#pgFooter{padding-top:2px;padding-bottom:10px}

#pgHeight{height:265px;width:1px;background-color:#fefefe;color:#aaa;float:left}

#nav1,#nav2,#nav3,#nav4,#nav5,#nav6{font-weight:600;font-style:italic;font-size:90%;line-height:102%}
#nav2,#nav3,#nav4,#nav5,#nav6{padding-top:5px}

#galleryMenu{padding-bottom:10px}
#billiesMenu div{font-size:92%;font-weight:300;font-style:normal;line-height:115%}

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

#galleryMenu a{text-decoration:none;font-weight:800;font-size:80%;line-height:116%}

.linkLeft, a.linkLeft{float:left;margin:0 1em 0 0}
.linkRight, a.linkRight{float:right;margin:0 0 0 1em}

.linkLeft,.linkRight,a.linkLeft,a.linkRight
{padding:0 1em 0 1em;text-decoration:none}

h1,h2,h3{padding-top:3px;padding-bottom:2px}

p{padding:0.3em 0em 0.3em 0em}

.column {float:left;padding-right:15px}
.left,hr.left {float:left;text-align:left;padding-left:1em}
.right,hr.right {float:right;text-align:right;padding-right:1em}
div.clr {clear:both;font-size:0.1em;line-height:0.1em;}

.vdivider {line-height:0.7em}
.vspace-mini {font-size:0.4em;line-height:0.4em}
.vspace-micro {font-size:0.2em;line-height:0.01;height:0px}

.note {font-weight:bold;font-size:1.1em}
.warn {font-weight:bold;font-size:1.4em;color:#f06}
.oops {font-weight:bold;color:maroon}
.white {background-color:white}

div.announce {color:#000;background-color:#e0e0e0;text-align:left;width:65%}
.announce, a.announce {color:#000;background-color:#e0e0e0;border:1px}
.announce {width:650px;}

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

.far-left {float:left;}
.far-right {float:right;}
em {font-weight:500}
.imgL,.imgLeft,#banner-left,.image-left {float:left;padding:10px 15px 10px 5px;border:0}
.imgR,.imgRight,.image-right {float:right;padding:15px 0 20px 15px;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 1em auto}
.footnotes hr,hr.footnote,hr.footnotes {width:30%;text-align:left;float:left}
hr.left-90 {width:90%;text-align:left}
hr.section {width:62%;text-align:left;float:left}

.text {max-width:30em;} /*
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );} */

.text_margin {width:3em}
.small-indent {padding-left:0.5em}
.indent-sm {padding-left:0.5em}
.indent-li {padding-left:0.75em}
.indent {padding-left:1em}
.indent-2,.half-indent {padding-left:2em}
.indent-3,.indent-l {padding-left:3em}
.indent-lr {padding-left:3em;padding-right:3em}
.indent-lr1 {padding-left:1em;padding-right:1em}
.indent-r {padding-right:3em;}

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

.watermark {font-size:140%;font-style:italic;color:#ccc;float:right;padding:20px 20px 0 0}

.page-head-sm {font-size:145%;line-height:160%;text-align:center}
h1,a.h1 {text-align:center;font-size:165%;font-weight:500}
.page-head {font-size:160%;line-height:180%;text-align:center}
.page-width {width:650px;}
h2,h2.a,a.h2 {text-align:center;font-size:140%;font-weight:500}
h3,span.h3 {font-weight:600;font-size:130%;line-height:115%}
h4,span.h4 {font-size:110%;line-height:105%}

.sub-head-ctr {font-size:130%;text-align:center;line-height:135%}
.sub-head-left {font-size:130%;line-height:155%;text-align:left}
.sub-head-right {font-size:130%;line-height:155%;text-align:right}
.section-head {font-size:145%;line-height:165%;text-align:center}
.sub-section-left {font-size:120%;line-height:145%;text-align:left}
.article-head,a.article-head, article-head.a {font-size:115%;line-height:135%;text-align:center}
.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}
.col-head {font-stretch:condensed;font-weight:400;text-decoration:underline}

.ctr {text-align:center}
div.ctr {text-align:center;width:85%;margin-left:auto;margin-right:auto}
.largest     {font-size:200%}
.largerStill {font-size:160%}
.larger      {font-size:140%}
.large       {font-size:120%;line-height:115%}
.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%}
.smallerStill {font-size:40%}
.smallest    {font-size:40%; 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 {font-size:75%;vertical-align:super;text-decoration:none;font-weight:bold;font-style:italic;line-height:0.55em;}
.footref:hover{font-weight:bold;text-decoration:none;}
.footnote-head {font-size:95%}
.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;}
a.text:hover,
.itrans-99 {font-family:"URW Palladio IT Bold";font-size:12.0pt;}
.sanskrit-99 {font-family:"Sanskrit 99";font-size:13.5pt;}

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

a.blk-anchor {text-decoration:none}
a.blk-anchor:hover {text-decoration:underline;color:#fff;background-color:#333}
a.blk-anchor {color:#000;background-color:#fff}
a.blk-anchor:visited {color:#333;background-color:#fff}

.toolBar {text-decoration:none}
.toolBkg {text-decoration:none}

a.toolLink {font-size:100.1%;letter-spacing:0pt;text-decoration:none}
a.toolLink1 {font-size:100.1%;letter-spacing:0pt;text-decoration:none}
a.toolLink2 {font-size:100.1%;letter-spacing:0pt;text-decoration:none}

.pageMenu,a.pageMenu {text-decoration:none;letter-spacing:0pt;font-size:91%;line-height:116%}
.pageSubMenu, a.pageSubMenu {text-decoration:none;font-weight:800;font-size:80%;line-height:116%}
.subSubMEnu,a.subSubMenu {text-decoration:none;font-weight:800;font-size:75%;line-height:116%}

.squeezed,a.squeezed {letter-spacing:-1px;}

.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;}
a.tab-grey {color:#000;background-color:#f0f0f0;text-align:left;font-size:100.1%}
.bg-tab-head,a.bg-tab-head {color:#000;background-color:#c0c0c0}
.bg-grey {color:#000;background-color:#f0f0f0}
.lt-grey, a.lt-grey {color:#000;background-color:#f7f7f7}

.tab0-inactive, a.tab0-inactive {color:#000;background-color:#a0a0a0}
.tab0-inactive:visited, a.tab0-inactive:visited {color:#333;background-color:#a0a0a0}

.tab1-inactive, a.tab1-inactive {color:#000;background-color:#c0c0c0}
.tab1-inactive:visited, a.tab1-inactive:visited {color:#333;background-color:#c0c0c0}

.tab2-inactive, a.tab2-inactive {color:#000;background-color:#e0e0e0;text-align:center;font-size:100%;text-decoration:none}
.tab2-inactive:visited, a.tab2-inactive:visited {color:#333;background-color:#e0e0e0}
.bg-tab2, a.bg-tab2 {color:#000;background-color:#e0e0e0;font-size:100%;text-decoration:none}

div.border {border-width: 4px; border-color: black; border-style: ridge;}

div.display-on {display:block}
div.display-off {display:none}

.spanish {font-family:Calibri;}

/* ochre.css
 * ~ ~ ~ ~ ~ ~ ~
 */
@media screen and (max-width: 768px) {
   #pgHeader .image-right {
      float: none;
   }
   #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;
   }
}