/*================================*/
/* Mafiahistory.us web stylesheet */
/*	Last revised on 26 Jun 2021	 */
/* Thomas Hunt, Whiting, Vermont	*/
/*=========== ARTICLES ===========*/

* { 
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}

body.main { 
	padding: 4px 15px 15px 15px; 
	font-family: Georgia, Times, serif;
	font-size: 16px;
	background-color: #f0e4d8; 
	}

.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

.extraspace {
	padding: 8px 0px;
	line-height: 1.5;
	}

.floatl {
	float: left;
	}

.floatr {
	float: right;
	}

.invisible {
	display: none;
	}

.littlespace {
	line-height: 0.5;
	}

.newrow {
	clear: both;
	}

.strikeout {
	text-decoration: line-through;
	}	

.underline {
	text-decoration: underline;
	}

.heavy {
	font-weight: bold;
	}

.hilite {
	background-color:  #fffcf7;
	}

.label {
	font-size: 110%;
	text-align: center; 
	text-indent: 0px;
	}

/**********************************/
/* WEBSITE LOGO *******************/

.logorc { 
	display: block;
	width: 680px;
	height: 65px;
	margin: 0px auto 10px auto;
	}

img.logosrc {
	display: block;
	width: 90px;
	height: 50px;
	}	


/**********************************/
/* SECTION TYPES ******************/

#headercontainer {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 0px;
	}

#homepagerow {
	display: block;
	clear: both;
	}

#articlerow {
	width: 100%;
	clear: both;
	}

#cookiesnotification {
	float: right;
	margin: 8px 10px 20px 20px;
	padding: 14px 20px 8px 8px;
	border: 2px solid #f5e8e0;
	background-image: linear-gradient(150deg, #f8eae3, #f0e0d0, #d8c5b3); 
	 box-shadow: -5px 5px 5px #988070;	
	}

#supportthissite {
	float: right;
	margin: 8px 10px 20px 20px;
	padding: 14px 20px 8px 8px;
	border: 2px solid #f5e8e0;
	background-image: linear-gradient(150deg, #f8eae3, #f0e0d0, #d8c5b3); 
	 box-shadow: -5px 5px 5px #988070;	
	}	

