:root{
	--pureleft:	223px;
	--negativepureleft: -223px;
}


html{
	-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
}
* { box-sizing: border-box; }

@font-face {
  font-family: "H1font";
  src: url("TerminatorTwo.woff2");
  font-weight: normal;
  font-style: normal;
}

body{
	margin:0;padding: 0;
    background-image: url(../graphics/quad-br-body.png );
    background-repeat: no-repeat;
    background-position: -10px -1px;
    background-attachment: fixed;
	background-color: #ffffff;
}
html, body, table, .content
{
	font-family: "Open Sans", serif;font-size: 16px;color: #000000;
}
#topmenu, #menu
{
	font-family: "Open Sans", serif;font-size: 14px;color: #000000;
}
/* #topmenu { position: sticky; top: 0; z-index: 1000; } */
#topmenu { position: sticky; top: 0; z-index: 1000; }

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: transparent !important;
    border: none !important;
}

/* into minicm */
.lg-hide-items .lg-sub-html { opacity: 0; transition-duration: 1.5s; }
.lg-sub-html { font-size: 18px; }

/* LEFT MENU WIDTH OVERRIDES, variables at top */
	
#layout.active #menu
	{ left: var(--pureleft); width: var(--pureleft); }
#layout.active .menu-link
	{ left: var(--pureleft); }
#menu
	{ margin-left: calc( 0px - var(--pureleft) ); width: var(--pureleft); }
#menuLink 
	{ z-index: 1000; }
@media (min-width: 48em) { /* 48em is PURE cutoff */
    #menu { left: var(--pureleft); }
	 #layout.our { padding-left: var(--pureleft); }
}
:focus {
outline: 0; /* as opposed to none, maintain accessibility */
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0px !important;
}
.gsc-input INPUT { background-color: rgba( 255, 255, 255, 0.8 ) !important; background-image: none !important;
 margin-left:2em; }
TD.gsc-search-button { padding-left: 2.25em; }

#adBlock { display: none !important; }
#google_translate_element { margin: 0 0 .5em .5em !important; padding: 0 0 0 0 !important; display: block !important; float: right !important; }
.goog-te-gadget-simple { background-color: #e8e8e8 !important; margin-right: 1em !important;}
 
/* old style translate */
.transbar {
	margin-bottom: 10px !important;
	overflow: hidden !important;
	border-bottom: 1pt #808080 solid !important;
	display: block !important;
}
.transbar a.goog-te-gadget-link { color: #ffffff; background-color: #808080; display: block; float: right;
	margin-right: 2em; padding: 0 .5em; }
 
.wholepage { max-width: 63em;
}
p { margin: 0; }
ul, ol, p { padding-left: 0; margin-top: .5em; margin-bottom: .5em; } /* override -webkit-* */

.clearfix{ }

.mCM_moved { font-size: 9pt; text-transform: uppercase; color: red; }

.content > ul, .content > ol,
.book ul, .book ol,
.blockit ul, .blockit ol,
ul.normal,
ol.normal { padding-left: 2em; } /* normal content, direct line... */
h1 a, *:hover { text-decoration: none; }
.content { margin-bottom: 1em !important; }


/*
 * site-specific PURE settings;note, to not have hamburger obscure menu, need to indent at least 3.8 em if menu is at top
 * colors (except "top#"), padding/margin/borders segregated at end
 */

.envelope {
	margin: 0 auto 1em auto;
	max-width: 800px;
} /* move down by top menu height, do max width in ems later, N.B. will always be JUST zero or starting at one */

/* top menu -- not starting out from scratch, have pure-min defaults,
	tweak from there
*/

#topmenu {
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	background-color: #000040 /* #192231 _evening */;
}

#topmenu.our .top0, #topmenu.our .top1, #topmenu.our .top2, #topmenu.our .top3, #topmenu.our .top4, #topmenu.our .top5, #topmenu.our .top6
	{ width: calc(100vw - var(--pureleft)); }

