/*
	CSS finally catches up to mCM —
	*SO* much better than when we processed variables as {{templates}}, although
	since we can embed and process styles, that is still possible
*/
:root {
	--sidemenu_back: rgba( 162, 123, 70, 0.85 ); 		/* stormy" #a27b46 			*/
	--sidemenu_button: rgba( 162, 123, 70, 1.0 ); 		/* stormy" #a27b46 			*/
	--sidemenu_divider: #d0b298;								/* stormy divider				*/
	--sidemenu_button_border: #d0b298;						/* stormy divider				*/
	--envelopewidth: 850px;
	--evening: #192231;
	--latvianred: #A4343A;
	--tiltsred: #940021;
}
* { box-sizing: border-box; }
@font-face {
   font-family: twentieth;
   src: url('fonts/20thcent.ttf');
}


@supports (-webkit-text-stroke: 1px black) {
  .outlined {
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: #efefef;
  }
}

html{
	-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
}
body{
	margin:0; padding: 0; 
	background-attachment: fixed;
	background-image: url(../graphics/aus-v4-60-pct.png );
	background-image: url(../graphics/weave-repeat.gif );
}

html, body, #topmenu, #menu
{	font-family: sans-serif; font-size: 15px;color: #000000;
}
.content, .content TD.normal { font-family: Merriweather, serif; font-size: 16px; color: #000000; line-height: 1.5; }
.content .pagenav, .content .aside { font-size: 90%;color: #000000; }
.content h1 { line-height: 1.4; }

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

.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; }

#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;}
 
.wholepage { max-width: 63em;
}
p { padding-left: 0; margin-top: .5em; margin-bottom: .5em; } /* override -webkit-* */
ul, ol { margin-top: 0; margin-bottom: 0; }
li { margin-top: .5em; margin-bottom: .5em; } /* wide lists work better */

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

/*
 * 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
 */

/* fiddling with heights caused topmenu dropdown to be displayed all the time... */
/*========= topmenu, segregate from side menu for debugging =========*/
#topmenu .briefmenu { display: none;}
#topmenu .brieftop:after { content:"...\"";}
#topmenu .brieftop:before { content:"\"";}
#topmenu .longmenu { display: none;}
#topmenu .menu { display: none; }
#topmenu .nodot:after { content:"\"";}
#topmenu .pure-menu-children  a.pure-menu-link{ background-color: #ede7c3;color: #606060; /* border-bottom: 1pt #dfd391 solid; */ border-right: none;}
#topmenu .pure-menu-children .mCM_active .sidemenu abbr { display: none; }
#topmenu .pure-menu-children .mCM_active { color: #ffffff; background-color: DarkSlateGray; }
#topmenu .pure-menu-children a.pure-menu-link .sidemenu abbr { display: none; }
#topmenu .pure-menu-horizontal a:hover.pure-menu-link { background-color: #fada6c; color: #333; box-sizing: border-box; border-right-color: #fada6c; z-index: 20; position: relative; }
#topmenu .pure-menu-item .pure-menu-item { float:none;margin-right: 0; border-right: none;}
/*
#topmenu .pure-menu-item { background-color: #ede7c3;}
*/
#topmenu .pure-menu-item { float:left; /*border-right: .5em #ada682 solid;*/}
#topmenu .pure-menu-link { background-color: var(--evening) /* _evening */; color: #ffffff;box-sizing: border-box;}
#topmenu .pure-menu-selected > a.pure-menu-link{ background-color: #ffffff; color: #000000;}
#topmenu .short { display: none;}
#topmenu .top0  { clear:both; margin: 0; background-color: #ffffff /* var(--evening) */ /* _evening */; max-width: 800px;  /*border-top: 1px #800026 solid;*/ display: block; clear:both; }
#topmenu .top1  { clear:both; margin: 0; background-color: #ffffff /* var(--evening) */ /* _evening */; max-width: 800px;  /*border-top: 1px #800026 solid;*/ display: block; clear:both; }
#topmenu .top2 { 	border-bottom: none;	border-top: 1pt solid #c0c0c0;	clear: both;	display: block;	max-width: 800px;	background-color: #ffffff;}
#topmenu .top3 { 	border-bottom: none;	border-top: 1pt solid #c0c0c0;	clear: both;	display: block;	max-width: 800px;	background-color: #ffffff;}
#topmenu .top4 { 	border-bottom: none;	border-top: 1pt solid #c0c0c0;	clear: both;	display: block;	max-width: 800px;	background-color: #ffffff;}
#topmenu .top5 { 	border-bottom: none;	border-top: 1pt solid #c0c0c0;	clear: both;	display: block;	max-width: 800px;	background-color: #ffffff;}
#topmenu .top6 { 	border-bottom: none;	border-top: 1pt solid #c0c0c0;	clear: both;	display: block;	max-width: 800px;	background-color: #ffffff;}
#topmenu a { color: #000000;}
/*
#topmenu a { border-right: 1px #505050 /* _evening_divider */ solid; }
#topmenu a:first-child { border-left:  1px #505050 /* _evening_divider */ solid; }
*/
#topmenu {	background-repeat: repeat-x;	display: block;	margin-left: 0;	padding-left: 0;	width: 100%; }
#topmenu .mCM_active .pure-menu-link { display: block; background-color: #ffffff; color: #000000; }
#topmenu .mCM_active .pure-menu-link { border-right: 1px #ffffff /* so rightmost disappears #435d83 */ /* _evening_divider */ solid; }