.halfr {
	width: 50%;
	float: right;
	margin: 8px 10px 8px 20px;
	padding: 14px 20px 8px 8px;
	border: 2px solid #f5e8e0;
	background-image: linear-gradient(150deg, #f8eae3, #f0e0d0, #d8c5b3); 
	box-shadow: -5px 5px 5px #988070;		 
	}

div.artpre {
	padding: 16px 8px 8px 8px;
	margin: 0px; 
	border-top: 1px solid #eadcd3; 
	}

div.boxed { /* Single-line boxed centered */
	margin: 12px 35px;
	padding: 6px;
	border: 2px solid #000000;
	background-color: #f8f0e8;
	}	

div.boxtop { /* Top of single-line boxed text */
	margin: 12px 35px;
	padding: 6px;
	border-style: solid;
	border-color: #000000 #000000 #f0e4d8 #000000;
	border-width: 2px;
	background-color: #f8f0e8;
	}	

div.boxend { /* Bottom of single-line boxed text */
	margin: 12px 35px;
	padding: 6px;
	border-style: solid;
	border-color: #f0e4d8 #000000 #000000 #000000;
	border-width: 2px;
	background-color: #f8f0e8;
	}

div.dblboxed { /* Double-line boxed centered */
	margin: 20px 35px;
	padding: 6px;
	border: 4px double #000000;
	background-color: #f8f0e8;
	}	

div.leftindent { /* Caps heading left wrapped by body text */
	width: 45%;
	float: left;
	margin: 12px 15px 12px 15px;
	padding: 25px 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	}	

div.pagenumr { /* Right hand page identification */
	width:  30%;
	float:  right;
	text-align: right;
	text-indent:  0px;	
	margin: 10px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;	
	}

div.pagenuml { /* Left hand page identification */
	width:  30%;
	float:  left;
	text-align: left;
	text-indent:  0px;
	margin: 10px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;	
	}

div.coll { /* Left hand column in two column layout */ 
	width: 40%;
	float: left;
	margin:  1% 4%;
	}

div.colr { /* Right hand column in two column layout */ 
	width: 40%;
	float: right;
	margin:  1% 4%;
	}

div.hf {
	width: 98%;
	margin: 1% 1%;

	}

div.hfpre { /* Left hand column in two column layout */ 
	width: 98%;
	float: left;
	text-align: left;
	vertical-align: top;
	margin:  1% 1%;
	}

div.hfrank { /* Right hand column in two column layout */ 
	float: right;
	vertical-align: middle;
	padding: 1px 2px;
	margin:  1% 3% 1% 1%;
	}

div.newpage {
	background-image: linear-gradient(#c0b0a0, #ece0d0, #f0e4d8);
	border-top: 2px solid #605040;
	padding-top: 8px;
	height: 40px;
	}

div.pullquoter { /* Pull quote - use H5.quot - in right half of column */
	width:  40%;
	float:  right;
	margin: 10px 30px 20px 20px;
	padding: 3px;
	border: 2px solid #904036;
	background-color: #f8f0e8;
	box-shadow:  4px 4px 3px #c0b0a0;
	}

div.pullquotel { /* Pull quote - use H5.quot - in left half of column */
	width:  40%;
	float:  left;
	margin: 10px 20px 20px 30px;
	padding: 3px;
	border: 2px solid #904036;
	background-color: #f8f0e8;
	box-shadow:  4px 4px 3px #c0b0a0;
	}

div.pullquotec { /* Pull quote - use H5.quot - centered in column */
	width:  75%;
	margin: 10px auto 20px auto;
	padding: 3px;
	border: 2px solid #904036;
	background-color: #f8f0e8;	
	box-shadow:  4px 4px 3px #c0b0a0;	
	clear: both;
	}

div.sidearts {
	float: right;
	margin: 0px;	
	padding: 8px;
	background-color: #faebe0;
	box-shadow: -5px 5px 5px #988070;	 
	}

div#sidebararea {
	float: right;
	margin-left: 5px;
	}	

div.sidesumms {
	height: 900px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	}

div.tweetbutton {
	height: 30px;
	margin: 28px auto 2px auto;
	text-align: center;
	}

/**********************************/
/* SEARCH BOX *********************/

div.searchboxa { /* Google custom search box at main entrance */
	width: 96%;
	margin: 2px auto;
	clear: both;
	}	

div.searchboxb { /* Google custom search box at main entrance */
	width: 96%;
	margin: 2px auto;
	clear: both;
	}	


/**********************************/
/* LINKS **************************/

a:link {
	color: #602018; 
	font-weight: Bold; 
	text-decoration: none;
	}

a:visited {
	color: #807068;
	font-weight: Bold; 
	}

a:hover {
	color: #a04020; 
	border-color: #e8e0d0; 
	font-weight: bold; 
	background-color: #fffcfc;
	}

div.alphamenu, div.alphasection {
	clear: both;
	margin: 20px 12px;
	}

div.linksmenu { /* centers collection of buttons 320px wide */
	clear: both;
	display: block;
	width: 320px;
	margin: 20px auto;
	padding: 4px auto;
	text-align: center;
	}	

a.linksmenubtn { /* Small area menu button, Arial type, shading */
	display: block; 
	float: left;
	width: 60px;
	height: 40px;
	font-family: Arial, Helvetica; 
	font-size: 97%; 
	text-align: center; 
	margin: 2px 10px; 
	line-height: 33px; 
	white-space: nowrap; 
	text-decoration: none; 
	background-color: #ebe0d0;
	border-style: solid; 
	border-width: 2px; 
	border-color: #ffffff #ffffff #b0a080 #c0a080; 
	border-radius: 7px;
	}	

a.linksmenubtn:hover {
	background-color: #ffffff;
	}

a.centerbutton { /* Single centered button, Arial type, shading */
	display: inline-block; 
	font-family: Arial, Helvetica; 
	font-size: 97%; 
	text-align: center; 
	margin: 12px auto; 
	padding: 0px 10px 0px 10px; 
	line-height: 2.2; 
	white-space: nowrap; 
	text-decoration: none; 
	background-color: #fff8f0;
	border-style: solid; 
	border-width: 2px; 
	border-color: #FFFFFF #FFFFFF #B0A080 #C0A080; 
	border-radius: 7px;
	}	

a.linkbutton { /* Menu buttons, Arial type, shading */
	display: block; 
	float: left;
	font-family: Arial, Helvetica; 
	font-size: 97%; 
	text-align: center; 
	margin: 2px 10px 2px 10px; 
	padding: 0px 10px 0px 10px; 
	line-height: 2.2; 
	white-space: nowrap; 
	text-decoration: none; 
	background-color: #fff8f0;
	border-style: solid; 
	border-width: 2px; 
	border-color: #FFFFFF #FFFFFF #B0A080 #C0A080; 
	border-radius: 7px;
	}	

a.linkbutton:hover {
	background-color: #ffffff;
	}

a.linkbuttonmon { /* Menu buttons, monospace type, shading */
	display: block; 
	float: left;
	font-family: "Courier New", Courier, monospace; 
	font-size: 94%; 
	text-align: center; 
	margin: 2px 10px 2px 10px; 
	padding: 0px 10px 0px 10px; 
	line-height: 2.2; 
	white-space: nowrap; 
	text-decoration: none; 
	background-color: rgb(255,248,232);
	border-style: solid; 
	border-width: 2px; 
	border-color: #FFFFFF #FFFFFF #B0A080 #C0A080; 
	border-radius: 7px;
	}

div.menubar {
	text-align: center;
	margin: 10px auto;
	}

a.menubarbutton {
	display: inline-block; 
	font-family: Arial, Helvetica; 
	font-size: 97%; 
	text-align: center; 
	margin: 2px 10px; 
	padding: 0px 10px; 
	line-height: 2.2; 
	white-space: nowrap; 
	text-decoration: none; 
	background-color: #fff8f0;
	border-style: solid; 
	border-width: 2px; 
	border-color: #FFFFFF #FFFFFF #B0A080 #C0A080; 
	border-radius: 7px;	
	}

a.menubutton {
	display: block; 
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 97%; 
	text-align: center; 
	width: 40px;
	margin: 2px 10px 4px 10px; 
	padding: 0px 10px 0px 10px; 
	line-height: 2.2; 
	white-space: nowrap; 
	text-decoration: none; 
	background-color: #fff8f0;
	border-style: solid; 
	border-width: 2px; 
	border-color: #fff0e0 #fff0e0 #c0a080 #c0a080; 
	border-radius: 7px;
	}

a.menubutton:hover {
	color: #f0e0d8;
	background-color: #a08070;
	border-color: #b0a080 #b0a080 #fff0e0 #fff0e0;	 
	}

a#menubuttondim {
	background-color: #706055;
	}	