#topmenu .mCM_active { /* customize */
	background-color: #d0d0d0;
	color: #101010;
}

/* NB, pure-min does relative, that leaves unregulated horizontal space between
list items which should abut */

#topmenu a.pure-menu-link { color: #ffffff; }

#topmenu .pure-menu-link:hover { color: #000000; }

/* attempt to slide over nested dropdowns, WORKS! */
#topmenu.our ul ul ul { left: calc( 100% - 20px ); top: 0px; }
/* ... but need to go "flat" if we're too narrow... */

/* sidebar menu */

h1.collectionupdown { background-image: url( ../graphics/updowncollection.gif );
background-repeat: no-repeat;
background-position: .8em .15em;
font-style: italic;
text-indent: 1.5em;
}
/*
 *	home page and update for responsive, were TD classes prior, keep all for easier conversion
 * add all other #UP here as well
 */
DIV.banner { display: none; height: 45px; margin: 0; padding: 0; display: fixed; top: 0; } /* change back? */
DIV.twoup { line-height: 150%; box-sizing: border-box; width: 100%; }
DIV.threeup { 	box-sizing: border-box;float: left; width: 100%; }
DIV.rightifroom { display: none; }
DIV.rightpad { margin-right: .5em #ffffff solid; }
DIV.leftpad { margin-left: .5em #ffffff solid; }
@media (min-width: 60em) {
	DIV.rightpad { padding-right: 0; }
	DIV.leftpad { padding-left: 0; }
	DIV.banner { height: 45px;}
	DIV.twoup { width: 50%; float: left; }
	DIV.threeup { width: 33%;}
	DIV.rightifroom { /* right if room */
		display: block;
		float: right;
		width: 33%;
		margin-left: 1.5em;
	}	
}
.interior H1 {
	color: #79703d;font-weight: bold;margin: 0;padding: 0;font-size: 1.1em;
}
DIV.interior { box-sizing: border-box;padding: .5em 1em; background-color: #f8f8f8;border: 1px solid #e0e0e0;margin: .25em;
}
TABLE.mCM_qt_review { width: 100%;box-sizing: border-box;padding: .4em; background-color: #f8f8f8;border: 1px solid #e0e0e0;
	line-height: 140%;
}
TABLE.mCM_qt_review TD.mCM_qt_head1{ width: 110px; }

.interior UL.mCM_list {
	margin-top: .5em;
	clear: both;display: block;border: 1px solid #c0c0c0;border-left: none;
	padding: .2em .15em .5em 2em;margin-left: 0;
}
.interior B { font-weight: normal;}

.big { color: #ad6a53 /* itsourcers */ ; font-size: 1.5em; font-weight: normal; line-height: 1.6em; }
/*
 *	lists
 */


/*
 * long, short, side, et al. menus
 */
.content .sidemenu,
.interior .short { display: none;}


/*
 * FACEBOOK stuff
 */
 
 .FB {
	display:block;
	padding: 10px;
	background-color: transparent;/* rgb(245, 241, 221) */;
}
.interior .FB {
	 border: 1px solid #c0c0c0;border-left: none;margin-top: .5em;
	 background-color: transparent;
}

.FB .FB_box {
	clear: both;
	border-top: 1px #a0a0a0 solid;
	font-size: 9pt;
	padding-top: 4px;
 }
.FB .FB_box .FB_icon {
	display: block;
	float: right;
	margin: 4px 0 0 6px;
	padding: 0;
 }
 .FB .FB_box .FB_web_icon {
	display: block;
	float: left;
	margin: 0 6px 2px 0;
	padding: 0;
 }
 .FB .FB_box .FB_icon  img,  .FB .FB_box .FB_web_icon  img{
	margin: 0;padding: 0 0 0 5px;
 }
 .FB .FB_box .FB_date, .mCM_filesize {
	/* display: block; */
	color: #606060;
	font-size: 8pt;
	padding-left: .3em;
 }
.nosize .mCM_filesize { display: none; }

 .FB img { margin: 8px auto 0 auto;display: block;
}
/*
 * various (responsive) figure template support
 */
div.figure_center,
div.mCM_frame,
div.mCM_caption {
	display: block;
	margin: 1em auto;
	font-size: 80%;
	line-height: 135%;
	text-align: center;
	max-width: 100%;
}
div.mCM_caption .nocaption { display: none; } /* when needed in image navigation only */
.mCM_navigate { display: block; padding: 0 0 .5em 0; text-align: center; }

div.figure_left { margin: 1em 1.5em 1em 0; font-size: 80%; line-height: 135%; text-align: center; float: left; max-width: 100%;}
div.figure_right { margin: 1em 0 1em 1.5em; font-size: 80%; line-height: 135%; text-align: center;float: right; max-width: 100%;}
img.figure{ padding: 0; margin: 0 0 4px 0; border: 1px #606060 solid; display: block; width:auto; height:auto; max-width:100%; max-height:100%;}
.noborder img.figure{ border: none; }
/*
 * H1,2,3,...
 */
#header h1 { 	color:  #b8775c /* itsourcers */;font-size: 38px; padding: 0;margin: 0 0 .3em 0; font-family: H1font, 'Open Sans';
font-weight: normal; letter-spacing: 2px; line-height: 32px; }
#header  h1 .sub { 	display: block;font-weight: normal;font-style: italic;
	font-size: .9em;border-top:  #ad6a53/* bit darker for optical equivalent to #b8775c */ /* itsourcers */ 2px solid; margin-top: .3em;padding-top: .2em;font-weight: normal;}
.content  h1.subtitle, h2.subtitle {
	display: block;font-weight: normal;font-style: italic;font-size: 1.1em;margin-top: 5px;color:  #ad6a53/* itsourcers */;}
.content h2, .content .head, .mCM_head, .mlr_item_title { color: #ad6a53 /* itsourcers */;font-size: 1.2em; margin-bottom: .5em;}
.content h3 { color:  #ad6a53 /* itsourcers */;font-size: 1.2em; font-weight: normal; margin-bottom: .5em;}
.content em { /* we use i for italic, so this is for true emphasis */
	font-style: normal;
	font-weight: bold;
	color: #a45e48 /* #b8775c */; /* darken for optical match to large block letters */
}
/*
 * general mark-up
 */

.content .pagetrailer {
	font-size: .8em;
	line-height: 135%;
	padding-top: 1em;
	padding-bottom: .5em;
	text-align: center;
	clear: both;	
}

.notes {
	font-size: .8em;
}
TD.notes{
	line-height: 135%;
}

a.mCM_WIK_fn { text-decoration: none; color: blue;}
a:hover.mCM_WIK_fn { background-color: #ffddaa; color: #000000;}
.content .mCM_WIK_fn {
	padding-left: 2px; font-size: 8pt !important;
	color: #505050; vertical-align: 0;
	position: relative; bottom: 1ex;
}
.content .mCM_WIK_fnsep { width: 25%; margin-left: 0; margin-top: 15px; clear: both; }
.content .mCM_WIK_fnnum,
.content .mCM_WIK_fnnum a { padding-top: .25em; text-align: left; vertical-align: top; }
.content .mCM_WIK_fn .mCM_WIK_fnnum,
.content .mCM_WIK_fn .mCM_WIK_fnnum a { padding-top: 0; text-align: left; vertical-align: top; font-size: 8pt;}

.content .mCM_WIK_fnref,
.content .mCM_WIK_fnref p,
.content .mCM_WIK_fnref ol,
.content .mCM_WIK_fnref ul { padding-top: .25em; text-align: left; vertical-align: top; font-size: 11pt; color: #808080; line-height: 145%; }
.content TD.mCM_WIK_fnnum { padding-right: 1em; }
.content .mCM_WIK_fnref ul {
	list-style-image: none !important;
	list-style-type: square;	
}
 
.content a { text-decoration: none; color: /*alink*/#2d468f; }
 
.content .mCM_pagenav { clear:both; display: block; padding: 0; margin: 1em 0 .25em 0 !important; border: .15em solid #dddddd; border-left: none; padding: .5em .8em .8em 0;
}
.content DIV.mCM_pagenav  li,
.content DIV.mCM_pagenav  .mCM_active,
.content DIV.mCM_pagenavinline li,
.content DIV.mCM_pagenavinline .mCM_active
 {
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0; 
}

.content DIV.mCM_pagenav ul,
.content DIV.mCM_pagenavinline ul { margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0; 
	margin-left: 1.5em; line-height: 150%;
}
/*
 * simplify next... using arrow character
 */
.mCM_next:after { content:"►"; }
a .mCM_next { color: DarkSlateGray; background-color: #cdd7f9; padding: .1em .5em .2em .5em; margin-right: .2em; }
.content DIV.mCM_pagenav .mCM_active, .mCM_pagenav .mCM_active,
.mCM_navigate .mCM_active { background-color: DarkSlateGray; color: #ffffff; padding: .1em .5em .2em .5em; }
.content DIV.mCM_pagenav { clear: both; }

/* plain, nobr-delimited */

nobr { margin: 0; padding: 0; }

.mCM_pagenav a, .mCM_pagenav .mCM_active {
	display: inline-block;
	padding: .1em .5em .2em .5em;
	background-color: #e0e0e0;
	margin-bottom: .2em;
}
.mCM_pagenav a:hover, .mCM_pagenav a:hover .mCM_next {
	background-color: #b8775c;
	color: #ffffff;
}
.mCM_pagenav .mCM_next {
	padding: 0; margin: 0;
	background-color: transparent;
}

/*
.mCM_pagenav nobr { padding: .05em .5em .2em .5em; background-color: #e0e0e0;}
.mCM_pagenav nobr:hover { background-color: #ad6a53; color: #ffffff; }
.mCM_pagenav a { margin: 0; color: #000000;   }
.mCM_pagenav a:hover { background-color: #ad6a53;  color: #ffffff; }
.mCM_pagenav a:hover .mCM_next { background-color: #000000; color: #ffffff; }
*/


.content blockquote {
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	margin: 1em;
	padding: .8em .8em .8em 0;
}

.stackem ol,
.stackem ul
{	margin-top: 0;
	margin-bottom: 0;
}
/* leave image alignment for small (i.e., won't ever need to resize on mobile) images */
.illusr { margin: 1em 0 1em 1em; float: right; }

/* don't need it anymore the same way, but leave to turn off top caption */
.fit100 .mCM_thumbnails_head { display: none; }

/* original page # */
.originalpage {
	padding: 0 1px; border: 1px #606060 dotted; color: #606060;
}

/* ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE */
/* ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE */
/* ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE */
/* ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE  ADD ABOVE */

/*
 * gallery processing
 */
.mCM_thumbnails_container {
	width: 100%;
	text-align: center;
	padding-bottom: .8em;
} 
.mCM_thumbnails_head {
	font-size: 80%;
	color: #606060;
	padding: .5em 20% 1em 20%;
	line-height: 130%;
	font-style: italic;
}
.mCM_thumbnails {
}

.mCM_thumbnails_caption {
	font-size: 90%;
	display: inline-block; vertical-align: top;
	padding: .5em 1em;
	line-height: 130%;
	vertical-align: top;
	color: #ad6a53 /* itsourcers */;
}
.mCM_thumbnails_caption IMG {
	border: .125em #606060 solid;
	box-shadow: 7px 3px 7px #bbbbbb;
	margin-bottom: .5em;
}
.mCM_thumbnails_caption p {
	margin: 0 !important;
	padding-top: 1em;
}

.mCM_caption .hidep { display: none; }

.mCM_thumbnails .mCM_1up {
	width: 100%; border: 1pt dotted #e0e0e0;
	box-sizing: border-box;
	background-color: #f8f8f8;
	text-align: left;
	display: block;
	margin-bottom: .5em; margin-right: 1em;
	clear: both;
	padding: 0.5em;
}
.mCM_thumbnails .mCM_1up_pic {
	display: block; float: left;
	width: 13%;
}	
.mCM_thumbnails .mCM_1up_pic IMG {
	border: .125em #606060 solid;
	box-shadow: 7px 3px 7px #bbbbbb;
	margin: 0 0 .5em 0;
	max-width: 100%;
}
.mCM_thumbnails .mCM_1up_desc {
	display: table-cell;
	width: 85%;
	padding-left: 2em;
}

a.mCM_WIK_link {
	border: 1px green dotted;
	color: green;
	padding: 0 3px 1px 3px;
	text-decoration: none;
}
a.mCM_WIK_link:hover {
	border: 1px red solid;
	color: red;
	background-color: #f0f0f0;
}
a.mCM_EXT_link {
	border: 1px blue dotted;
	padding: 0 5px 1px 3px;
	text-decoration: none;
}
a.mCM_EXT_link:hover { 
	border: 1px #ad6a53 /* itsourcers */ solid;
	color: #ad6a53 /* itsourcers */;
	background-color: #fff5d9;
}


/*
 * TOPIX
 *
<item>
      <title>Scrapping of geoblocking will open up e-commerce for Estonians</title>
      <link>http://www.topix.com/world/estonia/2016/05/scrapping-of-geoblocking-will-open-up-e-commerce-for-estonians?fromrss=1</link>
      <description><![CDATA[<p>Estonia&#39;s Minister of Economic Affairs and Infrastructure Kristen Michal supports the proposal of the Commissioner responsible for the EU digital single market, Andrus Ansip, to do away with geoblocking in the union, since it would ensure access for Estonians to e-commerce all over the European Union, informs LETA/BNS.... Read more...</p>]]></description>
      <source url="http://www.balticsww.com">City Paper&#39;s Baltics Worldwide</source>
      <pubDate>Fri, 27 May 2016 09:56:08 GMT</pubDate>
            <guid isPermaLink="false">1605274BV3KL</guid>      
	  
	  
          <topix:comments>0</topix:comments>
          </item>
 */
ul.topix {
	margin-top: .5em;
	clear: both;display: block;border-left: none;
	padding: .2em 0 .5em 1em;margin-left: 0;
}
.topix p { padding: 0;margin: 0;}
/* and for our shameless page scraping of a Topix search... */
.comment_link, .meta_info { display: none;}
.topix a { text-decoration: none;} 
 
/*
 * bottom of page stuff
  */
.lastupdated { color: #9b6c1b;font-size: 8pt;font-style:italic;float: right;}
.content TABLE TD .pagetrailer {
	font-size: 11px;text-align: center;line-height: 135%;padding-bottom: 5px;
}
.sitetrailer P  {
	margin: 0;
	padding: .125em 0 0 0;
}
.sitetrailer, .sitetrailer P  {
	font-size: .8em; text-align: left; line-height: 135%;padding-bottom: 1em;;color: #404040;
}
.sitetrailer P  { padding: .25em 1em; }
.sitetrailer { background:rgba(255,255,255,0.3); padding-top: .25em; }
/*
 * goodbye square list on our stuff but don't decorate lists directly in content
 */
.content > ul > li, .content > ul > li > ul > li { list-style-image: url('../graphics/one.gif');}
.content > ul > li > ul { padding-left: 1.5em; margin-top: 0; margin-bottom: 0;}
.content > ul > li > ul > li { list-style-image: url('../graphics/oneo.gif');}
.nolead { margin-top: 0; padding-top: 0; }
.indent, .indentsolid { text-indent: 1.5em; } /* don't actually do solid text bodies anymore, easier than mass edit */
.cellpad IMG { max-width: 100%; display: block; border: 1px #606060 solid; margin: .5em 0; box-sizing: border-box;}
.cellpad .topix a::hover { background-color: wheat; }

/* change how blockit works to save space */

.blockit A, .boxit A { background-color: #f8f8f8; padding: 0px 4px 1px 4px; border: 1px solid #e0e0e0; text-decoration: none;
  margin-right: .5em; }
.blockit A:hover, .boxit A:hover { background-color: #fffebd; }
.blockit h2 { margin: 0; }
.blockit h3 { margin: 0; }
.blockit h4 { margin: 0; }
.blockit ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: .5em; }


.tail { font-weight: normal; font-style: italic; border-left: 1pt solid #ad6a53 /* itsourcers */; padding-left: .75em; margin-left: .75em; }
.content .tail { font-size: 80%; }

gallerytitle { font-weight: bold; display: block; }
gallerytitle:after { content: " "; }

/* for cfbh */

.block5050 u, .u2i u { text-decoration: none; font-style: italic; }
.u2i u { font-weight: bold; }
.block5050 ul { display: block; list-style-type: none; list-style-image: none;}
.block5050 li { display: block; clear: both; border-top: 2pt #dddddd solid; padding-top: .3em; margin-top: .3em; padding-bottom: .5em; }

.block5050 a { display: block; float: left; background-color: #f8f8f8; padding: .5em; text-decoration: none;
  width: 50%; box-sizing: border-box; border-right: 1em #ffffff solid; margin-bottom: .3em; }
 .block5050 .mCM_active{ display: block; float: left; padding: .5em; text-decoration: none;
  width: 50%; box-sizing: border-box; border-right: 1em #ffffff solid;  background-color: #dddddd; color: #000000; margin-bottom: .3em;}
 .block5050 .sidemenu,
 .block5050 .short { display: none; }
 .block5050.twocol a + .menu { border-bottom: none; display: block; float: right; width: 50%; box-sizing: border-box; padding-bottom: .5em; }
 
.block5050 A:hover, .boxit A:hover { background-color: #ad6a53; color: #ffffff; }
.block5050 .mCM_active, .boxit .mCM_active { #dddddd; color: #000000; }
.block5050 h1 { margin: 0; }
.block5050 h2 { clear: both; margin: 2pt 0; }
.block5050 h3 { clear: both; margin: 2pt 0; }
.block5050 h4 { clear: both; margin: 2pt 0; }
.block5050 ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: .5em; clear: both; }
.block5050 .mCM_next { display: none; }

/* note, .mCM_pagenav change is in CFBH and subdirectories */
.bottomnav.cfbh { display: block; margin: .5em 0 0 0; padding: .25em 0 .5em 0; border-right: none; border-bottom: none; 
   border-top: 1pt #dddddd solid; }
.bottomnav.cfbh .mCM_items { display: block; }
.mCM_pagenav .cfbh nobr a,
.bottomnav.cfbh nobr a {
	display: inline-block; padding: .15em .5em .2em .5em; background-color: #dddddd; color: #000000; margin-bottom: .25em;}
.mCM_pagenav .cfbh nobr a:hover,
.bottomnav.cfbh nobr a:hover {
	background-color: orange; text-decoration: none; border-bottom: none; }
.mCM_pagenav .cfbh nobr .mCM_active,
.bottomnav.cfbh nobr .mCM_active {
	display: inline-block; padding: .15em .5em .2em .5em;  margin-bottom: .25em;}
.mCM_pagenav .cfbh nobr,
.bottomnav.cfbh nobr {
	background-image: none; margin: 0; padding: 0; }
.mCM_pagenav .cfbh .short,
.bottomnav.cfbh .short,
.bottomnav.cfbh .menu { display: none; }
.bottomnav.cfbh .sidemenu { display: inline; }
.bottomnav.cfbh .mCM_active {
 	margin-top: 0; margin-bottom: 0;
	background-color: DarkSlateGray; color: #ffffff; padding: .05em .5em .2em .5em;
}
.mCM_pagenav .cfbh .mCM_filesize,
.bottomnav.cfbh .mCM_filesize { display: none; }
.thread { display: block; float: left; font-style: italic; padding-right: .6em; }
.highlight { background-color: yellow; padding: .25em .25em .3em .25em; font-weight: bold;}


a .dim:hover { 
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

/* ======================== ITSOURCERS ======================== */

.lettering { font-size: 30pt; 
margin-left: 0; padding-left; 0; z-index:-100; }
.lettering span.ltr { font-weight: bold; color: #b8775c;}
.lettering .ltrblank { padding-right: 6pt; display:inline-block; }
.lettering span.ltr { padding-right:3pt; } /* font size for blanks between words, padding proportional! */
.lettering img.ltr { display: inline-block; transform: scale(.8); transform-origin: left center 0; margin-right: -2pt;}
.lettering.dim, h1 .dim { opacity: 0.33;
	filter: alpha(opacity=33); /* For IE8 and earlier */}


.llg-sidebar.our { background-image: url(../graphics/repeat-l.png) !important;
background-repeat: repeat-y;
     overflow-x:hidden;
      overflow-y:hidden;
		min-height: 100vh;
}
		
#menu ul { border: none !important;}
#menu li.pure-menu-item {
	background-image: url(../graphics/menu-l.png );
	border-top: 1px solid rgb(213, 184, 142);
}
#menu li.pure-menu-item:hover {
	background-image: none /*url(../graphics/menu-hover.png )*/;
}
#menu li.pure-menu-item a, #menu li.pure-menu-selected span {
	min-height: 24px; vertical-align: middle; padding-left: 45px;
}
#menu li.pure-menu-item:hover a {
	color: #ffffff;
}
#menu li.pure-menu-item a:hover {
	background-color: transparent;
	color: #ffffff;
}
#menu li.pure-menu-selected, #menu li.pure-menu-selected:hover {
	background-image: url(../graphics/menu-l-active.png ); 
}

/* #menu li .pure-menu-selected:hover { background-image: url(../graphics/menu-l-active.png ); } */

#menu .pure-menu-active>.pure-menu-link, #menu .pure-menu-link:hover, #menu .pure-menu-link:focus {
    background-image: url(../graphics/menu-l-active.png ); }

#topmenu .pure-menu-horizontal { white-space: normal; }

  
ol ol { list-style-type: lower-alpha; margin-left: 1.5em; margin-top: 0;}
ol ol ol { list-style-type: lower-roman; margin-left: 1.5em; margin-top: 0;}

/* #main { display:fixed; overflow: scroll; } */

.callout { display: block; box-sizing: border-box; padding: .8em 2em 1em 2em;
 border: 1pt #606060 solid; background-color: #f0eed9; font-size: 120%;
 margin: 1em; font-style: italic; }
 
TABLE.linesep TD {
	 border-bottom: 1px #ccc solid;
 }
TABLE.linesep TR.mCM_qt_row1 TD,
TABLE.linesep.nobottom TR.mCM_qt_row_last TD{ border-bottom: none; }

TABLE.full { width: 100%; }

TABLE.mCM_qt_generic.hide4h { font-size: 15px; }
TABLE.mCM_qt_generic { display:block; width: 100%; }
TABLE.mCM_qt_generic TR { display: block; padding-left: 1em; text-indent: -1em; clear: both; width: 100%; overflow: auto; }
TABLE.linesep TR { border-bottom: 1px #ccc solid; }
TABLE.mCM_qt_generic TD { display: inline; padding: 0; }
TABLE.mCM_qt_generic TD.mCM_qt_col2:before { content: " | "; }
TABLE.mCM_qt_generic TD.mCM_qt_col3:before { content: " — "; }
TABLE.mCM_qt_generic.hide4h TD.mCM_qt_col4:before { content: ", observed: "; }
TABLE.linesep TD {
	border-bottom: none; white-space: wrap;
}
TABLE.mCM_qt_generic TR.mCM_qt_row1 TD { background-color: #b8775c; color: #ffffff; }
TABLE.mCM_qt_generic TR.mCM_qt_row1 { background-color: #b8775c; }
TABLE.mCM_qt_generic TR.mCM_qt_row1 TD.mCM_qt_col1 { padding-left: .5em; }
TABLE.mCM_qt_generic.hide4h TR.mCM_qt_row1 TD.mCM_qt_col4 { color: transparent; }

@media (min-width: 60em) {
	TABLE.mCM_qt_generic { display: table; }
	TABLE.mCM_qt_generic TR { display: table-row; border-bottom: none; text-indent: 0; padding-left: 0; }
	TABLE.mCM_qt_generic TD { display: table-cell; padding-left: .5em; padding-right: 2em; float: none; }
	TABLE.mCM_qt_generic TD.mCM_qt_col3 { padding-left: .5em; margin-left: 0; }
	TABLE.mCM_qt_generic TD.mCM_qt_col2:before,
	TABLE.mCM_qt_generic TD.mCM_qt_col3:before,
	TABLE.mCM_qt_generic.hide4h TD.mCM_qt_col4:before { content: none; }
	TABLE.linesep TD { border-bottom: 1px #ccc solid; }
	TABLE.mCM_qt_generic.hide4h TR.mCM_qt_row1 TD.mCM_qt_col4 { color: #ffffff; }
	TABLE.mCM_qt_generic.hide4h TD.mCM_qt_col4 { padding-left: 1em; }
}

div.NOIMGBORDER img{ border: none; box-shadow: none; }

#topmenu > li > a.mCM_SITE_link {  border-bottom: none; }
#topmenu > .pure-menu-horizontal > .pure-menu-list > .pure-menu-item > .pure-menu-link { min-height: 40px !important; }
#topmenu .pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
    /* we have min height, so... */
	 padding-top: 9px;
	 /* PURE are smaller, leave */
}
#topmenu ul ul .pure-menu-selected { }

/* .pure-menu-item { padding: 10px 8px 11px 8px; } */
/*
a.mCM_SITE_link {
	text-decoration: none;
	border-bottom: 1pt blue dotted;
	color: blue;
}
a.mCM_SITE_link:hover { 
	background-color: #ad6a53;
	color: #ffffff;
}
*/
.lettering { padding-right: 12px; }
.kern-lt {
  letter-spacing: -.22em;
}
#topmenu ul ul { background-image: none; background-color: #808080; }
#topmenu ul ul li.pure-menu-selected { background-image: none; background: #d0d0d0; }
#topmenu LI.pure-menu-selected { background: #e0e0e0; }

#menu { position: fixed; }
#menu * { line-height: 100%; }
#menuLink { display: none; }
.mCM_pagenav .mCM_items .mCM_item.mCM_btn { margin: 0 4px 4px 0; font-size: 15px; }
.tail { font-size: 100% !important; }
TABLE.nobreaktd1 TD.mCM_qt_col1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#menu .pure-menu-link { text-wrap-mode: wrap; }
.content a.mCM_SITE_link:hover {
	text-decoration-line: underline !important;
	text-decoration-style: dotted !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 4px !important;
	text-decoration-color: currentColor !important;
}
#toggle { font-size: 14px; }
.content, #header.our, .sitetrailer { padding: 0 min(3vw, 40px); }
#topmenu { padding: 0; }

/* should be in miniCM */
#fadebar { display: block !important; height: 20px; width: 100%; /* prevent annoying abrupt beheading of.content.our as it scrolls up */
	position: sticky; z-index: 100;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,
		rgba(20,20,20,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,
		rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,
		rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	opacity: 1; /* 0 to transition in/out, 1 already done */
}

.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
    font-size: 90%;
    content: "▼";