.envelope {
	margin: 0 auto;
	max-width: var(--envelopewidth );
	box-sizing: border-box;
	background: #ffffff;
}
/* move down by top menu height, do max width in ems later, N.B. will always be JUST zero or starting at one */

#llg .content, #llg .header, #llg .content-subhead {
	background-color: #ffffff;
	margin-bottom: 0;
	padding-bottom: 1em;
}
#menu { background-color: var( --sidemenu_back ); }
#menu .pure-menu-link,
#menu .pure-menu-heading,
#menu a.mCM_verttabcap,
.sidebar .tdmenu a,
.sidebar a.mCM_verttabcap {
	display: block;
	white-space: normal;}
.sidebar .tdmenu a:hover { text-decoration: none; }
.sidebar .tdmenu ul { margin: 0; padding: 0; }
#menu .pure-menu li a:focus { /* override pure */
background: transparent; }

#menu a.pure-menu-link,
#menu a.mCM_verttabcap, .sidebar a.mCM_verttabcap, .sidebar .tdmenu a {
	/* #menu is sidemenu_back, transparent here */ background-color: transparent;
	color: #ffffff;
	white-space: normal;  border-bottom: 1pt var(--sidemenu_divider) solid; }

#menu .short,
#menu .menu { display: none;} /* class sidemenu, yes, (full) menu, no */
#menu a { /* color: #ffffff; */white-space: normal !important;}
/*#menu a { border-bottom: 1px solid #b0b0b0;}*/


#menu .pure-menu-item a:hover.pure-menu-link,
#menu a:hover.mCM_verttabcap, .sidebar .tdmenu a:hover {
	background-color: #fada6c;
   color: #606060; }
/*
#menu .nextlevel .pure-menu-item a.pure-menu-link {
	background-color: transparent;
}
#menu .nextlevel .pure-menu-item a:hover.pure-menu-link {
	background-color: #5c2019;
}
*/
#menu .pure-menu-selected, #menu .pure-menu-selected a.pure-menu-link {
	background-color: #ffc425;
	color: #000000;
}
#menu .mCM_active { background-color: #ffffff; color: #000000; display: block;}

.sidebar table { width: 100%;}
.sidebar { background-color: transparent; }

#menu a.mCM_verttabcap, .sidebar .tdmenu a { display: block;text-decoration: none;}
/* gather sizing, padding, all in one place */
#menu .pure-menu-link,
#menu .pure-menu-heading,
#menu .mCM_verttabcap,
.sidebar .mCM_verttabcap,
.sidebar .tdmenu a,
#menu.our .pure-menu-selected,
.sidebar h1.collection,
.sidebar h1.subcollection,
.sidebar h1.collectionupdown { padding: 16px 10px; box-sizing:border-box; }
.sidebar h1.collection, h1.subcollection, .sidebar h1.collectionupdown {
	font-size: 100%; display: block;margin: 0;font-weight: normal;
	/* #menu is sidemenu_back, transparent here */ background-color: transparent; color: #ffffff;border-top: #ffffff;
}
#menu .pure-menu-selected, #menu .pure-menu-heading { background: #ffffff !important; }
h1.subcollection, h1.collectionupdown { background-color:var(--evening); color: #e0e0e0;}
.sidebar h1.collectionupdown { font-style: italic; }

h1.collectionupdown { background-image: url( ../graphics/updowncollection.gif );
background-repeat: no-repeat;
background-position: .8em .15em;
font-style: italic;
text-indent: 1.5em;
}

/*
 * content CSS
 */
#menu.llg-sidebar { /*background-color: {_cloud};*/ white-space: wrap;}
/*
 * for when long menu items appear in left menu, also, alternate titles for top and left,
 * and other sidebar sundries...
 */
#menu.llg-sidebar .briefmenu:before { content:"\"";}
#menu.llg-sidebar .briefmenu:after { content:"...\"";}
#menu.llg-sidebar .nodot:after { content:"\"";}
#menu.llg-sidebar .longmenu { display: none;}
#menu.llg-sidebar .topmenu { display: none;}
#menu.llg-sidebar .brieftop { display: none;}
#menu.llg-sidebar .cellpad { padding: .5em .8em;}
#menu.llg-sidebar .cellpad a { color: #800000; text-decoration: none; border-bottom: none;
  display: block;}
