body
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  margin: 0;
  padding: 0;
  background-image: url('patt-turq.png');
  text-align: center; 
  width: 100%;
  height: 100%;
}

.ContentContainer
{ background: #f8f1d1; /* cream */
  color: #000000;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 30px;
  text-align: left;
  width: 800px;
  height: 100%;
  min-height: 800px;
}

.ContentContact
{ background: #f8f1d1; /* cream */
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 800px;
}

.SecondaryPage
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  /*background: #fef7c7; yellow */
  background: #f8f1d1; /* cream */
  color: #000000;
  text-align: left;
  padding: 20px 20px 20px 20px;
  width: auto;
}

.SecondaryPageCenter
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  /*background: #fef7c7; yellow */
  background: #f8f1d1; /* cream */
  color: #000000;
  text-align: center;
  margin: 20px 20px 20px 20px;
  width: auto;
}

.SecondaryPageWhiteGray
{
  font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  background-image: url('white-gray.jpg');
}

.SecondaryPageNL
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  /*background: #fef7c7; yellow 
  background: #e7e9f3; lavender */
  background: #fffbf0;
  color: #000000;
  text-align: left;
  margin: 30px;
  width: auto;
}

.SecondaryPageJudson
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  background: #f1f3f4; /* light gray, was #e4e5e2 */
  color: #000000;
  text-align: left;
  margin: 10px 10px 10px 10px;
  width: auto;
}

.SecondaryPageJudsonArt
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  background: #e4e5e2; /* light gray */
  color: #000000;
  text-align: left;
  margin: 50px 50px 50px 50px;
  width: auto;
}

.SecondaryPageVideo
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  background: #e4e5e2; /* light gray */
  color: #000000;
  text-align: left;
  margin: 20px 20px 20px 20px;
  width: auto;
}

.SmallPage
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  /*background: #fef7c7; */
  background: #f8f1d1; /* cream */
  color: #000000;
  text-align: left;
  margin: 0px 0px 0px 0px;
  width: 450px;
  height: 250px;
}

.GreenPage
{ font-family: Times, "Times New Roman", Garamond, serif;
  font-size: 16px;
  font-weight: normal;
  background: #e7f6eb;
  color: #000000;
  text-align: left;
  margin: 0px 0px 0px 0px;
  width: 450px;
  height: 250px;
}


a:link
{color: #000391;
/* font-size: 16px; */
 font-weight: 900;
 background-color: transparent;
}

a:visited
{color: #000391;
/* font-size: 16px; */
 font-weight: 900;
 background-color: transparent;
}

a:focus
{color: #970062;
/* font-size: 16px; */
 font-weight: 900;
 background-color: transparent;
}

a:hover
{color: #970062;
/* font-size: 16px; */
 font-weight: 900;
 background-color: transparent;
}

a:active
{color: #970062;
/* font-size: 16px; */
 font-weight: 900;
 background-color: transparent;
}

.LinkNU a:link
{color: #000391;
 font-size: 16px;
 font-weight: 900;
 text-decoration: none;
 background-color: transparent;
}

.LinkNU a:visited
{color: #000391;
 font-size: 16px;
 font-weight: 900;
 text-decoration: none;
 background-color: transparent;
}

.LinkNU a:focus
{color: #970062;
 font-size: 16px;
 font-weight: 900;
 text-decoration: none;
 background-color: transparent;
}

.LinkNU a:hover
{color: #970062;
 font-size: 16px;
 font-weight: 900;
 text-decoration: none;
 background-color: transparent;
}

.NLEnv img
{
  border: none;
  width: 32px;
  height: 29px;
}

.color1
{
 color: #59002d;
}

.dull
{
 color: #949784;
 text-decoration: none;
 font-weight: 500;
}

