BODY
{
    /*font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: medium;*/
    /*background-position:right bottom;
	background-color: Transparent;
    background-repeat:no-repeat;*/
	/*background:url('./images/Bkg.png');*/
	color: #7030A0;
}



#divWrapper
{
    margin:0 auto;
    text-align:center;
    /*width:600px;*/
	background: White;
	padding: 10px 10px 10px 10px;
	border: solid 1px #6F8169;
}
.question
{
	border: solid 1px #6F8169;
	padding: 0px 3px 0px 3px;
	background: White;
	color: #6F8169;
	font-weight: bold;
	text-decoration: none;
}
.toolTip
{
	font-size: small;
}

#copywrite
{
    color:Gray;
    background: transparent;
    font-size: x-small;
    font-family: Verdana, Arial;
    /*width:600px;*/
    padding:2em 0em 0em 0em;
	bottom:0;
}

#mainContent
{
    /*background-color:Transparent;*/
    background: transparent none;
    color: #000000;
    text-decoration: none;
    text-align:center;
    margin: 0 auto 0 auto;
}
#contentBody
{
    /*background-color:Transparent;*/
    background: transparent none;
    color: #000000;
    text-decoration: none;
    margin: 0 auto 0 auto;
    text-align:center;
}
#divSiteError
{
    margin:0 auto 0 auto;
    text-align:center;
	min-height: 100%;
	border: solid 1px #7030A0;
}

#divHelp
{
	text-align:left;
	margin:0 auto 0 auto;
}

.pageTitle {
	color: #7030A0;
	padding: 20px 0px 6px 0px;
}

.notes {
	font-size: .75rem;
	font-weight: normal;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color: #7030A0;
	padding: 15px 0 0 0;
}

.errorMessage
{
	color: Red;
	font-size: small;
	/*background-color: White;*/
	background: white;
	border-style: none;
	font-weight: normal;
	font-family: Arial,Verdana, Helvetica, sans-serif;
}

.successMessage
{
	color: Green;
	font-size: small;
	/*background-color: White;*/
	background: white;
	border-style: none;
}

.infoLabel {
	font-size: 12px;
	font-weight: bold;
	color: #7030A0;
	text-align: left;
	padding: 2px 4px 2px 4px;
}

.formatExample
{
	color: Gray;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	background: transparent;
}

.paymentBtn
{
	text-align:center;
}

.pymtAmt {
	font-size: 16px;
	font-weight: bold;
	color: #7030A0;
	padding: 12px 0 0 0;
}

/* Text box watermark */
.watermark
{
	color: Gray;
	font-style: italic;
	background: White;
}
/* End Text box watermark */

/* Popup Box Format*/
#divPopup
{
	position:absolute; 
	top:192px; 
	left:192px; 
	width:441px; 
	border:2px groove #36648B; 
    background: #F0F8FF none no-repeat;
    color: #000000;
}
.popupText
{
	background: #000000;
	font-weight:bold;
	font-size:small;
	color:#36648B; /*Steel Blue 4*/
	text-align:left;
}
.closeBtn
{
	font-weight: bold; 
	color: #B22222; /*Firebrick*/
	border:none;
    background: transparent; 
    text-align:right;
}
.ordercodesTable
{
	width:437px;
}
/* End popup box format */




/* Modal Popup */
/* Need all 4 settings fro different browsers to set transparency to 50%*/
.modalBackground
{
	background: Gray;
	color: #000000;
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: alpha(opacity=70);
	-ms-opacity:0.7;
}
.modalPopup
{
	background:#FFFFFF;
	color: #000000;
	border-width:1px;
	border-style: solid;
	border-color:Gray;
	padding:3px;
}
.modalTitle
{
	float:left;
}
.closeBtn
{
	float:right;
}
/* End Modal Popup */

/* Default Styles */

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #7030A0;
    background: transparent;
}
H1	{	
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	white-space:nowrap;
	}	
		
H2	{	
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-top:0px;
	}	
		
H5, DT	{	
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TABLE, TR, TD
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}


A:link {
	text-decoration: none;
	color: #7030a0;
	background: transparent;
}

A:visited {
	text-decoration: none;
	color: #7030a0;
	background: transparent;
}

A:active {
	text-decoration: none;
	color: #7030a0;
	background: transparent;
}

A:hover {
	text-decoration: underline;
	color: #7030a0;
	background: transparent;
}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family: "Courier New", monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	padding: 5px 0px 3px 0px;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

/* End Default Styles */

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}



#imgLogo {
	width: 100%;
	padding-top: 1rem;
}
#imgLogo h4, #imgLogo h2 {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}
#logo-notice{
	display: inline-flex; 
	justify-content: center;
	width: 100%;
}
#logo-notice p{
	max-width: 75%;
	font-size: small;
	text-align: center;
}
#myChart-notice{
	text-align: center;
	width: 100%;
	font-size: smaller; 
}
.navbar ul li {
	list-style-type: none;
}