/* Copyright Flameport Enterprises 2016 */

/* Page globals */
body {
	font-size: 1.0em;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	background-color: #211;
	margin: 0;
	padding: 0;
	border: 0;
}
a:link {
	color: #006;
}
a:visited {
	color: #606;
}
a:active {
	color: #0ff;
}
a:hover {
	color: #0ff;
}

/* Heading container */
#pageheading {
	background-color: #000;
	border: 0;
	margin: 0 0 0 14px;
	padding: 0;
	height: 182px;
	width: 196px;
	float: left;
}
#pageheadinglogo {
	background-color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	height: 182px;
	float: left;
}
#pageheadinglogo img {
	border: 0;
	margin: 0;
	padding: 0;
	height: 182px;
}

/* Navigation menu */
#navigation {
	background-color: #211;
	color: #fff;
	font-weight: normal;
	border: 0;
	margin: 0;
	padding: 5px;
	width: 200px;
	float: left;
	clear: left;
}
#navigation p {
	text-align: center;
	width: 195px;
	border: 0;
	padding: 30px 0 0 0;
	margin: 0;
}
#navigation h2 {
	font-size: 1.2em;
	color: #ed0;
	padding: 5px 0 10px 0;
	margin: 0 0 10px 0;
	text-align: center;
	border-bottom: 1px dashed #ff0;
}
#navigation a:link {
	color: #ccf;
}
#navigation a:visited {
	color: #fcc;
}
#navigation a:active {
	color: #0ff;
}
#navigation a:hover {
	color: #0ff;
}
#navigation ul {
	padding: 5px 5px 5px 15px;
	border: 0;
	margin: 0;
	color: #ff0;
	line-height: 125%;
}
#navigation li.current {
	font-weight: bold;
	text-transform: uppercase;
}
#navigation li.hed {
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #ff0;
	padding: 0 0 5px 0;
	margin: 20px 10px 5px 0;
	text-align: center;
	border-bottom: 1px dashed #ff0;
}

/* Main page container */
#contents {
	background-color: #211;
	clear: both;
	border: 0;
	margin: 0;
	padding: 5px 0 5px 5px;
}

/* Inline ad */
#sectionbox {
	float: right;
	padding: 10px;
	margin: 5px;
	border: 0;
}

/* Content */
#section {
	background-color: #fff;
	padding: 10px;
	margin: 0 0 0 215px;
	border: 0;
}
#section img {
	float: right;
	padding: 10px;
	margin: 5px;
	border: 0;
}
#section ul {
	color: #200;
	padding: 0 5px 25px 50px;
	border: 0;
	margin: 0;
}
#section li {
	color: #200;
	padding: 5px 0 0 0;
	border: 0;
	margin: 0;
}
#section h1 {
	background-color: #fff;
	font-size: 1.6em;
	color: #800;
	border: 0;
	padding: 0;
	margin: 0;
}
#section h2 {
	background-color: #fff;
	font-size: 1.3em;
	color: #800;
	border-bottom: 1px dashed #800;
	padding: 15px 0 0 0;
	margin: 10px 0 10px 0;
	clear: right;
}
#section h3 {
	background-color: #fff;
	font-size: 1.1em;
	color: #800;
	border: 0;
	padding: 0;
	margin: 5px 0 5px 10px;
}
#section p {
	background-color: #fff;
	color: #000;
	border: 0;
	padding: 0;
	line-height: 150%;
	margin: 0 5px 25px 10px;
}
#section .danger {
	color: #f00;
	font-weight: bold;
	background-color: #ff0;
	border: 1px dotted #f00;
}
#section pre {
	background-color: #eee;
	font-family: monospace;
	font-weight: bold;
	color: #00a;
	border: 1px solid #006;
	padding: 15px;
	line-height: 150%;
	margin: 0 0 25px 10px;
}
#section form {
	border: 0;
	margin: 0 20px 20px 20px;
	padding: 0;
}
#section iframe[src*=youtube] {
	max-width: 100%;
}
    
#pageheadingad {
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0 0 15px 0;
	float: none;
	clear: right;
	overflow: auto;
}
#pageheadingad img {
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}
#pageresponsivead {
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0 0 15px 0;
	float: none;
	clear: right;
	overflow: auto;
}
#pageresponsivead img {
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}
#mobheadingad {
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	float: none;
	clear: both;
	overflow: auto;
}
#mobheadingad img {
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}