#menu.llg-sidebar .cellpad a:hover { background-color: #fada6c; }
#menu.llg-sidebar .cellpad .rt img { display: none; }
#menu.llg-sidebar .cellpadfilled { padding: .5em .8em;}
#menu.llg-sidebar .mCM_active .short { display: none;}
#menu.llg-sidebar .mCM_active .short { display: none;}
#menu.llg-sidebar .mCM_filesize { display: none; }

#menu .topmost a.pure-menu-link{ background-color: var(--evening) /*_evening*/; color: #ffffff; }
.content .brieftop, .content .mCM_list .short { display: none;}

/* to force full width on media figures */

.interior H1 {
	color: #79703d;font-weight: bold;margin: 0;padding: 0;font-size: 1.1em;
}
DIV.interior { box-sizing: border-box;padding: .4em .6em; background-color: #f6f4e6;border: 1.5px solid #d7c28f;margin: 0;
}
TABLE.mCM_qt_review { width: 100%;box-sizing: border-box;padding: .25em .5em; background-color: #f8f8f8;border: 1px solid #e0e0e0;
	line-height: 140%;
}
TABLE.mCM_qt_:not(.normal) { line-height: 140%; }
TABLE.mCM_qt_ TD.mCM_qt_col1 { padding-right: 1em; }

.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;}
/*
 *	lists
 */


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

.envelope {
	/*background-image: url( ../graphics/gradienttop5.gif );
	background-repeat: repeat-x; */
	clear: both;
	/*padding-top: 20px;*/ /* actual gif height is 34 px, image is top 17px */
	/*border-top: .5em transparent solid;*/ /* more reliable than margin */
}

/*
 * various (responsive) figure template support (use span to nest in paragraph, div (and prior TABLE) broke paragraphs)
 */
.mCM_caption .nocaption { display: none; } /* when needed in image navigation only */
.mCM_navigate { display: block; padding: 0 0 .5em 0; text-align: center; }

/*
 * H1,2,3,...
 */
/*
.content h1 { 	color: #740D09 ;font-size: 1.3em;padding: 0;margin: .2em 0 .3em 0;}
.content  h1 .sub { 	display: block;font-weight: normal;font-style: italic;
	font-size: .9em;border-top: #740D09 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: #740D09 ;}
.content h2, .content .head, .mCM_head, .mlr_item_title { color: #740D09 ;font-size: 1.2em;}
.content h3 { color: #740D09 ;font-size: 1em;}
*/ 
/*
 * general mark-up
 */

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

.notes {
	font-size: 90%;
}
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: 90%;
	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_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; color: #808080; line-height: 145%; }
.content TD.mCM_WIK_fnnum { padding-right: 1em; }
 
.content a { text-decoration: none; color: SteelBlue; }
 
.content .pagenav { clear:both; display: block; padding: 0; margin: 1em .25em 0 .25em !important; border: .15em solid #dddddd; border-left: none; padding: .5em .8em .8em 0; line-height: 150%; text-align: center;
}
.content DIV.pagenav  li,
.content DIV.pagenav  .mCM_active,
.content DIV.pagenavinline li,
.content DIV.pagenavinline .mCM_active
 {
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0; 
}

.content DIV.pagenav ul,
.content DIV.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: .05em .5em .2em .5em; margin-right: .2em; }
.content DIV.pagenav .mCM_active, .pagenav .mCM_active,
.mCM_navigate .mCM_active { background-color: DarkSlateGray; color: #ffffff; }
.content DIV.pagenav { clear: both; }

.pagenav a:hover { background-color: #fffeb3 /* lighter than #fada6c */; color: #000000; }

.content blockquote {
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	margin: 1em;
	padding: .8em .8em .8em 0;
}
.mCM_items nobr {
  padding-right: 1em;
  background-image:url('../graphics/boxyone.gif');
  background-position:right;
  background-repeat:no-repeat;
  display:inline-block; vertical-align: top; vertical-align: top;
}
.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; }





/* 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: 0;
} 
.mCM_thumbnails_head {
	font-size: 90%;
	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: 0;
	line-height: 130%;
	vertical-align: top;
	color: #740D09 /* latvianred */;
}
.mCM_thumbnails_caption IMG {
	box-shadow: 3px 3px 3px #aaaaaa;
}
.mCM_thumbnails_caption p {
	margin: 0 !important;
	padding-top: 0.5em;
}

