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

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

/* HTML5 display-role reset for pre-html5 browsers */

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

body { line-height: 1;}

ol, ul { list-style: none;}

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%;
		background-color:	#000000;
		}

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

nav		{
		position:		fixed;
		}

nav a		{
		display:		block;
		font-size:		1.8rem;
		line-height:		3rem;
		padding-bottom:		15px;
		}

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

nav a span {display: none;}

nav a:hover span {display: block; position: absolute; top: 90%; left: -15%; padding: 5px; margin: 5px;
z-index: 100; background-color: darkblue; font: 1.3rem Verdana, sans-serif; color: #66A; text-align: center;}

.nobr		{white-space:		nowrap;}

.struck		{
		display:		block;
		font-size:		1.2rem;
		line-height:		1.6rem;
		text-decoration:	line-through;
		font-weight:		bold;
		margin-top:		2px;
		}

header, section		{
			width:			86%;
			float:			left;
			}

header img	{
		width:			100%;
		max-width:		500px;
		}

header hr	{
		color:			purple;
		clear:			both;
		}

hr		{
		width:			95%;
		color:			#333399;
		clear:			both;
		}

.rules	{ margin-left:5%;padding-left:2%;padding-bottom:2%;width:80%;background-color:rgba(0,0,0,0.6); }

section 	{
		padding:		5px 10px 20px 10px;
		margin:			10px 5px 10px;
		}

/*		background-color:	#223322; */

section p	{
		margin:			0px 1% 0px 0.5%;
		padding:		0 0.5% 0.5rem 0.5%;
		width:			90%;
		}

section img	{
		width:			100%;
		max-width:		1000px;
		float:			left;
		margin-left:		1%; 
		}

.cent			{
			float:			none;
			width:			100%;
			margin:			10px auto 10px auto;
			max-width:		1000px;
			}

section img.gall	{
			float:			none;
			width:			90%;
			margin:			20px 0px 10px 40px;
			}

h1	{
		font-size:		2.7rem;
		line-height:		2.8rem;
		margin-bottom:		1.0rem;
		}

h2	{
		font-size:		2.3rem;
		line-height:		2.4rem;
		margin-bottom:		0.5rem;
		margin-top:		1.5rem;
		}

h3	{
		font-size:		1.8rem;
		line-height:		1.9rem;
		margin-bottom:		0.5rem;
		width:			90%;
		}

h4	{
		font-size:		1.6rem;
		line-height:		1.7rem;
		margin-bottom:		0.4rem;
		}

h5	{
		font-size:		1.4rem;
		line-height:		1.5rem;
		margin-bottom:		0.3rem;
		}

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

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

li	{
		padding:		0px 5px 5px 10px;
		margin:			0 5px 0 3%; 
		width:			98%;
		font-size:		1.3rem;
		line-height:		1.4rem;
		margin-bottom:		0.5rem;
		}

.struck		{
		display:		block;
		font-size:		1.5rem;
		line-height:		1.8rem;
		text-decoration:	line-through;
		font-weight:		bold;
		margin-top:		2px;
		}

/* div		{
		overflow:		hidden; 
		}

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

a		{line-height:105%;}

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;
		width:			90%;
		margin-left:		5%;
		margin-right:		5%;
		margin-bottom:		3%;
		}

blockquote a	{font-weight:		400 !important;}

iframe		{
		width:			100%;
		max-width:		640px;
		height:			70%;
		max-height:		480px;
		background-color:	rgba(0,0,0,0); /* 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.4rem;
		line-height:	1.6rem;
		width:			90%;
		}

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

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

.small		{width:			30%;}

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

table 		{
		width:			100%;
		font-size:		1.3rem;
		line-height:		1.5rem;
		font-weight:		bold;
		}
/*
td img		{
		margin:			20px 10% 10px 5%;
		width:			80%;
		}

td p		{
		width:			90%;
		padding-left:		1%;
		}

li		{
		font-size:		1.4rem;
		}
*/
a:target	{color: #ee6666;}

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

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

#crumbs		{
		text-align: center; width: 90%; background:none;
		}

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

#crumbs ul li	{
		display: inline;
		}
	
#crumbs ul li a	{
		display:	block;
		float:		left;
		height:		2rem;
		background:	#009900;
		text-align:	right;
		padding:	4px 5px 12px 5px;
		position:	relative;
		margin:		0 5px 0 0; 	
		font-size:	1.7rem;
		text-decoration: none;
		color:		#000000;
		}

#crumbs ul li a:after	{
			content:	""; 
			border-top:	1rem solid transparent;	
			border-bottom:	1rem solid transparent;
	  		border-left:	1rem solid #009900;
			position:	absolute; right: -11px; top: 0;
			z-index:	1;
			}
			
#crumbs ul li a:before	{
			content:	""; 
			border-top:	1rem solid transparent;	
			border-bottom:	1rem solid transparent;
	  		border-left:	1rem solid #000000;
			position:	absolute; left: -1px; top: 0;
			}
	
#crumbs ul li:first-child a	{
				border-top-left-radius:		0.5rem;
				border-bottom-left-radius:	0.5rem;
				}

#crumbs ul li:first-child a:before	{
					display:	none; 
					}
				
#crumbs ul li:last-child a	{
				padding-right:	5px;
				border-top-right-radius:	0.5rem;
				border-bottom-right-radius:	0.5rem;
				}

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