/**********************************/
/* HEADINGS ***********************/

h1 { /* Largest headline */
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 210%;
	font-weight: 800;
	color: #000000;
	line-height: 1.2;
	margin: 6px 20px 4px 10px;
	text-indent: 0px;
	}

h1#articletitle { /* Main headline for article */
	color: #302010;	
	text-shadow: 1.4px 1.4px #c0a8a0;	
	text-align: center;
	}

h2 { /* Second largest headline */
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 175%;
	font-weight: 800;
	color: #000000;
	line-height: 1.2;
	margin: 6px 20px 14px 20px;
	text-indent: 0px;
	}

h2.articletitle { /* Main headline for article */
	color: #302010;	
	text-shadow: .8px .8px #908075;	
	text-align: center;
	}

h2.alphahead { /* Alphabetical listing head, centered */
	color: #402810;	
	text-shadow: .8px .8px #908075; 
	text-align: center; 
	}

h2.alphaheadl { /* Alphabetical listing head, flush left */
	color: #402810;	
	text-shadow: .8px .8px #908075; 
	text-align: left; 
	}

h2.secondtitle { /* Second headline for article */
	color: #644038;	
	text-shadow: .8px .8px #b0a8a0;	
	text-align: center;
	}

h3 {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 120%;
	font-weight: 800;
	margin: 10px 20px 12px 12px;
	color: #302000;
	line-height: 1.3;
	letter-spacing: -.2px;
	text-shadow: .5px .5px #a08060;
	text-indent: 0px;
	}

h3.boxhed {
	font-size: 120%;
	text-align: center;
	letter-spacing: 0px;
	text-shadow: .5px .5px #c09070;
	}

