@charset "UTF-8";

/*
	PaulSTaylor site-wide persistent CSS
	© 2019, Paul S Taylor
	last edit 4.3.2019 pst
*/

@media screen {

body {
	background:#000;
	color:#fff;
	margin:0;
	padding:0;
}

body,
p,
h2,
h3,
h4,
a,
th,
td,
li,
div,
input,
textarea {
	font-family:'Open Sans', Arial, Helvetica, Swiss, Geneva, sans-serif;
}

a:link,
a:active {
	text-decoration:none;
}

h1 {
	margin:0 0 10px 0;
	padding:0;
	color:#000;
	background:#6699cc;
	font-size:24px;
	font-weight:500;
	text-align:center;
}
	h1 a,
	h1 a:link,
	h1 a:active,
	h1 a:visited {
		color:#000;
	}
	h1 a:hover {
		color:#fff;
	}

.center {
	text-align:center;
}
.imgleft {
	float:left;
	margin:0 20px 10px 0;
}
.imgright {
	float:right;
	margin:0 0 20px 10px;
}
a {
	color:#a7c6e5; /* TrustBlue */
}
/* CORNERS */
.roundedcorners {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.roundedtop {
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}
.roundedbottom {
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	
	border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
}
.roundedbottomLeft {
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
}
.roundedbottomRight {
	border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
}
/* END corners */


/* COLORS and backgrounds */
.clrBlack {
	color:#000;
}
	.bkd-Black {
		background-color:#000;
	}
.clrWhite {
	color:#fff !important;
}
	.bkd-White {
		background-color:#fff;
	}
.clrPictonBlue {
	color:#45B1E8;
}
	.bkdPictonBlue {
		background:#45B1E8;
	}
.clrMarshmallow {
	color:#f0eee4;/* Marshmallow */
}
	.bkd-Marshmallow {
		background:#f0eee4;
	}
.bkd-Givry {
	background:#f8e4bf;
}
.clrCloudGrayPantone {
	color:#b7a9ad;
}
.clrGoblin {
	color:#3d7d52; /* Goblin */
}
.clrGrayGainsboro {
	color:#dcdcdc;
}
.bkdgrayGainsboro {
	background-color:#dcdcdc;
}
.clrMediumLightBlue {
	color::#6699cc;
}
.bkd-MediumLightBlue {
	background-color::#6699cc;
}
.clrKashmirBlue {
	color:#507096;
}
.bkd-KashmirBlue {
	background:#507096;
}
.clrNavyBlue {
	color:#000080;
}
.bkd-NavyBlue {
	background:#000080;
}
.clrEmerald {
	color:#50c878;
}
.bkd-Emerald {
	background:#50c878;
}
.clrStrikemaster { /* violet */
	color:#956387;
}
.bkd-Strikemaster { /* violet */
	background:#956387;
}
.bkdalpha {
	background-color:#333; /* similar to #323232 MineShaft */
}

body.bkd1 {
		margin:0;
		background-color:#003399;
		background-image:url('/img/bkd-bluelines.gif');
	}
/* END backgrounds */


/* streaming videos */
.videodescription {
	display:block;
	position:relative;
	top:-6px;
	margin:0 0 30px 0;
	padding:10px 20px;
	color:#fff;
	background-color:#000;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}
	.videodescription a:link,
	.videodescription a:visited,
	.videodescription a:active {
		color:#dede7b; /* muted gold */
	}
	.videodescription .videoAbout {
		text-align:center;
	}
	.videodescription .videoByLine {
		text-align:center;
		margin-top:10px;
		font-size:13px;
		font-weight:400;
		color:#fff;
	}
	.videoByLine a:link,
	.videoByLine a:visited,
	.videoByLine a:active {
		color:#fff !important;
	}
	.videodescription .videoRunningTime {
		text-align:right !important;
		font-size:11px;
		margin:10px 0;
	}

div.videocontainerShome {
	width:305px;
	background:#000;
	margin-bottom:0;
}
	.videocontainerShome iframe {
		width:305px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}
div.videocontainer400 {
	width:400px;
}
	.videocontainer400 iframe {
		width:400px;
		height:232px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}
div.videocontainer450 {
	width:450px;
}
	.videocontainer450 iframe {
		width:450px;
		height:253px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer500 {
	width:500px;
}
	.videocontainer500 iframe {
		width:500px;
		height:281px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer550 {
	width:550px;
}
	.videocontainer550 iframe {
		width:550px;
		height:309px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer600 {
	width:600px;
}
	.videocontainer600 iframe {
		width:600px;
		height:337px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer635 {
	width:635px;
}
	.videocontainer635 iframe {
		width:635px;
		height:357px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer675 {
	width:675px;
}
	.videocontainer675 iframe {
		width:675px;
		height:379px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer700 {
	width:700px;
}
	.videocontainer700 iframe {
		width:700px;
		height:393px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}

div.videocontainer800 {
	width:800px;
}
	.videocontainer800 iframe {
		width:800px;
		height:450px;
		margin-top:10px;
		border:none;
		background:#ccc; /* for browsers that fail to display iframe embed */
	}
/* END streaming videos */


a.aimg:hover { /* use as needed for <a> element when it has an <img> sibling */
	background:none !important;
	background-color:none !important;
	background-image:none !important;
	border:none !important;
}

.highlight {
	background:#f3e779; /* LemonVerbena */
	padding:0 5px;
	/* previous #ffff40 highlight-yellow / alternates: • Turbo #FAE600 • Golden Fizz: #f5fb3d */
}
.indent {
	margin-left:20px;
}
.indent1 {
	margin-left:20px;
}
.indent2 {
	margin-left:40px;
}
.indent3 {
	margin-left:60px;
}
.indent4 {
	margin-left:80px;
}
.indent4 {
	margin-left:100px;
}

.semibold {
	font-weight:600;
}
.bolder {
	font-weight:bolder;
}

.linespaceNormal {
	line-height:normal;
}

/* links bottom border */
a.linkBorder {
	border-bottom:1px dotted #999;
}
a.noLinkBorder {
	border-bottom:none !important;
}
a.NoEmphasis {
	background:none !important;
	border-bottom:none !important;
	}
/* END links bottom border */


/* WIDTH */
.width100percent {
	width:100%;
}
.w600 {
	width:600px;
}
.w200 {
	width:200px;
}
/* END width */


/* TOOLTIPS */
.tooltip { /* Tooltip container */
	position:relative;
	display:inline-block;
	border-bottom:1px dotted #999;/* If you want dots under the hoverable text */
}
	.tooltip .tooltiptext { /* Tooltip text */
		visibility:hidden;
		width:120px;
		background-color:#555;
		color:#fff;
		text-align:center;
		padding:10px;
		border-radius:6px;
		/* Position the tooltip text */
		position:absolute;
		z-index:1;
		bottom:125%;
		left:50%;
		margin-left:-60px;
		/* Fade in tooltip */
		/* opacity:0;
		transition:opacity 1s;
		*/
	}
	.tooltip .tooltiptext::after { /* Tooltip arrow */
		content:"";
		position:absolute;
		top:100%;
		left:50%;
		margin-left:-5px;
		border-width:5px;
		border-style:solid;
		border-color:#555 transparent transparent transparent;
	}
	.tooltip:hover .tooltiptext { /* Showtooltip text on mouse tooltip container */
		visibility:visible;
		opacity:1;
	}
/* END tooltips */

h1,
h2,
h3 {
	line-height:150%;
}

.versionarticle {
	margin-top:20px;
	font-size:10px;
	font-style:italic;
	text-align:right;
}


.bigcap {
	font-family:Times,'Times New Roman',Georgia,serif;
	color:#666699; /* Lavender */
	float:left;
	font-size:75px;
	font-weight:normal;
	line-height:60px;
	padding-top:4px;
	padding-right:8px;
	padding-left:3px;
}


/* SHADOWS */
.shadow {
	position:relative;
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
}
.noShadow {
	position:relative;
	box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
}
.textshadowBlack {
	text-shadow:4px 3px 3px #000;
}
.textshadow {
	text-shadow:4px 3px 3px #adadad;
}
/* END shadows */


/* CORNERS */
.roundedcorners {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.roundedtop {
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}
.roundedbottom {
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
}
.roundedbottomLeft {
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
}
.roundedbottomRight {
	border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
}
.roundedLeft {
	border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
}
/* END corners */


/* CLEAR */
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
/* END clear */


/* toggle hide text or object */
.moretrigger {
	text-decoration:none;
	cursor:pointer;
}
.togglecontainer {}
/* end toggle */

div.linespace150 p {
	line-height:150%;
}

.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.underline {
	text-decoration:underline;
}
.boldunderline {
	font-weight:bold;
	text-decoration:underline;
}

sup, 
sub {
	line-height:1px;
	vertical-align:baseline;
	_vertical-align:bottom;
	position:relative;
}
sup {
	font-size:xx-small;
	bottom:1ex}
sub {
	font-size:xx-small;
	top:.5ex;
}

hr {
	border:none;
	height:1px;
	color:#ccc; /* old IE */
	background-color:#ccc;
}

.caption {
	font-size:9pt;
	line-height:150%;
	margin:10px 0 15px 0;
	color:#666;
}

/* IMAGES */
a img {
	border:none;
}

.imgleft {
	float:left;
	margin:0 20px 10px 0;
}
.imgright {
	float:right;
	margin:0 0 20px 10px;
}

a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}

img.zoomin {
	float:left;
	margin-right:10px;
	width:35px;
	height:39px;
}
img.captioned {
	margin-bottom:5px;
}
/* END images */



/* LISTS */
li {/* in balanced columns, make list elements flow gracefully, without orphaned words or lines */
	-webkit-column-break-inside:avoid;/* Chrome, Safari, Opera */
	page-break-inside:avoid;/* Firefox */
	break-inside:avoid;/* IE 10+ */;
}


/* COLUMN BALANCE */
.colbal2 {
	-webkit-column-count:2;/* Chrome, Safari, Opera */
	-moz-column-count:2;/* Firefox */
	column-count:2;/* CSS3 not supported by all browsers */
	-webkit-column-width:45%;
	-moz-column-width:45%;
	column-width:45%;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	-webkit-column-rule:0 solid #ddd;
	-moz-column-rule:0 solid #ddd;
	column-rule:0 solid #ddd;
	-moz-column-fill:balance;
	column-fill:balance;
}
.colbal2spc {
	-webkit-column-count:2;/* Chrome, Safari, Opera */
	-moz-column-count:2;/* Firefox */
	column-count:2;/* CSS3 not supported by all browsers */
	-webkit-column-width:50%;
	-moz-column-width:50%;
	column-width:50%;
	-webkit-column-gap:0;
	-moz-column-gap:0;
	column-gap:0;
	-webkit-column-rule:0 solid #ddd;
	-moz-column-rule:0 solid #ddd;
	column-rule:0 solid #ddd;
	-moz-column-fill:balance;
	column-fill:balance;
}
.colbal3 {
	-webkit-column-count:3;/* Chrome, Safari, Opera */
	-moz-column-count:3;/* Firefox */
	column-count:3;/* CSS3 not supported by all browsers */
	-webkit-column-width:28%;
	-moz-column-width:28%;
	column-width:28%;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	-moz-column-fill:balance;
	column-fill:balance;
}
.colbal4 {
	-webkit-column-count:4;/* Chrome, Safari, Opera */
	-moz-column-count:4;/* Firefox */
	column-count:4;/* CSS3 not supported by all browsers */
	-webkit-column-width:25%;
	-moz-column-width:25%;
	column-width:25%;
	-webkit-column-gap:20px;
	-moz-column-gap:20px;
	column-gap:20px;
	-moz-column-fill:balance;
	column-fill:balance;
}
.colbal5 {
	-webkit-column-count:5;/* Chrome, Safari, Opera */
	-moz-column-count:5;/* Firefox */
	column-count:5;/* CSS3 not supported by all browsers */
	-webkit-column-width:20%;
	-moz-column-width:20%;
	column-width:20%;
	-webkit-column-gap:20px;
	-moz-column-gap:20px;
	column-gap:20px;
	-moz-column-fill:balance;
	column-fill:balance;
}
/* END column balance */



#invisible {
	visibility:hidden;
}
.invisible {
	visibility:hidden;
}

.smalltext {
	font-size:85%;
}
	.smalltext a {
		font-size:inherit;
	}
.smallertext {
	font-size:70%;
}
	.smallertext a {
		font-size:inherit;
	}