/* page footer */
#footer {
	background-color: #211;
	padding: 0;
	margin: 0;
	border: 0;
	clear:both;
	float:none;
}
#headerprint {
	display: none;
}
#footer a:link {
	color: #eef;
}
#footer a:visited {
	color: #fee;
}
#footer a:active {
	color: #0ff;
}
#footer a:hover {
	color: #0ff;
}
#footer p {
	font-size:1em;
	text-align: right;
	font-style: italic;
	padding: 5px;
	line-height: 200%;
	margin: 0;
	border: 0;
}

/* Size 1 As Defined Above, plus these directives to conceal unwanted small content */
li.mobmenu {display: none; }
#mobheadingad {display: none;}

/* Size 2, inline images reduced */
@media only screen and (min-width: 983px) and (max-width:1160px) {
	#section img {max-height:200px; }
}

/* Size 3, mini top logo, side menu replaced with hideaway menu */
@media only screen and (min-width: 768px) and (max-width: 982px) {
	#section img {max-height:200px; }
	#section {margin: 0; }
	#section h1 { margin: 0 90px 0 0; }

	#pageheading { height: 150px; width: 150px; margin: 0 10px 0 0; }
	#pageheadinglogo { height: 150px; }
	#pageheadinglogo img {height: 150px; }

	#navigation {z-index:11000; position: fixed; top:0; right: 0; width:auto; max-height:100%; overflow:auto; float: left; }
	#navigation li.navtron {display:none; }
	#navigation p {display:none; }
	#navigation h2 {display:none; }
	#navigation ul:hover li.navtron { display:list-item; }
	#navigation ul:focus li.navtron { display:list-item; }
	#navigation ul:active li.navtron { display:list-item; }

	li.mobmenu {display: inline; font-size: 1.3em;}
	#navigation ul {padding: 5px 5px 5px 20px; }
	#footer p { text-align: center; }
}

/* Size 4, inline ad deleted, mobile banner ad replaces full size leaderboard, images reduced */
@media only screen and (min-width: 360px) and (max-width: 767px) {
	#section img {max-height:150px; }
	#sectionbox {display:none; }
	#section {margin: 0; }
	#section h1 { margin: 0 90px 0 0; }

	#pageheading { height: 130px; width: 130px; margin: 0 10px 0 0; }
	#pageheadinglogo { height: 130px; }
	#pageheadinglogo img {height: 130px; }

	#navigation {z-index:11000; position: fixed; top:0; right: 0; width:auto; max-height:100%; overflow:auto; float: left; }
	#navigation li.navtron {display:none; }
	#navigation p {display:none; }
	#navigation h2 {display:none; }
	#navigation ul:hover li.navtron { display:list-item; }
	#navigation ul:focus li.navtron { display:list-item; }
	#navigation ul:active li.navtron { display:list-item; }

	li.mobmenu {display: inline; font-size: 1.3em;}
	#navigation ul {padding: 5px 5px 5px 20px; }
	#footer p { text-align: center; }
	#pageheadingad { display:none; }
	#mobheadingad { display: block; }
}

/* Size 5, banner ad deleted, images reduced further */
@media only screen and (min-width: 200px) and (max-width: 359px) {
	#section img {max-height:100px; }
	#sectionbox {display:none; }
	#section {margin: 0; }
	#section h1 { margin: 0 90px 0 0; }

	#pageheading { height: 100px; width: 100px; margin: 0 10px 0 0; }
	#pageheadinglogo { height: 100px; }
	#pageheadinglogo img {height: 100px; }

	#navigation {z-index:11000; position: fixed; top:0; right: 0; width:auto; max-height:100%; overflow:auto; float: left; }
	#navigation li.navtron {display:none; }
	#navigation p {display:none; }
	#navigation h2 {display:none; }
	#navigation ul:hover li.navtron { display:list-item; }
	#navigation ul:focus li.navtron { display:list-item; }
	#navigation ul:active li.navtron { display:list-item; }

	li.mobmenu {display: inline; font-size: 1.3em;}
	#navigation ul {padding: 5px 5px 5px 20px; }
	#footer p { text-align: center; }
	#pageheadingad { display:none; }
}

/* Widths under 200 pixels are not supported and never will be */