.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-bottom: 2px green dotted;
	color: green;
	text-decoration: none;
	font-weight: bold;
}
a.mCM_WIK_link:hover {
	border-bottom: solid;
}
a.mCM_EXT_link {
	color: #000080;
	border-bottom: 2px dotted;
	text-decoration: none;
	font-weight: bold;
}
a.mCM_EXT_link:hover { 
	border-bottom: 2px solid;
}
a.mCM_SITE_link {
	text-decoration: none;
}
a.mCM_SITE_link:hover { 
	text-decoration: underline;
	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: 85%;font-style:italic;float: right;}
.content TABLE TD .pagetrailer {
	text-align: center;line-height: 135%;padding-bottom: 5px;
}
.sitetrailer P  {
	margin: 0;
	padding: .125em 0 0 0;
}
.sitetrailer, .sitetrailer P  {
	text-align: left; line-height: 135%;padding-bottom: .5em; 
}
.sitetrailer P  { padding: .25em 1em; }
.sitetrailer { background:rgba(255,255,255,0.3); padding: .25em 1em .5em 1em; }
/*
 * goodbye square list on our stuff but don't decorate lists directly in content
 */
.content ul { margin-left: 1em; }
.content ul li, .content DIV ul li { list-style-image: url('../graphics/one.gif');
  padding-left: .5em; }
.content  li li { list-style-image: url('../graphics/oneo.gif');}
.content ul li ul { padding-left: 1em; margin-top: 8px; margin-bottom: 8px;}
.content ul li ul li { margin-top: 0; margin-bottom: 0; }
.content ul.tpad8 li { padding-top: 8px; }

.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: #ded5c8; }

/* 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; font-size: 85%; }

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

/*
 * TILTS-SPECIFIC
 */

table.mCM_qt_VALDE { width: 100%; margin: 1.5em 0; }
table.mCM_qt_VALDE td { width: 33%; font-style: italic; }