h3.grouptitle {
	color: #f8e8e0;
	background-image: linear-gradient(#554540, #b0a098);
	text-shadow: .5px .5px #201000;
	text-align: center; 
	line-height: 1.5;
	clear: both;
	}

h3.listgroup {
	margin: 30px 20px 12px 12px;
	color: #f8e8e0;
	background-image: linear-gradient(#554540, #b0a098);
	text-shadow: .5px .5px #201000;
	text-align: center; 
	line-height: 1.5;
	clear: both;
	}	

h3.pol {
	text-align: center;
	}

h3.pol:hover {
	color: #b03000;
	text-decoration: underline;
	}

h3.prehead {
	margin: 1px 0px 1px 27px;
	text-indent: -15px;
	line-height: 1.2;
	}

h3.prehead:hover {
	color: #b03000;
	text-decoration: underline;

	}

h3.reporthed {
	font-size: 150%;
	line-height:  1.3;
	margin: 0px 20px;
	color: #503020;	
	text-align: center;
	}

h3.reporthed2 {
	font-size: 110%;
	line-height:  1.5;
	margin: 0px 20px;
	font-weight: normal;	
	color: #503020;		
	text-align: center;
	text-shadow:  0;
	}

h3.side {
	font-size: 115%;
	text-align: center;
	}

h3.subtitle { /* Second headline for article */
	color: #402010;
	letter-spacing: -.4px;
	text-shadow: .3px .3px #907050; 
	text-align: center; 
	padding-bottom: 2px;
	}	

h4 { /* Small-caps dark type */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-variant: small-caps;	
	color: #202020;
	text-shadow: .4px .4px #808080; 
	letter-spacing: 2px; 
	}

h4.kicker { /* Small-caps type over main headline */
	font-size: 125%;
	font-family: 'Open Sans', Helvetica, sans-serif; 
	text-transform: uppercase; 
	text-align: center;
	margin: 20px 10px 12px 10px; 
	color: #f8f4f0; 
	background-image: linear-gradient(180deg, rgba(85,69,64,0), rgba(85,69,64,1), rgba(85,69,64,0)); 
	text-shadow: .5px .5px #201000;
	line-height: 1.2;
	}

h4.sidesub {
	margin: 20px 3px 2px 2px;
	font-size: 115%;
	text-indent: 0px;
	text-align: center;
	}

h5 {
	font-family: Georgia, Times, Serif;	
	font-size: 140%;
	color: #502515;	 
	margin: 10px 25px 10px 20px;
	}

h5.list {
	font-family: Georgia, Times, Serif;	
	font-size: 140%;
	color: #502515;	 
	margin: 5px 25px 20px 20px;
	text-align: center;
	}

h5.pagenum {
	text-align: center;
	text-indent: 0px;
	}

h5.quot {
	text-align: center;
	text-indent: 0px;
	font-style: italic;
	}

h6 { /* For use in article text as subhead */
	text-align: left; 
	text-indent: 20px; 
	color: #502515; 
	font-family: Georgia, Times, Serif;
	line-height: 1.3;
	margin: 10px 10px 6px 10px;	
	font-size: 125%;
	font-weight: bold;
	}

h6.center {
	text-align: center;
	text-indent: 0px;
	}

h6.kicker {
	text-indent: 0px;
	text-decoration: underline;
	text-shadow: .5px .5px #808080;	
	margin: 30px 15px 20px 15px; 
	}

h6.sideitem {
	font-size: 110%;
	text-indent: 0px;
	line-height: 1.05;
	hyphens: auto;
	}

h6.smcapc { /* Centered, small-caps subhead */
	font-size: 130%;
	margin-top: 20px;
	text-align: center;
	text-indent: 0px;
	font-variant:  small-caps;
	text-shadow: .7px .7px #a08868;
	}

a h6:hover {
	background-color: #ffffff;
	color: #b03000;
	}


/**********************************/
/* PARAGRAPH TYPES ****************/

p { /* Default */
	font-size: 110%; 
	text-align: left; 
	text-indent: 20px; 
	color: #202020; 
	font-family: Georgia, Times, Serif;
	line-height: 1.3;
	hyphens: auto;
	margin: 6px 14px 6px 10px;
	}

p.block {
	margin: 14px 60px 14px 50px;
	text-align: justify;
	text-indent: 0px;
	line-height: 1.15;
	}

p.blockindent {
	margin: 14px 60px 14px 50px;
	text-align: justify;
	text-indent: 20px;
	line-height: 1.15;
	}

p.blockr {
	margin: 16px 60px 16px 50px;
	text-align: right;
	}

p.byline { /* Larger centered type for article byline */
	font-size: 120%;
	text-indent: 0px;
	text-align: center;
	margin: 20px auto 10px auto;
	}

p.byleft { /* Smaller left-aligned type for preview byline */
	font-size: 90%;
	text-align: left;
	margin: 20px auto 10px auto;
	}	

p.bysmall { /* Smaller centered type for preview byline */
	font-size: 90%;
	text-align: center;
	margin: 20px auto 10px auto;
	}

p.cap { /* Caption for photo with smaller brown italics centered */
	color: #352400;
	font-size: 85%;
	font-style: italic;
	text-indent: 0px;
	text-align: center;
	margin-top: 2px;
	}

p.caprev {
	color: #f0e8e0;
	background-color: #282420;
	font-size: 85%;
	font-style: italic;
	text-indent: 0px;
	text-align: center;
	margin-top: 2px;
	}

p.center {
	text-indent: 0px;
	text-align: center;
	}

p.ednote { /* Editor note in boxed smaller italics */
	width: 75%;
	font-size: 103%;
	font-style: italic;	
	text-align: center;
	margin: 4px auto 14px auto;	
	background-color: #e6d8d0;
	border: 1px solid #fff6ea;
	padding: 10px 8px 8px 8px;
	text-indent: 0px;
	hyphens: none;
	}

p.endnote { /* Article endnote smaller type, hanging indent */
	font-family: Arial, Helvetica, sans-serif; 
	text-align: justify; 
	font-size: 90%; 
	line-height: 1.3; 
	margin: 0px 20px 8px 30px; 
	text-indent: -10px;
	}	
	
p.finec { /* Small dark gray type centered */
	margin: 0px auto 10px auto; 
	text-align: center; 
	text-indent: 0px; 
	color: rgb(50,50,50); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%; 
	line-height: 1.2;
	hyphens: none;
	}

p.finel { /* Small dark gray type flush left */
	margin: 0px auto 20px 20px; 
	text-align: left; 
	text-indent: 0px; 
	color: rgb(50,50,50); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%; 
	line-height: 1.2;
	}	

p.finer { /* Small dark gray type flush left */
	margin: 4px 20px 20px auto; 
	text-align: right; 
	text-indent: 0px; 
	color: rgb(50,50,50); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%; 
	line-height: 1.2;
	}	

p.finepre {
	margin: 0px 6px 8px 8px;
	text-indent: 0px;
	font-size: 65%;
	hyphens: auto;
	}

p.fl {
	text-indent: 0px;
	}

p.fr {
	text-indent: 0px;
	text-align:  right;
	}

p.footnote {
	margin: 20px auto 20px 15px; 
	padding-top: 20px;
	text-align: left; 
	text-indent: 0px; 
	color: rgb(50,50,50); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%; 
	line-height: 1.2;
	border-top: 1px solid #504038;
	}

p.hang { /* Hanging indent text */
	margin: 8px 20px 8px 30px;
	text-indent: -15px;
	}

p.hangb { /* Hanging indent text, bold with bottom margin */
	margin: 8px 20px 14px 30px;
	text-indent: -15px;
	font-weight: bold;
	}

p.init { /* Article intro paragraph with no indent and larger brown type */
	color: #601000;
	font-size: 118%;
	margin: 14px 20px;
	line-height: 1.4;
	text-indent: 0px;
	}

.initletter { /* Intro first letter drop cap */
	color: #802000;
	float: left;
	font-style: italic;
	font-size: 250%;
	text-shadow: 1px 1px #501000;
	padding-right: 6px;
	padding-left: 4px;
	line-height: 0.8;
	position: relative;
	top: .05em; 
	}

p.listing {
	margin: 10px 12px 10px 40px;
	text-indent: -10px;
	}

p.buttonnote {
	color:  #601000;
	font-size: 116%;
	margin:  auto 12px;
	line-height: 2.2;
	text-indent:  0px;
	}

p.notify { /* Boxed notifications - full width, small type */
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 80%;
	line-height: 1.3;
	margin: 10px 24px 10px 24px;
	padding: 12px 16px;
	text-indent: 0px;
	border: 2px solid #f5e8e0;
	background-image: linear-gradient(150deg, #f8eae3, #f0e0d0, #d8c5b3); 
	box-shadow: -5px 5px 5px #988070;		
	}

p.notifynb { /* Unboxed notifications - small type */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 80%;
	line-height: 1.3;
	padding: 8px 12px;
	text-indent: 0px;
	}

p.pol {
	margin: 6px 12px 12px 16px;
	text-indent: 0px;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
	}

p.prv {
	margin: 6px 12px 2px 16px;
	text-indent: 0px;
	font-weight: normal;
	text-align: left;
	line-height: 1.2;
	}

p.ret {
	font-size: 90%;
	margin: 30px 15px;
	text-indent: 0px;
	font-weight: normal;
	text-align: center;
	line-height: 1.1;
	}

p.subsection {
	font-size: 108%; 
	text-align: left; 
	text-indent: 20px; 
	color: #372720; 
	font-family: arial, helvetica, sans-serif;
	line-height: 1.25;
	hyphens: auto;
	margin: 6px 24px 6px 20px;
	}

p.subsectionfl {
	font-size: 108%; 
	text-align: left; 
	text-indent: 0px; 
	color: #372720; 
	font-family: arial, helvetica, sans-serif;
	line-height: 1.25;
	hyphens: auto;
	margin: 6px 24px 6px 20px;
	}

p.vital { /* Centered larger brown type */
	color: #601000;
	font-size: 118%;
	margin: 14px 20px;
	line-height: 1.4;
	text-indent: 0px;
	text-align: center;
	}	

p.wlink {
	display:  list-item;
	list-style-type:  disc;
	list-style-position:  inside;
	margin: 14px 30px 10px 46px;
	text-indent: -16px;
	}

.firstword { /* An inline heading using dark brown bold small caps */
	font-weight: bold;
	font-variant: small-caps;
	color: #502820;
	text-shadow: .5px .5px #808080;
	}


/**********************************/
/* IMAGES and VIDEO****************/

img.feather {
	float: right;
	width: 24px;
	height: 60px;
	margin-left: 4px;
	border: transparent;
	}

div.picr {
	margin: 4px 12px 8px 20px;
	float: right;
	background-color: #f0e4d8;
	border: 1px solid #e0d0c4;
	padding: 1%;
	}

div.picl {
	margin: 4px 20px 8px 12px;
	float: left;
	background-color: #f0e4d8;
	border: 1px solid #e0d0c4;
	padding: 1%;
	}

div.picc {
	clear: both;
	margin: 10px auto 20px auto;
	background-color: #f0e4d8;
	border: 1px solid #e0d0c4;
	padding: 1%;
	}

div.picn { /* div for unboxed, centered pic */
	clear: both;
	border: transparent;
	padding: 0px;
	margin: 20px auto;
	}

div.picnl { /* div for unboxed, left floating pic */
	float: left;
	border: transparent;
	padding: 0px;
	margin: 20px;
	}

div.picnr { /* div for unboxed, right floating pic */
	float: right;
	border: transparent;
	padding: 0px;
	margin: 20px;
	}

div.picmug {
	width: 150px;
	height: auto;
	}

div.picdblmug {
	width:  260px;
	height:  auto;
	}

div.picfourth { /* Quarter-width image - use with picr or picl */
	width: 25%;
	max-width: 300px;
	min-width: 120px;
	}

div.picthird { /* Third-width image right boxed - use with picr or picl */
	width: 33%;
	height: auto;
	max-width: 420px;
	}

div.pichalf { /* Half-width image right boxed - use with picr or picl */
	width: 50%;
	height: auto;
	max-width: 600px;
	}

div.picfull { /* Full-width - to 600 px - image boxed	- use with picc */
	width: 90%;
	height: auto;
	max-width: 800px;
	}

div.picfullw { /* Full-width no limit - NO NEED FOR picc */
	clear: both;
	margin: 10px auto 20px auto;
	width: 94%; 
	height: auto;
	}

img.picwcap { /* Image with caption fills div with 1% margin */
	width: 98%;
	height: auto;
	margin: 1% 1% 0% 1%;
	border: 1px solid #907060;
	}

img.picalone { /* Image fills div - no caption */
	width: 98%;
	height: auto;
	margin: 1%;
	}

img.clickmuground { /* Clickable mug shot float right rounded corners */
	float: right; 
	width: 110px; 
	height: 145px;
	border-style: solid; 
	border-width: 2px; 
	border-color: #706058 #504038 #b0a598 #b0a598; 
	border-radius: 20px; 
	margin: 4px 15px 6px 12px; 
	}

img.clickmuground:hover {
	width: 118px;
	height: 153px;
	margin: 1px 11px 1px 8px;
	border-color: #c0b5a9 #c0b0a0 #706058 #504038;
	}	

img.muground { /* Unclickable mug shot for div.picr float right rounded corners */
	float: right; 
	width: 110px; 
	height: 145px;
	border-style: solid; 
	border-width: 2px; 
	border-color: #706058 #504038 #b0a598 #b0a598; 
	border-radius: 20px; 
	margin: 4px 10px; 
	}

img.dblmuground { /* Unclickable double-wide mug for div.picdblmug */ 
	width:  220px;
	height:  145px;
	border-style: solid; 
	border-width: 2px; 
	border-color: #706058 #504038 #b0a598 #b0a598; 
	border-radius: 20px; 
	margin: 4px 10px; 
	}

img.premuground {
	float: right; 
	width: 110px; 
	height: 145px;
	border-style: solid; 
	border-width: 2px; 
	border-color: #f0d0c8 #d0c0b8 #403028 #302018; 
	border-radius: 20px; 
	margin: 4px 0px 4px 16px;
	}	

img.premuground:hover{
/*	width: 118px;
	height: 153px;
	padding: 1px 11px 1px 8px; */
	border-color: #403028 #302018 #f0d0c8 #d0c0b8;
	}

div.vidr16-9 { /* Defines container for 16:9 video */
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 56.25 (0.5626 ratio of height to width) */
}

iframe.vidfull { /* Video fills the width of its container */
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/**********************************/
/* TABLES *************************/

table.reg {
	width: 85%;
	border: 0;
	margin: 8px auto;
	background-color: #fff8e8;
	}

table.reg th {
	text-decoration: underline;
	text-align: center;
	}

table.reg td {
	border-bottom: 1px solid #d0c8c0;
	padding: 8px;
	vertical-align: middle;
	}

table.sub {
	width: 100%;
	margin: 12px 20px;
	text-align: center;
	}

table.sub td {
	padding: 4px;
	}

td.center {
	text-align: center;
	}


/**********************************/
/* LISTS **************************/

ol {
	margin: 8px 15px 15px 26px;
	}

ul {
	margin: 8px 15px 15px 26px;
	}

ul.ind {
	margin: 8px 15px 15px 52px;
	}

li {
	margin: 6px 15px 6px 10px;
	font-family: Georgia, Times, Serif;
	font-size: 110%; 
	text-align: left; 
	text-indent: 0px; 
	color: #202020; 
	line-height: 1.2;
	margin: 6px 10px 6px 10px;	
	}

li.qanda {
	margin: 12px 15px;
	font-family: "Open Sans", helvetica, sans-serif;
	}	

dl {
	margin: 12px;
	font-size: 110%; 
	text-align: left; 
	text-indent: 0px; 
	color: #202020; 
	font-family: Georgia, Times, Serif;
	line-height: 1.3;
	hyphens: auto;
	}

dt {
	font-size: 115%;
	font-weight: bold;
	font-variant: small-caps;
	color: #502820;
	text-shadow: .5px .5px #808080;
	margin: 12px 10px 0px 0px;
	}

dd {
	margin: 8px 10px 8px 20px;
	}

/**********************************/
/* HORIZONTAL LINES ***************/

hr.dshd { /* Dark gradiated fill line establishing clear new section */
	clear: both;
	height: 20px; 
	width: 97%; 
	margin: 10px auto 10px auto;
	border: 0; 
	box-shadow: inset 0 20px 20px -20px rgba(90,75,60,0.9);
	}

hr.gray { /* Thin, full-width light gray line to define subsection. */
	clear: both;
	width: 98%;
	color: #d8d8d8;
 }

hr.most { /* Black line centered across most of column */
	clear: both;
	width: 90%; 
	margin:  20px auto;
	}

hr.half { /* Black half-width line centered */
	clear: both;
	width: 50%; 
	margin:  20px auto;
	}	

hr.shd { /* Gradiated fill line establishing clear new section */
	clear: both;
	height: 14px; 
	width: 97%; 
	margin: 10px auto 10px auto;
	border: 0; 
	box-shadow: inset 0 12px 12px -12px rgba(255,250,248,0.9);
	}

hr.shdno { /* Gradiated line that allows items to float to its sides */
	height: 12px;
	width: 97%; 
	margin: 10px auto 10px auto;
	border: 0; 
	box-shadow: inset 0 12px 12px -12px rgba(255,250,240,0.9);
	}

/**********************************/
/* TIMELINE ***********************/
.timeline {
  margin: 10px;
  }
.tl {
  display: block;
  float: left;
  padding: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  }
.tlitem {
  clear: both;
  margin-top: 10px;
  }
.tldate {
  color: #FFFCF6;
  background-color: #5B3510;
  font-weight: bold;
  margin-bottom: 1px;
  }
.tlplace {
  margin-bottom: 1 px;
  }
.tlpeople {
  clear: left;
  width: 29%;
  font-weight: bold;
  background-color: #E6D2BE;
  border-top: 1px solid #E6D2BE;
  }
.tlstory {
  width: 70%;
  background-color: #FFFCF6;
  border: 1px solid #E6D2BE;
  }
.tlsrc {
  clear: both;
  width: 100%;
  font-family: Georgia, Times, serif;
  font-size: 80%;
  padding-bottom: 10px;
  border-bottom: 2px solid #603510;
  margin-bottom: 10px;
  }
table.hoftime {
  width: 99%;
  border: 1px solid rgb(255,255,255);
  }
table.hoftime td{
  padding: 4px;
  }
tr.dateplacerow {
  background-color: rgb(210,210,210);
  }
tr.dateplacerow td {
  border-top: 2px solid black;
  }
td.namecell {
  background-color: rgb(210,210,240);
  font-weight: bold;
  }
td.datacell {
  background-color: rgb(255,255,255);
  }



	

/**********************************/
/* NAVIGATION MENU ****************/

.navbar { /* Main navigation bar for top of page */
	overflow: hidden;
	background-color: #706058;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	margin: 0px 20px 6px 10px;
	box-shadow: -5px 5px 5px #988070;	
	}

.navbar a { /* Navigation links */
	float: left;
	font-size: 16px;
	color: #fcf0d8;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	}

.subnav { /* Subnavigation menu */
	float: left;
	overflow: hidden;
	}

.subnav .subnavbtn { /* Navigation buttons */
	font-size: 16px;
	border: none;
	outline: none;
	color: #fcf0d8;
	padding: 18px 10px 12px 22px;
	background-color: inherit;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 800;
	margin: 0;
	}

.subnavtitle	{ /* Navigation bar title cell */
	margin: 4px;
	}

a#navtitle { /* Style the navbar link to home page */
	width: 92px;
	height: 52px;
	border: 1px solid #b0a870;
	padding: 0px;
	margin-bottom: 4px;
	}

a#navtitle:hover {
	border: 1px solid #402000;
	}

.navbar a:hover, .subnav:hover .subnavbtn { /* White text on black bg for top-level links on hover */
	color: #ffffff;
	background-color: #000000;
	}

.subnav-content { /* Lower-level content - positioned absolute */
	display: none;
	position: absolute;
	left: 20px;
	right: 0px;
	background-color: #573525;
	padding: 2px;
	width: 90%;
	z-index: 1;
	box-shadow: -5px 5px 5px #988070; 
	}

a.subitem { /* Style the subnav links */
	float: left;
	border-right: 1px solid #605040;	
	color: #ffffff;
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 800;	
	}

.subnav-content a:hover { /* Beige background and black text on hover */
	background-color: #fff8e6;
	color: #000000;
	}

.subnav:hover .subnav-content { /* Open subnav menu on hover */
	display: block;
	}	 


/**********************************/
/* MEDIA QUERIES ******************/

/* Large devices only */
@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
		border: 0px;	
	}
	.col-lg-1 {
		width: 8%;
	}
	.col-lg-2 {
		width: 16%;
	}
	.col-lg-3 {
		width: 24%;
	}
	.col-lg-4 {
		width: 33%;
	}
	.col-lg-5 {
		width: 41%;
	}
	.col-lg-6 {
		width: 49%;
	}
	.col-lg-7 {
		width: 58%;
	}
	.col-lg-8 {
		width: 66%;
	}
	.col-lg-9 {
		width: 74%;
	}
	.col-lg-10 {
		width: 83%;
	}
	.col-lg-11 {
		width: 91%;
	}
	.col-lg-12 {
		width: 99%;
	}
	.navbar {
		margin: 0px 8px 16px 22px;
	}
	h1#articletitle {
		margin: 6px 20px 12px 10px;
	}
	h4.kicker {
		margin-right: 8px;
		margin-left: 22px;
	}
	.multilist {
		column-count: 2;
	}
	.mul3 {
		clear: both;
	}
	p.block {
		margin: 20px 120px 20px 120px;
		line-height: 1.07;
	}

}
	
