body { margin: 0; background-color: #353535; font-family: helvetica, geneva, arial, sans-serif; overflow-y: scroll; }
img { border: 0; }

a:link, a:visited, a:active { font-weight: normal; text-decoration: none; color: #2d9bda; }
a:hover { text-decoration: underline; color: #2d9bda; }
td { font-size: 10.5pt; }

#main { background-color: #fff; width:1190px; z-index: 20; }

#hd-index { height:282px; width:100%; }

#menubg { position: relative; width: 100%; height: 2.25em; left: 0px; background: #353535; text-align:left; z-index: 24; }

#pagecontentfull { position: relative; width: 100%; z-index: 21; background-color: #fff; }

#pagecontent { position: relative; margin-left: 260px; min-height: 425px; width: 880px; top: 20px; z-index: 21; overflow: none; }
	#pagecontent p { font-size: 10.5pt; }
	#pagecontent li { font-size: 10.5pt; }
	#pagecontent h1 { color: #A5AFAF; font-weight: normal; text-align: left; font-size: 26px; }
	#pagecontent h2 { color: #A5AFAF; font-weight: normal; text-align: left; font-size: 23px; }
	#pagecontent h3 { color: #A5AFAF; font-weight: normal; text-align: left; font-size: 18px; }
	#pagecontent img { margin: 2px 2px 2px 2px; }

#sidebar { position: absolute; float: left; width: 250px; height: 455px; z-index: 20; left: 8px; overflow: hidden; background-color: #fff; text-align: center; z-index: 21; }
	#sidebar p { font-size: 10pt; }

#footer { position: relative; width: 1180px; height: 70px; margin-top: 10px; z-index: 22; margin-left: 0; }
#footer  p { text-align: right; font-size: 8pt; }

#nav { width: 100%; font-family: 'Open Sans', sans-serif, Arial, Helvetica; font-weight: 300; position: relative; top: 0em; z-index: 50; }
nav { display: block; }
#nav * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
#nav a { color: currentColor; text-decoration: none; }

	#nav > a { display: none; }
	#nav li { position: relative; }
		#nav li a { color: #fff; display: block; }
		#nav a.menu-active { color: #4992FF;	display: block; }
		#nav li a:active { background-color: #2d9bda !important; }

	#nav span:after { width: 0; height: 0; border: 0.313em solid transparent; border-bottom: none; border-top-color: #eee; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; }

	/* first level */

	#nav > ul { height: 2.25em; background-color: #353535; }
		#nav > ul > li { width: 18%; height: 100%; float: left; list-style: none; }
			#nav > ul > li > a { height: 100%; font-size: 1em; /* 1.5em = 24 */ line-height: 2em; /* 2.5em = 60 (24) */ text-align: center; }
				#nav > ul > li:not( :last-child ) > a { border: 1px solid #353535; /* border-right */ }
				#nav > ul > li:last-child > a { border: 1px solid #353535; /* section not present... border-right */ }
				#nav > ul > li:hover > a,
				#nav > ul:not( :hover ) > li.active > a { background-color: #eee; color: #262626; }

		/* second level */

		#nav li ul { background-color: #353535; display: none; position: absolute; top: 100%; list-style: outside none none; }
			#nav li:hover ul { display: block; left: 0; right: 0; }
				#nav li:not( :first-child ):hover ul { left: -1px; }
				#nav li ul a { font-size: 1em; color: #fff; border: 1px solid #353535; padding: 0.5em; /* 0.75em = 15 (20) */ }
					#nav li ul li a:hover,
					#nav li ul:not( :hover ) li.active a { background-color: #eee; color: #262626; }
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 960px)
and (orientation : portrait), (max-width : 640px) /* iPhone 2G to 8 and X and small browser-windows */
{
	body { width: 100vw; }
	#main { width: 100%; }
	#sidebar { position: relative; clear: left; display: none; }
	#pagecontentfull { width: 100vw; top: 20px; }
	#pagecontent { width: 98%; left: 0; margin-left: 2%; top: 10px; }
	#pagecontent td,th { font-size: 1em; }
	#hd-index { height: 160px; background-size:100% 100%; }
	#footer { width: 98%; }
	#menubg { width: 100%; }
	#menu { width: 98%; left: 1em; top: 183px; }

	#nav { width: 100%; position: relative; margin: 0; top: auto; left: auto; background-color: #353535; font-size: 100%; }
		#nav a { color: #fff; text-decoration: none; padding-top: 0.85em; font-size: 1em; }
		#nav > a { width: 2.25em; height: 2.25em; text-align: left; text-indent: 2.25em; background-color: #353535; position: relative; }
			#nav > a:before,
			#nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ''; }
			#nav > a:after { top: 60%; }

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type { display: block; }

	/* first level */

	#nav > ul { height: auto; display: none; position: absolute; left: 0; right: 0; }
		#nav:target > ul { display: block; }
		#nav > ul > li { width: 100%; float: none; }
			#nav > ul > li > a { height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */ }
				#nav > ul > li:not( :last-child ) > a { border-right: 1px solid #353535; border-bottom: 1px solid #353535; }

		/* second level */

		#nav li ul { position: static; padding: 0.5em; padding-top: 0; }
}