.finance TD P { font-size: 60% !important; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.finance TD { padding: 0 .25em !important; }
.finance TABLE { margin: 0 auto !important; background-color: #ffffff; max-width: 95%; } 

@media ( min-width: 40em ) {
	.finance TD P { font-size: 80% !important;	
	}
}
@media ( min-width: 60em ) {
}
.head {
  font-family: Verdana, Arial, sans-serif;font-size: 14pt;
  font-weight: bold;
}

h1 {
  font-size: 18pt;
  font-weight: bold;
  color: #660000;
  margin-top: 0;
  padding-top: 0;
  clear: both;
}

h2 {
  font-size: 16pt;
  color: #660000;
  font-weight: bold;
  border-bottom: #d7c28f solid;
  padding: 0 0 2px 0;
  clear: both;
	page-break-after: avoid;
}
h3 {
  font-size: 15pt;
  color: #660000;
  font-weight: normal;
  font-style: normal;
  border-bottom: #d7c28f dotted;
  padding: 0 0 2px 0;
  clear: both;
page-break-after: avoid;
}

.percent33 { width: 33%; }
div.aside, div.aside90 { /* same color scheme as for board member banner on 2015 annual report */
	margin-top: 12px;
	margin-bottom: 12px;
	border-radius: 8px;
	border: 1px #e0e0e0 solid;
	background:#f0f0f0;
	padding:8px 12px;
} /* AND SEE BELOW! */

@media (min-width: 450px) {
	div.aside { max-width: 33%; margin-left: 2em;float: right;}
}

.MEMBERS P { padding: 0 10px 0 0; margin: 0; font-style: italic; margin-left: .5em; text-indent: -.5em;}

ol { padding-left: 2em;}

/* try some cosmetics... */

/* .top0 ul:first-child, .top1 ul:first-child { display: block; background-color:  var(--evening); width: 100%; } */
.top0 , .top1  { display: block; background-color:  var(--evening); width: 100%; }

review p { float: right; font-style: italic; margin: 0; padding: 0; }
review h1 { margin: 0; padding: 0; }
.aside ul { padding-left: 1em; margin-left: 0em; }
ul, ol, blockquote {  overflow: auto; }

a .dim:hover, a.dim img:hover { 
	opacity: 0.66;
	filter: alpha(opacity=66); /* For IE8 and earlier */
}
.sidebar a.dim { color: #ffffff; }
.sidebar a.dim:hover {
	opacity: 0.66;
	filter: alpha(opacity=66); /* For IE8 and earlier */
	
}
table.mCM_qt_count { margin: 1em auto; }
table.mCM_qt_count TD { border: 4pt #ffffff solid; padding: .5em 1em;
	background-color: #ebe5cf;}
table.mCM_qt_count TD.mCM_qt_col1 { text-align: center; }

.mCM_btn { margin: 0 .25em; }

/*
 * FACEBOOK stuff
 */
 


.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 {
	display: block;
	color: #606060;
	font-size: 8pt;
	padding: 5px 0;
 }
 .FB img { margin: 8px auto 0 auto;display: block;
}
span.FB_event {
	display: block;
	background-color: rgba( 255, 255, 255, 0.2 );
	padding: .4em .6em;
	margin-bottom: .4em;
	font-weight: bold;
	text-align: center;
} 


/*
	NEW FB STUFF (2018-03-31 FUNCTIONS), old .FB... renamed .mCM_FB...

	Hierarchy:
	----------
	SECTION (events, posts excluding event notifications ) [title]
	POSTS (collection of posts under section) [NOT nested under SECTION]
		BOX (box of individual post)

 */

.sidebar div.FBFEED {
	padding: .4em .8em .8em .8em;
	/* #menu is sidemenu_back, transparent here */ background-color: transparent;
	color: #ffffff;
}
 
div.mCM_FB_section { /* replaces old H1 collection */
	font-weight: bold;
	padding: .2em 1em .4em 1em;
	margin: .4em 0 0 0;
	border-top: 1pt solid #ffffff;
	background-color: rgba( 0, 0, 0, 0.2 );
}

div.mCM_FB_posts { /* generally a no-op (e.g., on a content page)*/
	display:block;
	padding: 0 0;
	background-color: transparent;
}
.sidebar div.mCM_FB_posts {
	 /* on side menu match body background bridge color */
	color: #ffffff;
} 
div.mCM_FB_box {
	padding: .5em 0;
	margin: .5em 0;
	border-top: 1pt solid #606060;
}
.sidebar div.mCM_FB_box {
	padding: .4em 0 .4em 0;
	margin: 0;
	border-top: 1pt solid #ffffff;
}
.sidebar div.mCM_FB_posts div.mCM_FB_box:first-child {
	border-top: none;
	margin-top: none;
	padding-top: none;
}

/*
	2018-03-31 FB re-write additions, "inherit" takes alignment from div as specified in call to FBwall,
	hmm... should probably simply ignore it... yes... 
 */
 
span.mCM_FB_name { display:block; font-weight: bold; margin-bottom: .2em; text-align: center; }
span.mCM_FB_start_time,
span.mCM_FB_end_time  { display:block; text-align: center; font-style: italic; }
span.mCM_FB_place  {
	display:block;
	text-align: left;
	font-style: italic;
	border-top: 1pt dotted #808080;
	padding-top: .2em;
	margin-top: .4em; } /* place fields container */
.sidebar 	span.mCM_FB_place  { border-top: 1pt dotted #d0d0d0; }
span.mCM_FB_place_name,
span.mCM_FB_place_location_street,
span.mCM_FB_place_location_city,
span.mCM_FB_place_location_state,
span.mCM_FB_place_location_zip,
span.mCM_FB_place_location_country { }
span.mCM_FB_place_location_latitude,
span.mCM_FB_place_location_longitude,
span.mCM_FB_place_id { display: none; }
span.mCM_FB_link {}
span.mCM_FB_picture_data_url { display: block; padding-top: .2em; }
div.mCM_FB_box img { display: block; margin: .3em auto .2em auto; max-width: 150px; max-height: 150px; border: 1pt #606060 solid;}
span.mCM_FB_description  { display:block; text-align: left; }
span.mCM_FB_message  { display:block; text-align: left; }
/* span.mCM_FB_updated_time */
/* span.mCM_FB_created_time */
span.mCM_FB_date {
	display: inline-block;
	color: #505050;
	font-size: 80%;
	padding: .25em 0;
 }
/*
span.mCM_FB_message,
span.mCM_FB_id,
*/
span.mCM_FB_unhandled { display:block; text-align: center; font-style: italic; color: blue; }
span.mCM_FB_debug {
	display:block;
	text-align: left;
	color: black;
	background-color: #fada6c; 
	border: 1pt solid orange;
	margin: 4pt 0;
	padding: 1em; .5em;
}
/* span.mCM_FB_debug { display: none; } */

.right {text-align: right; }

#menu wbr { display: none; }

.noclear { clear: none; }

/* we use i for italic, repurpose em as bold+underline */
em {
	font-style:normal;
	font-weight: bold;
	text-decoration: underline;
}

TABLE.finances_adobe {
	margin: 16px auto;
/* annual finances exported by ADOBE of PDF from WORD */
	}
TABLE.finances_adobe TR TD:first-child { text-align: left; }
TABLE.finances_adobe TR TD:nth-child(2) { text-align: left; }
TABLE.finances_adobe TR TD:nth-child(3) { text-align: left; }
TABLE.finances_adobe TR TD:nth-child(4) { text-align: right; }
TABLE.finances_adobe TR TD:nth-child(5) { text-align: right; }
TABLE.finances_adobe TR TD:nth-child(6) { text-align: right; }
TABLE.finances_adobe TR TD:nth-child(7) { text-align: right; }
TABLE.finances_adobe TR TD:nth-child(8) { text-align: right; }
TABLE.finances_adobe TR TD.c { text-align: center; }
TABLE.finances_adobe TR TD.hd { font-weight: bold; }
TABLE.finances_adobe TR TD.r { text-align: right; }

.board4wide TD { padding: 0 0 0 10px; vertical-align: top; }
TABLE.fullwidth { width: 100%; }
TABLE.fullwidth TD {
	vertical-align: top;
	padding-left: 4px;
	text-indent: -4px;
}
TABLE.fullwidth.cols1 TD { width: 100%; }
TABLE.fullwidth.cols2 TD { width: 50%; }
TABLE.fullwidth.cols3 TD { width: 33%; }
TABLE.fullwidth.cols4 TD { width: 25%; }
TABLE.fullwidth.cols5 TD { width: 20%; }

.pagenav .mCM_btn { margin: 2px; }
h2 { overflow: auto; }
.pagenav .nopagenav { display: none !important; }

/* TEMP HERE */
table.mCM_qt_finanses2019 { border: 1px solid #000; width: 100%; font-size: 80%; }

@media (min-width: 600px) {
	table.mCM_qt_finanses2019, table.mCM_qt_valde2020 { font-size: 100%; }
	table.mCM_qt_finanses2019 td { padding: 0 3px;}
}

table.mCM_qt_finanses2019 td { border: 1px solid #000; padding: 0 3px;}
table.mCM_qt_finanses2019 td.mCM_qt_col4,
table.mCM_qt_finanses2019 td.mCM_qt_col5,
table.mCM_qt_finanses2019 td.mCM_qt_col6,
table.mCM_qt_finanses2019 td.mCM_qt_col7,
table.mCM_qt_finanses2019 td.mCM_qt_col8 { text-align: right; }
table.mCM_qt_finanses2019 td.mCM_qt_col4 b,
table.mCM_qt_finanses2019 td.mCM_qt_col5 b,
table.mCM_qt_finanses2019 td.mCM_qt_col6 b,
table.mCM_qt_finanses2019 td.mCM_qt_col7 b,
table.mCM_qt_finanses2019 td.mCM_qt_col8 b { font-size: 94%; }
table.mCM_qt_finanses2019 td.mCM_qt_col4.h,
table.mCM_qt_finanses2019 td.mCM_qt_col5.h,
table.mCM_qt_finanses2019 td.mCM_qt_col6.h,
table.mCM_qt_finanses2019 td.mCM_qt_col7.h,
table.mCM_qt_finanses2019 td.mCM_qt_col8.h { font-size: 11pt; font-weight: bold; text-align: center; word-break: break-all;}

table.mCM_qt_valde2020 { font-size: 90%; }
table.mCM_qt_valde2020 td { vertical-align: top; font-style:italic; box-sizing: content-box; width: 25%; }
table.mCM_qt_valde2020 td.mCM_qt_col1,
table.mCM_qt_valde2020 td.mCM_qt_col2,
table.mCM_qt_valde2020 td.mCM_qt_col3 { padding-right: 8px; border-right: 1px solid #333; }
table.mCM_qt_valde2020 td.mCM_qt_col2,
table.mCM_qt_valde2020 td.mCM_qt_col3,
table.mCM_qt_valde2020 td.mCM_qt_col4 { padding-left: 8px }

/* youtube ... needs to be stuck in mCM...*/

.video-container {
	margin-top: 1em; margin-bottom: 1em;
}
.video-container {
	position:relative;
	height: 0;
	padding-top: 75%; /* default NTSC standard def */
	overflow:hidden;
	background-color: #606060;
	text-align: center;
}

.video-container.ntsc,
.video-container.NTSC,
.video-container.sd,
.video-container.SD {
	padding-top: 75%;
}
.video-container.hd,
.video-container.HD  {
	padding-top: 56.25%;
}

.video-container.hd2sd,
.video-container.HD2SD {
	padding-top: 	56.25%;
}

.video-container iframe, .video-container object, .video-container embed, .video-container video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video-container.HD2SD video {
	transform-origin: top center;
  -webkit-transform: scaleX(0.75); 
  -moz-transform: scaleX(0.75);
}
video {
	display:block;
}

/* override side menu items */
.sidebar .mCM_items { display: block; text-align: center; /* #menu is sidemenu_back, transparent here */ background-color: transparent;
  padding-bottom: 0px; 
}

/* no default button, set */
.mCM_btn { padding: 2px 4px; margin: 2px; border: 1pt solid; border-radius: 4px; font-size: 85%; font-family: sans-serif; font-weight: 500; }


.sidebar .mCM_items .mCM_btn, .sidebar .mCM_items .mCM_btn.mCM_active { padding: 4px 8px !important; margin: 0 4px 8px 4px; border: 1pt var(--sidemenu_button_border) solid; }
.sidebar .mCM_items a.mCM_btn {  background-color: var(--sidemenu_button); background-image: none; color: #ffffff; }
.sidebar .mCM_items a.mCM_btn:hover { background-color: #fada6c; color: #606060; }
.sidebar .mCM_items .mCM_btn.mCM_active { background-image: none; background-color: #ffffff; color: #000000 !important;
	display: inline !important; }

UL, OL, UL LI, OL LI { overflow: visible; }
UL+UL { margin-top: 0; margin-bottom: 0; }
LI { margin-top: 0; margin-bottom: 0; }
#menu a:hover, #topmenu a:hover,a.mCM_btn:hover { text-decoration: none; }
.CR { clear: right; }
#toggle { margin-bottom: 6px; } 
.aside { text-align: left; }
.sidebar .fullwidthmenu .mCM_btn { margin: 0; display: block; border-radius: 0; border: none; border-bottom: 1px #b88e66 solid; }

/* # a27b46 dark part of bridge bg graphic */
/* old dark part # b88e66 */

.mCM_TOC_ONLY { display: none; }
.mCM_TOC .mCM_TOC_ONLY { display: inline; }
.mCM_TOC {
	border: 2px solid #d7c28f;;
	margin: 1em 0;
	padding: 8px;
	color: #660000;
	border-radius: 8px;
	width: auto;
	display: table;
}

.mCM_TOC a { color: #660000; padding-bottom: 2px;}
.mCM_TOC a:hover { text-decoration: none; border-bottom: 2px dotted; padding-bottom: 0; background: none;}
.mCM_TOC_H2 { margin-left: 0px; display: block; padding-bottom: 2px; }
.mCM_TOC_H3 { margin-left: 25px; display:  block; padding-bottom: 2px;}

.mCM_TOC .notoc { display: none; } 

#topmenu { background: #fff; }
/* gapping? */
#topmenu { position: sticky; position: -1px; box-sizing: border-box; top:0; height: auto; width: 100%; z-index: 10; /* padding-left: 50px; */ border-left: #ffffff 50px var(--evening); }
@media (min-width: 48em) {
	#topmenu { /* width: calc( 100% - 240px ); */
	/* padding-left: 0; */ border-left: none; }
	html { background: none; }
}
@media (min-width: 48em)
.header, .content {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.content, .content * { z-index: 0; }

#topmenu.our * { vertical-align: middle; font-size: 16px; }
.content h1 { padding-top: 0 !important; margin-top: 0 !important;}
#topmenu { background: var(--evening); text-align: center; }
#topmenu > DIV.pure-menu-horizontal { background: var(--evening); }
#menuLink .menu-link {
	padding: 8px 0; margin: 0;
	height: auto; font-size: 24px; color: #ffffff; text-decoration: none;
	background: rgba( 0,0,0,0.6 ); } /* PURE auto is short, make it square*/

/********************** re-miniCM-ed *************************/

#menu .mCM_btn { display: inline-block; }
#fadebar { background: orange; }
#topmenu.our > .pure-menu-horizontal { display: inline-block; margin: 0 auto; width: auto; }

#fadebar { height: 32px; width: 100%; 
	/* max-width: 800px; */
	/* margin: 0 auto; */
	position: sticky;
	z-index: 10;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,
		rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,
		rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,
		rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#00ffff',GradientType=0 ); /* IE6-9 */
	opacity: 0; /* default = off on initial load */
	}
	
.container {
  overflow: hidden; 
}

.sliding-background {
  background: url('../resources/graphics/events-banner.jpg');
  background-repeat: repeat-x;
  height: 100px;
  width: 4212px;
  animation: slide 90s linear infinite;
}

.outlined { /* TILTS text in banner */
	font-size: 84px; letter-spacing: 2px;
	font-family: twentieth; text-shadow: 5px 5px 7px rgba(0,0,0,0.5);
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	color: white;
	top:0;
	position: absolute;
	background-image: url('graphics/TILTS-logo-ornament.png' );
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
@media ( min-width: 48em ) {
	.outlined { width: calc( 100% - 240px ); }
}

@keyframes slide{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2106px, 0, 0);
  }
}

.pagenav { line-height: 1.4; }
.pagenav .mCM_btn, #menu .mCM_btn { border-radius: 4px; padding: 2px 8px !important; margin: 0 8px 6px 0; font-family: sans-serif; font-size: 17px;  display: inline-block;}
.pagenav .mCM_btn { border: 1px solid navy; }
#menu .mCM_btn { border: 1px solid #666; color: #ffffff; }
#menu a.mCM_btn { text-decoration: none; }
#menu a.mCM_btn:hover { color: #000000; }

.content { padding-top:0; } 
.IMGBORDER img { border: 1px #666 solid; }
.lightborder.IMGBORDER img { border: 1px #ccc solid; }

#fadebar { height: 14px; } /* until can do properly */

.sitetrailer { color: #f5e4c6; background: var(--sidemenu_back); }
.sitetrailer a { color: #f5e4c6; border-bottom: 2px dotted; }

/* MEH, too distracting
#topmenu .pure-menu-link { border-top-left-radius: 12px; border-top-right-radius: 12px;  }
#topmenu .pure-menu-link { margin: 5px 2px 0 2px; }
#topmenu .pure-menu-item { background-color: var(--evening); }
#topmenu .pure-menu-link, #menu .pure-menu-link { padding: 12px 10px 14px 12px; }
*/
#topmenu .pure-menu-link, #menu .pure-menu-link { padding: 15px 10px; }
.content { width: 100%; max-width: 100%; padding: 0 1em; }
@media ( min-width: 48em ) { .content { padding: 0 2em } };

.envelope { background: linear-gradient(to bottom, white 300px, transparent 300px) !important; }

h1,h2,h3,h4,h5,h6 { font-family: Merriweather; }

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.mCM_FB_message { text-align: left; }
.mCM_FB_message a { word-wrap: break-word; } /* long link */
.pure-g [class*=pure-u] { font-family: Merriweather, serif; font-size: 80%; }
.mCM_FB_date{white-space: nowrap; }
.center { text-align: center; margin-left; auto; margin-right: auto; }
.FBenvelope { font-size: 85%; line-height: 135%; }
/* rejig */
.verso { padding-right: 4px; }
.recto { padding-left: 4px; }
.interior { overflow: auto; }
.FBenvelope  div.interior { margin-bottom: 7px; }

a.mCM_inpage.head h2:hover:after { content: " ↑"; }
a.mCM_inpage.head h3:hover:after { content: " ↑"; }
#menu .pure-menu, #menu .pure-menu ul {border-top: none; }
@media print {
	.no-page-break { page-break-inside: avoid; }
	.sliding-background, #menuLink, #topmenu, .outlined, .pagenav, .sitetrailer   { display: none !important; }
}
/* into minicm */
.lg-hide-items .lg-sub-html { opacity: 0; transition-duration: 1.5s; }
.lg-sub-html { font-size: 18px; }

#fadebar { top: -1px; }

/* a .dim :hover, a.dim:hover, a.dim:hover img, a:hover img.dim */

/* what we had as opacity making lighter on white background now overlays white, make a per-site thing */

a.dim {
  position: relative;
  display: inline-block;
  opacity: 1.0;
}

a.dim::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0); /* start transparent */
  transition: background 0.1s;
}

a.dim:hover::after {
  background: rgba(255, 255, 255, 0.4); /* semi-transparent tint */
}