@charset "utf-8";
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

body	{font-size:1em; font-family:Arial, Verdana, sans-serif; background-color:black; color:white;}
img, embed, object, video {max-width: 100%; }

.box	{margin:0 auto; padding: 0.5em; background-color:black; min-height:40em; border: 5px solid yellow;}



h1	{text-align:center; color:white; font-size:2.0em; }
h2	{text-align:center; color:white; font-size:1.5em; }
h3	{text-align:center; color:rgb(85,55,15); font-size:1.0em; }
h4	{text-align:center; color:olive; font-size:0.8em;}

hr	{color:maroon; }

p	{padding: 0em 1em 0em 1em;}

.l	{text-align:left; }

.s	{font-size:  .8em; }

.c	{text-align:center; font-weight:bold;}

.i	{padding-left:3em; padding-right:3em; font-style: italic;}

.ii	{margin-left:6em; margin-right:6em;}

.m	{color:maroon; font-weight:bold; }
.title	{text-align:center; color:red; background-color:black; }
.clear	{clear:both; }	/* <p class="clear" clears paragraphs below--- */

img, embed, object, video {max-width: 100%; }


.left	{float:left; padding-right: 1em; text-align:center; font-weight:bold; min-height:4em; }
.right	{float:right; padding-left: 1em; text-align:center; font-weight:bold; min-height:4em;}

table	{align:center;}

td	{padding:0em 1em 0em 1em; font-size:1em;}
.norm	{border:1px solid black; font-size: 1.25em; font-weight:bold;}


    a {text-decoration:none; }

    a:hover {background-color:gray; }

    a:link {color:white; }

    a:visited {color:white; }

    a:active {color:white; }




.tooltip	{width:25%; padding: 5px; background-color:white; 
	border: 3px solid rgb(195,151,151); border-radius: 5px; }
.trigger	{color:white; cursor: help; }
.trigger:hover	{color: rgb(255,0,0);}



@media only screen and (min-width: 750px)
	{.box {width:800px; margin:0 auto; }}

@media only screen and (max-width: 600px)
	{.box {margin:0 auto;}
	img, embed, object, video {max-width: 100%; }
	img {max-width:100%; width:150px; border:0.1em solid black;}}

/*  ====NAVIGATION ====  */
.nav, .nav ul 
	{list-style: none; margin: 0; padding: 0; font-size: .75em;}
.nav 	{min-height: 1em; overflow: auto; }

.nav a 	{color:white; display: block; font-weight: bold; text-decoration: none; }
.nav li 	{color:white; background-color:rgb(200,170,125);}
.nav li a:hover {color:red; }

/* === DROPDOWN MENUS === */
.nav ul	{margin-left: -10px; font-size:1.3em; padding: 0 5px 0 5px;  background-color:rgb(200,170,125);}
.nav li ul	{left: -9999em; position: absolute; z-index: 1000; }
.nav li:hover ul 
	{left: auto;	width: 10em; border: 1px solid black; }
.nav ul li 	{float:left; font-size: .875em; margin-top: .2em; margin-bottom: .2em; width: auto; }