
body { 
	background-color: #F0E0D0; 
	color: black; 
	font-family: Verdana, sans-serif;
	font-size: 1em; 
	margin-left: auto; margin-right: auto;		                    /* centers the body in the browser */
	text-align: left;				                                /* default text alignment */
	width: 900px; }							                        /* fixes the width of the body */
    
.btn {
	font-family: Verdana, sans-serif;
	font-size: 0.9em; 
    width: auto; }

/* #header ul {  list-style: none;  padding: 0;   margin:0; }       style the ul tags in the <div id="header" > */
/* .code 	{ font-family: "Courier New", Courier; padding: .5em; }     style the <div class="code" > */

.inline_1	{
	display: flex; }

.line_1  {	                                                        /* top heading */
    font-size: 1.2em;
    padding: .5em;
    text-align: center; }
    
.line_2  {		                                                    /* 2nd heading */
    font-size: 1em;
    padding: .5em;
    text-align: center; }

.mainSec {
	padding-top: .5em; 
	padding-bottom: .5em; }
    
.subSec {
	padding-top: .5em; 
	padding-bottom: .5em; 
	padding-left: 1em; }

#cms { font-family: "Times New Roman", Georgia, Serif; }

.hrpage {
	padding-top: .5em;
    padding-bottom: .5em;
    text-align: center; }
.hrsubpart {
    font-size: 1.5em;
    text-align: center; }
.hrsechead {
	padding-top: .5em;
    text-align: left; }
.hrsec1 {
	padding-top: .4em;
    padding-left: 2em;}
.hrseca {
	padding-top: .3em;
    padding-left: 4em;}
.hrsecI {
	padding-top: .2em;
    padding-left: 6em; }
    
.s1	{
	background-color: #F0F0F0;
	line-height: 1.3em;
	padding: .5em;
	overflow: auto; }

fieldset { 
    background-color: #F0F0F0; 
	padding-left: .5em; }                                           /* format the <fieldset ...>      </fieldset> */

/* .inl { display: inline; }                                              minimizes a fieldset width */

img	{	
	border-color: black;	
	border-style: solid;
    border-width: 1px;
	}
	
.not {	
	border-color: black;	
	border-style: solid;
    border-width: 0px;
	}

input {                                                           /* format the <input ...                   /> */
	font-size: 1.3em;
	font-family: monospace;
	padding-left: .5em;
    width: 850px; }
    
.btnln {
    font-size: 1.3em;
	font-family: monospace;
	padding-left: .5em;
    width: 770px; }
    
.smlln  {
    font-size: 1.3em;
	font-family: monospace;
    text-align: center; 
    width: 150px; }
    
.medln  {
    font-size: 1.3em;
	font-family: monospace;
    text-align: center; 
    width: 300px; }
    
textarea {
    font-size: 1em;
	font-family: monospace;
	padding-left: .5em;
    width: 850px; }
                                                                    /* multiple classes <div class="line_2 inp" >  */

/* keep this order */
a           { target-name: new; target-new: tab; }                  /* waiting for support in Firefox, open link in new tab */
a:link 		{ color:#003366; text-decoration: none; }
a:visited 	{ color:#003366; text-decoration: none; }
a:active	{ color:#000000; text-decoration: none; }
a:hover 	{ color:#003366; text-decoration: underline; }


