BODY {
				width: auto; margin: 0 auto 0 auto; padding: 0px; margin: 0px; background-color: black;
				background-image: url(images/back-3.png); background-repeat: no-repeat; background-position: center top; background-attachment:fixed;
				font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
				font-style: normal; font-weight: 400;
				font-size: 14px; color: #7a7a7a; line-height: 1.7;
				overflow-x: hidden;
				background-size: auto;
				background-origin: padding-box;
				background-clip: border-box;
				}

			#titleBar {
				height: 80px; width: 100%; margin: 32px auto 0 auto; 
				font-size: 300%; font-weight: 700; color: black; line-height: 1; letter-spacing: -2px;
				vertical-align: top; border-bottom: 1px solid green; padding: 6px; 
				}
			#titleBar SPAN {
				vertical-align: -35%; color: #009999;
				}
			#headLine {
				margin: 6px auto 0 auto; padding: 12px; text-align: center;
				font-size: 200%; font-weight: 400; color: #009999; line-height: 0.75; letter-spacing: -1px;
				}
			#headLine SPAN {
				font-size: 60%; color: #669933; letter-spacing: 0px;
				}

			NAV SELECT {display: none;}

			DIV#menu {
				position: fixed; top: 0; left: 0; right: 0; width: 100%; 
				z-index: 10; padding: 0; margin: auto; 
				}
			DIV#menu UL {
				position: relative; display: inline-table; margin: 0; padding: 0; 
				list-style-type: none;
				}
			DIV#menu UL LI {
				width: 104px; padding: 2px 0; vertical-align: middle; text-align: center; 
				float: left; 
				display: inline-block; 
				border: 1px solid black;
				border-color: white gray black silver;
				background: -webkit-linear-gradient(#FFFFFF,#DDDDDD,#BBBBBB,#999999); 
				background: -moz-linear-gradient(#FFFFFF,#DDDDDD,#BBBBBB,#999999); 
				background: linear-gradient(#FFFFFF,#DDDDDD,#BBBBBB,#999999); 
				}
			DIV#menu UL LI A {
				text-shadow: -1px -1px #444444;
				text-decoration: none;
				padding: .2em .5em;
				color: gray;
				display: block;
				}
			DIV#menu UL UL {
				display: none; 
				position: absolute; top: 100%;
				text-align: left;	
				}
			DIV#menu UL UL LI {
				width: 180px;
				float: none; 
				text-align: left;	
				position: relative;
				}
			DIV#menu UL UL LI A {
				text-shadow: -1px -1px #444444;
				text-decoration: none;
				padding: 0 .5em;
				color: gray;
				display: block;
				}
			DIV#menu ul li:hover > ul {
				display: block;
				}

			/* iPad (landscape) */
			@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
			 and (orientation : landscape) {
			DIV.content {
				-webkit-column-count: 3; -webkit-column-width: 280px; -webkit-column-gap: 16px;
				-moz-column-count: 3; -moz-column-width: 280px; -moz-column-gap: 16px;
				column-count: 3; column-width: 280px; column-gap: 16px;
				width: 960px; margin: 0 auto 0 auto;
				font-size: 100%; color: #4f7d82; line-height: 1.7;
				border-bottom: 1px solid green;
				}
			DIV.content TABLE {
				max-width: 960px; background-color: rgba(0,0,0,0.8); 
				}
			}

			/* iPad (portrait) */
			@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
			 and (orientation : portrait) {
			DIV.content {
				-webkit-column-count: 2; -webkit-column-width: 280px; -webkit-column-gap: 16px;
				-moz-column-count: 2; -moz-column-width: 280px; -moz-column-gap: 16px;
				column-count: 2; column-width: 280px; column-gap: 16px;
				width: 760px; margin: 0 auto 0 auto;
				font-size: 100%; color: #4f7d82; line-height: 1.7;
				border-bottom: 1px solid green;
				}
			DIV.content TABLE {
				max-width: 720px; background-color: rgba(0,0,0,0.8); 
				}
			}

			DIV.content VIDEO {
				max-width: 280px; max-height: 160px;
				}

			DIV.article {
				-webkit-column-break-before: auto; -webkit-column-break-inside: avoid;
				-moz-column-break-before: auto; -moz-column-break-inside: avoid;
				column-break-before: auto; break-inside: avoid-column;
				background-color: rgba(0,0,0,0.8); padding: 8px; 
				display: inline-block; min-width: 280px;
				}
			DIV.article P {
				font-size: 100%; color: #AAAAAA; line-height: 1.7; 
				}
			DIV.article P.topic {
				font-size: 165%; color: #009999; line-height: 1; letter-spacing: -1px;
				margin: 6px 0;
				}
			DIV.article P.person {
				font-size: 100%; color: #669933; line-height: 1.0;
				}
			DIV.article P.reldate {
				font-size:  70%; color: #AAAAAA; line-height: 1.5; text-transform: uppercase;
				margin: 0;
				}
			DIV.article P.keywords {
				font-size:  70%; color: #339966; line-height: 1.5; text-transform: uppercase;
				margin: 0;
				}
			DIV.article P.text {
				font-size: 100%; color: #AAAAAA; line-height: 1.5; 
				}
			DIV.article P.text + P.text {
				margin-top: -0.5em;
				}

			DIV.footer {
				margin: 20px auto 0 auto; text-align: center;
				font-size: 80%; color: #66CC00; line-height: 1.5;
				text-shadow: 0px 0px 0px 2px black;
				}
			DIV.footer SPAN {
				color: #66CC00;
				}

			DIV.content TABLE TR {
			  display: inline-block; 
				}
			DIV.content TABLE TD {
			  padding: 3px; vertical-align:top; line-height: 1.0; 
				color: #AAAAAA; white-space: nowrap; 
				}
			DIV.content TABLE TD + TD {
			  white-space: normal;
				}
			DIV.content TABLE.gram TD:nth-child(2) {
				cursor: pointer; 
				}
			DIV.content TABLE.gram TD:nth-child(2) B {
				color: #009999;
				}
			HR {
			  border-color: #4f7d82; 
				}

			A:link    {color:#3399FF; text-decoration:none;}
			A:active  {color:#3399FF; text-decoration:none;}
			A:visited {color:#3399FF; text-decoration:none;}
			A:hover   {color:#3399FF; text-decoration:underline;}