/* Medium devices only */
@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
		border: 0px;
	}
	.col-md-1 {
		width: 8%;
	}
	.col-md-2 {
		width: 16%;
	}
	.col-md-3 {
		width: 24%;
	}
	.col-md-4 {
		width: 33%;
	}
	.col-md-5 {
		width: 41%;
	}
	.col-md-6 {
		width: 49%;		
	}
	.col-md-7 {
		width: 58%;
	}
	.col-md-8 {
		width: 66%;
	}
	.col-md-9 {
		width: 74%;
	}
	.col-md-10 {
		width: 83%;
	}
	.col-md-11 {
		width: 91%;
	}
	.col-md-12 {
		width: 99%;
	}
	.navbar {
		margin: 0px 8px 16px 23px;
	}
	h1#articletitle {
			margin: 6px 20px 10px 10px;
	}
	h4.kicker {
		margin-right: 8px;
		margin-left: 23px;
	}
	.multilist {
		column-count: 2;
	}	
	.mul2 {
		clear: both;
	}
}

/* Small devices only */
@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
		border: 0px;
	}
	.col-sm-1 {
		width: 8%;
	}
	.col-sm-2 {
		width: 16%;
	}
	.col-sm-3 {
		width: 24%;
	}
	.col-sm-4 {
		width: 32%;
	}
	.col-sm-5 {
		width: 41%;
	}
	.col-sm-6 {
		width: 49%;
	}
	.col-sm-7 {
		width: 58%;
	}
	.col-sm-8 {
		width: 66%;
	}
	.col-sm-9 {
		width: 74%;
	}
	.col-sm-10 {
		width: 83%;
	}
	.col-sm-11 {
		width: 91%;
	}
	.col-sm-12 {
		width: 99%;
	}
	.logorc { 
	display: block;
	width: 80%;
	height: auto;
	margin: 0px auto 10px auto;
	}
	.navbar {
		margin: 2px 6px 14px 10px;
	}	
	h1#articletitle {
			margin: 6px 20px 8px 10px;
	}
	h4.kicker {
		margin-right: 6px;
		margin-left: 10px;
	}
	div#supportthissite {
		width: 97%;
		margin-left: 1%;
	}	
	.mul2 {
		clear: both;
	}
}

