html {font-family: Arial,Helvetica,Verdana,sans-serif;
 font-size: 1em;}

body {background-color: #99ccff;
 color: #000000;
 font-size: 1em;			/* 1em commonly equals to 16px */
 text-align: center;
 padding: 0;
 margin: 0 0 1em 0;
 overflow: auto;

}

a {
  color: blue;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}

a:active {
  color: black;
}

a:visited {
  color: blue;
}


hr {clear: both;
 border: none;
 height: 2px;}

img {border: none;
 max-width: 100%;
 height: auto;}

select {width: 70%;
 background-color: #FFFFFF;
 margin: 0 1em 1em 1em;}

table {table-layout: fixed;
 overflow-x: auto;
 border: 0.1em solid #99CCFF;
 border-collapse: collapse;
 margin: 1em auto;}

ul {list-style-type: none;}

	/*use below "id's" for single uses on pages*/

#banner {background: #0000ff;
 color: #ffffff;
 position: relative;
 height: 4.5em;
 width: 100%;
 text-align: left;
 z-index: 5;}

#banner div {padding: 0.5em 0 0 4em;}

#container {background: #F5FFFA;
 position: relative;			/* all inside container is positioned relative to container position*/
 padding: 0;
 margin: 0 auto;
 overflow: auto;}

table {table-layout: fixed;
 overflow-x: auto;
 border: 0.1em solid #99CCFF;
 border-collapse: collapse;
 margin: 1em auto;}

td {vertical-align: middle;}

th {background: #99CCFF;}

ul {list-style-type: none;}



#container {width: 90%;}

#content {background: #F5FFFA;
 color: #000000;
 position: relative;
}



.alignleft {text-align: left;
 padding: 0.1em 0.2em 0.1em 0.3em;
 }

.alignright {text-align: right;
 padding: 0.1em 0.6em 0.1em 0;
 word-wrap: break-word;}

.bottomdotted {border-bottom: 1px dashed #CCCCCC;}

.lightgrey {color: lightgrey}


.popup span {position: absolute;
 visibility: hidden;			/*do not show image*/
 background: #FFFFFF;
 border: 0.5em solid #FFFFFF;
 margin-left: 1em;
 margin-top: -5em;}

.popup:hover span {z-index: 25;		/*show image upon hover*/
 visibility: visible;}