/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126 License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video

{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 62.5%;	/* Rem */
 font: inherit;
 vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
 display: block;
}

body { line-height: 1;}

ol, ul { list-style: none;}

blockquote	{ margin-left:3%; margin-bottom:3%; }

blockquote, q	{ quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

html		{
		width:			100%;
		height:			100%;
		max-width:		520px;
		}

body		{
		background-color:	#000000;
		color:			#ffffff;	/* #00bb00; */
		width:			100%;
		max-width:		520px;
		min-width:		340px;
/*		margin-left:		auto;
		margin-right:		auto; */
		font-family:		garamond, geneva, helvetica, sans-serif;
		font-size:		1.6rem;
		line-height:		1.7rem;
		}

nav		{
		position:		fixed;
    		bottom:			0;
		left:			0%;
		width:			100%;
		margin:			30px auto 0px auto;
		padding-top:		5px;
		padding-bottom:		5px;
		background-color:	black;
		z-index:		10;
		}

nav a		{
		display:		inline;
		font-size:		1.4rem;
		line-height:		1.5rem;
		padding-left:		1%;
		padding-top:		2px;
		}

/* nav a::after	{
		content: " s";
		} */

.nobr		{white-space:		nowrap; }

header, section		{
		width:			98%;
		min-width:		320px;
		max-width:		520px;
		padding:		0px 0px 0px 0px; /* 4px */
		margin-left:		0;
		}

header img	{
		width:			100%;
		max-width:		400px;
		margin-left:		auto;
		margin-right:		auto;
		}

header h1	{
		font-size:		2.6rem;
		line-height:		2.8rem;
		margin-bottom:		0.5rem;
		}

hr		{
		width:			99%;
		margin-left:		1%;
		clear:			both;
		color:			#666699;
		}

section		{
		margin-bottom:		5px;
		padding-bottom:		4rem;
/*		background-color:	#222233;*/
		}

section p	{
    		margin:			0px 5px 0px 5px;
		padding-left:		4px;
		padding-right:		3px;
		}

section img	{
		width:			100%;
		min-width:		280px;
		max-width:		490px;  /* !important; */
		margin:			5px 0 5px 0;
		position:		relative;
		left:			0px;
		}
/*
section img.cent	{
			float:			none;
			width:			90%;
			min-width:		250px;
			max-width:		330px;
			margin:			20px auto 10px 40px;
			}

section img.gall	{
			float:			none;
			width:			80%;
			margin:			20px 0px 10px 40px;
			}
*/
section h1	{
		font-size:		2.0rem;
		line-height:		2.1rem;
		margin-bottom:		0.5rem;
		}

section h2	{
		font-size:		1.7rem;
		line-height:		1.8rem;
		margin-top:		1.5rem;
		margin-bottom:		0.5rem;
		}

section h3	{
		font-size:		1.5rem;
		line-height:		1.6rem;
		margin-bottom:		0.5rem;
		}

article		{
		margin-left:0.5%;padding: 1.2% 1.3% 1.1% 3%;
		background-size:cover; background-attachment:fixed;
		background-position:center 0%;
		background-image:url('../text/feature/tg/img/tgnnyebg.jpg'); position:relative;
		}

div		{
		margin-left:-2%;	padding-left:0.5%; padding-bottom:0.01%;
		padding-right:0.5%;	background-color:rgba(0,0,0,0.7);
		}

.trio   {white-space: nowrap;}

.struck		{
		display:		inline;
		font-size:		1.5rem;
		line-height:		1.8rem;
		text-decoration:	line-through;
		font-weight:		bold;
		margin-top:		2px;
		}
/*
div		{
		width:			100%;
		min-width:		200px;
		max-width:		300px;
		float:			left;
		margin:			5px 3% 10px 2%;
		}

div div		{
		width:			90%;
		float:			left;
		background-color:	#222222;
		padding:		0px 0px 0px 5px;
		overflow:		hidden;
		} */

a:link		{
		color:			#e0c060; /* #00cc00 */
		font-weight:		bold;
		}

a:visited	{color:			#c0b040;} /* #009900 */

a:hover		{color:			#f0d070;} /* #00ff00 */

blockquote	{font-family:		"courier new", courier, monospace;}

iframe		{
		width:			100%;
		max-width:		600px;
		height:			100%;
		max-height:		600px;
		background-color:	#000000; /* IE 8 bodge - doesn't work!
		background-image:	url("../pics/det2015bg.jpg"); */
		}

dfn		{font-style:		italic;}

dt dd		{font-weight:		normal;}

li		{font-size:		1.2rem;}

sup		{font-size:		70%;
		vertical-align: super;
		}

td		{font-weight:		bold;}

.front		{
		font-size:		1.4rem;
		line-height:		1.6rem;
		}

.small		{width:			30%;}

.warn		{
		color:			#006600;
		font-variant:		small-caps;
		font-weight:		bold;
		}

table 		{
		width:			100%;
		font-size:		1.3rem;
		line-height:		1.5rem;
		}

td img		{
		margin:			20px 10% 10px 5%;
		width:			80%;
		}

td p		{width:			90%;}

li		{
		font-size:		1.4rem;
		width:			100%;
		}

a:target	{color: red;}

lh		{font-family:		"courier new", courier, monospace;}

div.cont	{
		float:			left;
		display:		inline;
		}

.warn		{
		color:			#cc0000;
		font-variant:		small-caps;
		font-weight:		bold;
		}

#crumbs					{
					width:	50%;
					}
/*
#crumbs					{
					text-align:	center;
					width:		85%;
					padding-bottom:	30px;
					margin-bottom:	40px;
					}

#crumbs ul				{
					list-style:	none;
					display:	inline;
					}

#crumbs ul li				{
					display:	inline;
					}

#crumbs ul li a				{
					display:	block;
					float:		left;
					height:		20px;
					background:	#009900;
					text-align:	right;
					padding:	0px 10px 5px 10px;
					position:	relative;
					margin:		0 5px 0 0;
					font-size:	1.1rem;
					font-weight:	900;
					text-decoration: none;
					color:		#000000;
					}

#crumbs ul li a:after			{
					content:	"";
					border-top:	12px solid transparent;
 					border-bottom:	12px solid transparent;
	  				border-left:	12px solid #009900;
					position:	absolute; right: -11px; top: 0;
					z-index:	1;
					}

#crumbs ul li a:before			{
					content:	"";
					border-top:	12px solid transparent;
	 				border-bottom:	12px solid transparent;
 					border-left:	12px solid #000000;
					position:	absolute; left: -1px; top: 0;
					}

#crumbs ul li:first-child a		{
					border-top-left-radius:		10px;
					border-bottom-left-radius:	10px;
					}

#crumbs ul li:first-child a:before	{
					display:	none;
					}

#crumbs ul li:last-child a		{
					padding-right:			5px;
					border-top-right-radius:	10px;
					border-bottom-right-radius:	10px;
					}

#crumbs ul li:last-child a:after	{
					display: none;
					}

#crumbs ul li a:hover			{
					color:		#009900;
					background:	#000000;
					}

#crumbs ul li a:hover:after		{
					border-left-color: #000000;
					}
		*/
br.extra				{display: none;}