/* Extra small devices only */
@media (min-width: 641px) and (max-width: 767px) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		float: left;
		border: 0px;
		margin: 0px 10px 10px 10px;
	}
	.col-xs-1 {
		width: 8%;
	}
	.col-xs-2 {
		width: 16%;
	}
	.col-xs-3 {
		width: 24%;
	}
	.col-xs-4 {
		width: 33%;
	}
	.col-xs-5 {
		width: 41%;
	}
	.col-xs-6 {
		width: 47%;
	}
	.col-xs-7 {
		width: 58%;
	}
	.col-xs-8 {
		width: 66%;
	}
	.col-xs-9 {
		width: 74%;
	}
	.col-xs-10 {
		width: 83%;
	}
	.col-xs-11 {
		width: 91%;
	}
	.col-xs-12 {
		width: 98%;
	}
	.logorc { 
	display: block;
	width: 80%;
	height: auto;
	margin: 0px auto 10px auto;
	}
	.navbar {
		margin: 12px 24px 8px 14px;
	}		
	.logorc {	 
		width: 90%;
	}
	h1#articletitle {
			margin: 6px 20px 4px 10px;
	}
	h3.prehead {
		clear: both;
	}
	h4.kicker {
		margin-right: 24px;
		margin-left: 14px;
	}
}