a.dull { color: #949784; font-size:15px; font-weight:500; }
a.dull:hover { color: #6d6f61; font-size:15px; font-weight:500; }

img { border:0; }

.border { border:1px solid #898989; }

.arial { font-family: Arial, sans-serif; }

.InstPage
{margin-top: 5px;
 margin-left: 18px;
 margin-right: 10px;
}

.InstPageCenter
{margin-top: 5px;
 margin-left: 18px;
 text-align: center;
}

.InstPageHeading
{margin-top: 5px;
 margin-left: 18px;
 margin-bottom: 0px;
}

.InstPageHeadingTable
{width: 782px;
 margin-bottom: 0px;}

.InstPageImg
{margin-top: 5px;
 border: none;
}

.InstPageImg2
{margin-top: 0px;
 border: none;
}

p.halfSpace
{margin-top: 3px;
 margin-bottom: 3px;
}

p.threeQuarter
{margin-top: 5px;
 margin-bottom: 5px;
}

.justify
{text-align: justify;
}

.center
{text-align: center;
}

.left
{text-align: left;
}

.big
{font-size: 24px;
}

.small
{font-size: 14px;
}

.italic
{font-style: italic;
}

.bold
{font-weight: bold;
}

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

.underline
{text-decoration: underline;
}

.boldCenter
{font-weight: bold;
 text-align: center;
}

.nobreak
{white-space:nowrap;
}

.BATitle1
{font-size: 32px;
 font-weight: normal;
 text-align: center;
 margin-top: 2px;
 margin-bottom: 2px;
}

.BATitle2
{font-size: 20px;
 font-weight: normal;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 2px;
}

.BATitle3
{font-size: 20px;
 font-weight: normal;
 text-align: center;
 margin-top: 2px;
 margin-bottom: 2px;
}

.BATitle4
{font-size: 16px;
 text-align: center;
 margin-top: 1px;
 margin-bottom: 1px;
}

.BAEventText
{margin-top: 0px;
 margin-bottom: 0px;
}

.gold { color: #8a6f1c; font-weight:bold; }

.BAEventTitle1
{font-size: 18px;
 font-weight: bold;
 /*color: #740072; Maroon*/
 /*color: #96781e; light gold */
  /*darker gold */
 /*color: #906600; darker gold 2*/
 /*color: #7b4900; brownish gold */
 /*color: #805300; redish-brownish gold */
 /*color: #7c6514; closer gold, too green */
 /*color: #815611; closer gold 2*/
 /*color: #805300; closer gold */
 /*color: #7F5900; gold, too dark for larger letters*/
 margin-top: 10px;
 margin-bottom: 2px;
}

.BAEventTitle2
{font-size: 16px;
 font-weight: bolder;
 color: #7F5900;
 margin-top: 2px;
 margin-bottom: 2px;
}

.BAEventTitle3
{font-size: 16px;
 font-weight: bolder;
 color: #000000;
 margin-top: 2px;
 margin-bottom: 10px;
}

.GoldBoldSmallCaps
{
 font-weight: bold;
 font-variant: small-caps;
 color: #8a6f1c; /*darker gold */  
}

.BoldSmallCaps
{
 font-weight: bold;
 font-variant: small-caps;
}

.JudsonTitle
{font-size: 18px;
 font-weight: bold;
 color: #000000; /*#251410;*/
 margin-top: 10px;
 margin-bottom: 2px;
 margin-left: 30px;
}

.JudsonSubTitle
{font-size: 14px;
 font-weight: normal;
 margin-top: 0px;
 margin-left: 30px;
}
    
.nav { display:grid; width:800px; margin:0; grid-gap:15px; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto; text-align:center; font-family:Arial,sans-serif; font-size:12px; background-color:#fbf7df; border-bottom: 1px solid #8a6f1c; }

.nav a { text-decoration: none; font-weight:normal; color:#7d6419;}  /* #8a6f1c; */
.nav a:hover { font-weight:normal; color: #970062; }
div.one { padding-top: 9px; }
div.two { padding-top: 4px; }
div.three { padding-top: 0; padding-bottom:2px; line-height:1; }

.subnav { display:grid; width:800px; margin:0; text-align:center; font-family:Arial, sans-serif; font-size:11px; border-bottom: 1px solid #8a6f1c; background-color:#fffbe5; padding: 3px 0; }  /* or #fefbdf */
.subnav a { text-decoration: none; font-weight:normal; color:#000391;  }
.subnav a:hover { font-weight:normal; color: #970062; }

.subnav10 {grid-template-columns: auto auto auto auto auto auto auto auto auto auto; }
.subnav8 {grid-template-columns: auto auto auto auto auto auto auto auto; }
.subnav7 {grid-template-columns: auto auto auto auto auto auto auto; }
.subnav6 {grid-template-columns: auto auto auto auto auto auto; }
.subnav2 {grid-template-columns: auto auto; }

ul.navi { list-style-type:none; font-family:Arial,sans-serif; font-size:14px; margin:0; padding:0; overflow:hidden; background-color:#fbf7df; border-bottom: 1px solid #8a6f1c; }
    li.navi { font-size:12px; font-weight:normal; color:#8a6f1c; text-align:center; float:left; padding-top:9px; padding-right: 18px; }
    li.navi2 { padding-top:4px; }
    li.navi3 { line-height:1; padding-top:0; padding-bottom:2px; }
    li.navi a { display:block; font-weight:normal; color: #8a6f1c; text-decoration:none; }
    li.navi a:hover { font-weight:normal; color:#970062; text-decoration:none; }

a.here { cursor:default; pointer-events:none; } /* red #970062, gold #8a6f1c */

p.title { font-family:Arial, sans-serif; font-size:20px; font-weight:normal; color:#8a6f1c; letter-spacing:.5px; text-align:left; margin-left:34px; }
p.titlegal { font-size:18px; font-weight:bold; color:#8a6f1c; text-align:left; letter-spacing:.5px; margin:0; }
p.titlemedia  { font-size:18px; font-weight:bold; color:#8a6f1c; text-align:center; letter-spacing:.5px; margin: 15px 0; }
p.titlelinks { font-size:18px; font-weight:bold; color:#8a6f1c; text-align:left; letter-spacing:.5px; margin:18px 0 12px 30px; }

.NavDiv
{width: 800px; 
 border-bottom: 1px #8a6f1c solid; 
 margin-top:1px;
 margin-bottom: 0px;
}

.NavDiv1
{width: 800px; 
 margin-top:2px;
 margin-bottom: 2px;
}

.InstrumentsSubNavDiv
{text-align: center; 
 margin-left: 0px; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 width: 800px; 
 border-bottom: 1px solid #8a6f1c; 
 padding-top: 5px;
}

.PhotoGallerySubNavDiv
{text-align: center; 
 margin-left: 0px; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 width: 800px; 
 border-bottom: 1px solid #8a6f1c; 
 padding-top: 3px;
 padding-bottom: 1px;
 }
 
.PhotoGalleryTitleDiv
{position: absolute; 
 top: 200px; 
 left: 0px; 
 width: 599px;
}

.PhotoGalleryPrevNextDiv
{position: absolute; 
 top: 200px; 
 left: 600px; 
 width: 200px; 
 text-align: right;
}

.PhotoGalleryPhotoDiv
{position: absolute;
 top: 300px;
 left: 0px;
 width: 800px;
}

.PhotoGalleryPhotoDiv2
{position: absolute;
 top: 540px;
 left: 0px;
 width: 800px;
}

.PhotoGalleryPhotoDivHigher
{position: absolute;
 top: 255px;
 left: 0px;
 width: 800px;
}


.PhotoGalleryTitle
{font-size: 18px;
 font-weight: bold;
 color: #8a6f1c; /*darker gold */
 margin-top: 10px;
 margin-bottom: 2px;
 margin-left: 55px;
}

.PhotoGallerySubTitle
{font-size: 14px;
 font-weight: normal;
 margin-top: 0px;
 margin-left: 55px;
}

div.caption { text-align:center; margin:20px auto; }
p.caption { text-align:center; font-size:14px; margin:2px auto; line-height:normal; }


.BAEventTitle1a
{font-size: 18px;
 font-weight: bold;
 color: #96781e;
 margin-top: 10px;
 margin-bottom: 2px;
}

.BAEventTitle2a
{font-size: 16px;
 font-weight: bold;
 color: #7F5900;
 margin-top: 2px;
 margin-bottom: 2px;
}


.BAEventTitle3a
{font-size: 16px;
 font-weight: normal;
 color: #000000;
 margin-top: 2px;
 margin-bottom: 10px;
}


.BAHeading1
{font-size: 20px;
 font-weight: bold;
 color: #00004a;
 margin-top: 15px;
 margin-bottom: 5px;
}

.BAHeading2
{font-size: 24px;
 font-weight: bold;
 color: #000000;
 margin-top: 0px;
 margin-bottom: 5px;
}

.BAHeading3
{font-size: 16px;
 font-weight: bold;
 color: #000000;
 margin-top: 15px;
 margin-bottom: 15px;
}

.BAHeading4
{font-size: 20px;
 font-weight: bold;
 color: #000000;
 margin-top: 15px;
 margin-bottom: 15px;
}

.BALinkTitle
{font-size: 16px;
 font-weight: bold;
 color: #000000;
 margin-top: 0px;
 margin-bottom: 0px;
}

.BABodyText
{text-align: justify;
 margin-top: 4px;
 margin-bottom: 4px;
}

.BioDiv
{margin: 20px;
 text-align: left;
}

.BioHeading
{text-align: center;
 font-size: 20px;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
}

.ElyYouTube
{
 border: none;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 width: 100px;
 height: 73px;
}

.ElyCell
{
  width: 150px;
  height: 125px;
  text-align: center;
}

.TrackListNum
{text-align: right;
 width: 20px;
 padding-right: 5px;
 padding-left: 15px;
 vertical-align: top;
}

.TrackTime
{text-align: right;}

.TrackAudioIcon
{border: none;
 margin-left: 2px;
 margin-right: 5px;
}

.TTSAudioIcon
{border: none;
 margin-left: 2px;
 margin-right: 5px;
 width: 15px;
 height: 13px;
}

.VidThumbImg
{border: none;
 width: 120px;
 height: 90px;
}

.MediaThumbImg
{border: none;
 width: 100px;
 height: 73px;
 margin-left: 30px;
}

.MediaThumbImgTall
{border: none;
 width: 100px;
 height: 165px;
 margin-left: 30px;
}
.MediaThumbImgMed
{border: none;
 width: 100px;
 height: 140px;
 margin-left: 30px;
}
.MediaThumbImg2
{border: none;
 width: 100px;
 height: 38px;
 margin-left: 30px;
}

.NavImg
{border: none;
 padding-left: 0px;
 padding-right: 2px;
}

.NavImgFirst
{border: none;
 padding-left: 5px;
 padding-right: 2px;
}

.NavImgLast
{border: none;
 padding-left: 0px;
 padding-right: 0px;
}

.InstNavImg
{border: none;
 padding-left: 0px;
 padding-right: 0px;
}

.InstNavImgLast
{border: 0px solid #000000;
 padding-left: 0px;
 padding-right: 0px;
}

.MediaNavImg
{border: 0px none;
 padding-left: 0px;
 padding-right: 45px;
}

.MediaNavImgLast
{border: 0px none;
 padding-left: 0px;
 padding-right: 0px;
}

.PressNavImg
{border: 0px none;
 padding-left: 0px;
 padding-right: 10px;
}

.PressNavImgLast
{border: 0px none;
 padding-left: 0px;
 padding-right: 0px;
}


.FlickrThumb
{border: none;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 2px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 width: 187px;
 height: 161px;
 text-decoration: none;
}

.FlickrGIF
{border: none;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 width: 140px;
 height: 17px;
 text-decoration: none;
}
.FlickrCol
{width: 187px;
 height: 178px;
}
 
.ttsCol1
{
  font-weight: normal;
  text-align: left;
  width: 170px;
  vertical-align: top;
  padding-left: 10px;
}
.ttsCol1H
{
  font-weight: bold;
  text-align: center;
  width: 170px;
  vertical-align: top;
  padding-left: 10px;
}

.ttsCol2
{
  font-weight: normal;
  text-align: center;
  width: 120px;
  vertical-align: top;
}

.ttsCol2H
{
  font-weight: bold;
  text-align: center;
  width: 120px;
  vertical-align: top;
}

.ttsCol3
{
  font-weight: normal;
  text-align: left;
  width: 50px;
  vertical-align: top;
}

.ttsCol3H
{
  font-weight: bold;
  text-align: center;
  width: 50px;
  vertical-align: top;
}

.ttsCol4
{
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.ttsCol4H
{
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}

.DullBG
{
  background-color: #eeece3;
  font-size:14px;
}

.BrightBG
{
  background-color: #eff5fd;
}

.WKCRAudioIcon
{
  border: none;
  width: 15px;
  height: 13px;
  margin-right: 10px;
  text-decoration: none;
}

div.review { width:960px; background-color:#fefefe; padding:20px 15px 5px 15px; line-height:1.3; margin: 10px auto 25px auto; position:relative; }

.shadow { box-shadow: 0 4px 8px rgba(0,0,0,.6); }

p.review { text-align:left; line-height:1.4; margin:0 15px 15px 20px; }

p.reviewer { text-align:center; margin-top: 0; margin-bottom:10px; }

.super { position:relative; top:-3px; }

.TTSHeaderImg
{
  border: none; 
  width: 800px; 
  height: 30px;
  margin: 0px;
  padding: 0px;
}

.TTSStyleImg
{
  border: none; 
  width: 800px; 
  height: 80px;
  margin: 0px;
  padding: 0px;
}

.TTSStyleImg2
{
  border: none; 
  width: 800px; 
  height: 100px;
  margin: 0px;
  padding: 0px;
}

#Home2002
{float: right;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

#snow
{float: left;
 padding-right: 20px;
}

#handshake
{float: right;
 padding-right: 10px;
 padding-bottom: 20px;
}

#ThumbOndar
{float: right;
 margin-left: 10px;
 margin-bottom: 10px;
}

#ThumbQuirk
{float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

#ThumbAyanOol
{float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

#ThumbSergei
{float: right;
 margin-right: 10px;
 margin-bottom: 10px;
}

#ThumbAyan
{float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

#ThumbBadyDorzhu
{float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

#ThumbMaiOol
{float: left;
 margin-right: 15px;
 margin-bottom: 10px;
}

#Alash2002
{float: right;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

#HomeCamel
{float: right;
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

#HomeReindeer
{float: left;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

#Xoomei
{float: left;
 padding-right: 10px;
}

#Kargyraa
{float: left;
 padding-right: 10px;
}

#Sygyt
{float: left;
 padding-right: 10px;
}

#Newsletter p
{
  margin-left: 20px;
  margin-right: 20px;
}

/* For Mail Chimp */
.mc-field-group
{ margin-top: 10px;
  margin-bottom: 10px; }

.mc-field-group-hanging-indent
{ margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 22px;
  text-indent: -22px; }

.indicates-required
{ margin-top: 5px;
  margin-bottom: 10px;
}

.mc-regions
{ margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 10px;
}

.asterisk
{ font-size: 20px;
  color: red;
}

.mc-ContentContainer
{ background: #f8f1d1;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 800px;
  height: 100%;
  min-height: 800px;
}

.mc-signup
{ margin-top: -30px;
  margin-bottom: 0px;
  margin-right: 40px;
  margin-left: 40px;
 }

/* End of Mail Chimp */

