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;}

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;
}

#maincontent {background: #F5FFFA;
 color: #000000;
 position: relative;
 width: 95%;
 margin: 1em auto;
 }


table {table-layout: fixed;
 overflow-x: auto;
 border: 0em;
 border-collapse: collapse;
 margin: 1em auto;
 font-size: 0.9em;}

td {vertical-align: middle;}

th {background: #99CCFF;}

ul {list-style-type: none;}


.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: 0.1em dashed #CCCCCC;}


.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;}

.roundbox {
    border-radius: 25px;
    border: 2px solid #349edb;
    padding: 20px; 
    background: #FFFFFF;
    margin: 5px;
}

.code {background: white;margin: 0px;padding: 5px;font-family : Arial, Helvetica, Sans-Serif;border-radius: 25px;border: 2px solid #446588;padding: 20px;}


.blue {
Background-color: lightblue;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 1px;
}


.yellow {
Background-color: yellow;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 1px;
}

.orange {
Background-color: orange;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 1px;
}

.green {
Background-color: lightgreen;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 1px;
}

.gray {
Background-color: gray;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 1px;
}

.brown {
Background-color: brown;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 1px;
}