/* Extra-extra small devices only */
@media (max-width: 640px) {
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11, .col-ss-12 {
		float: left;
		border: 0px;
		margin: 0px 10px 10px 10px;
	}
	.col-ss-1 {
		width: 8%;
	}
	.col-ss-2 {
		width: 16%;
	}
	.col-ss-3 {
		width: 24%;
	}
	.col-ss-4 {
		width: 33%;
	}
	.col-ss-5 {
		width: 41%;
	}
	.col-ss-6 {
		width: 48%;
	}
	.col-ss-7 {
		width: 58%;
	}
	.col-ss-8 {
		width: 66%;
	}
	.col-ss-9 {
		width: 74%;
	}
	.col-ss-10 {
		width: 83%;
	}
	.col-ss-11 {
		width: 91%;
	}
	.col-ss-12 {
		width: 99%;
	}
	.logorc { 
	display: block;
	width: 80%;
	height: auto;
	margin: 0px auto 10px auto;
	}
	.navbar {
		margin: 12px 12px 8px 6px;
	}	
	.logorc {	 
		width: 95%;
	}
	h1#articletitle {
		margin: 6px 20px 2px 10px;
	}
	h3.prehead {
		clear: both;
	}
	p.ednote {	
		width: 85%;
	}
a.linkbutton { /* Menu buttons, Arial type, shading */
	margin: 2px 10px 20px 10px; 
	}	

a.linkbuttonmon { /* Menu buttons, monospace type, shading */
	margin: 2px 10px 20px 10px; 
	}


}