body {
	font-size: 11pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin: 0;
	padding: 0;
	text-align: center;
	background: linear-gradient(to bottom right, #fff, #903);
}
h1, h2, h3, h4, h5 { color: black; font-family: Papyrus, Verdana, "Arial Black"; text-align: center }
h1 {font-size: 18pt; }
h2 {font-size: 14pt; }
img {max-width: 100%; height: auto; }
* {box-sizing: border-box;}
#cont {
	margin:0 auto;
	text-align:center;
	width:88%;
	background-color: #fff;
	padding:0;
}
#hdr {width:100%; text-align:center; margin:0; padding:0; background: linear-gradient(to bottom right, #903, #fff); }
@media only screen and (max-width: 600px) { #fltlft70 {width:79%; float:left; } }
@media only screen and (max-width: 600px) { #fltlft70 img { max-width:96px; } }
@media only screen and (max-width: 600px) { #fltlft70 h1 { font-size:14pt; } }
#fltlft70 {width:65%; float:left; }
#fltrt30 {width:30%; float:right; text-align:right;  }
@media only screen and (max-width: 600px) { #fltrt30 {width:100%; float:none; text-align:right;  }  }
#flttop30 {width:30%; float:right; background-color:#fff; border-radius:12px; opacity: 0.5; filter: alpha(opacity=50); margin:8px; padding-bottom:4px;  }
@media only screen and (max-width: 600px) { #flttop30 { width:18%; height:28px; overflow:hidden; float:right; background-color:#fff; border-radius:8px; opacity: 0.5; filter: alpha(opacity=50); margin:4px; padding-bottom:4px;     } }
@media only screen and (max-width: 480px) { #flttop30 h2 { font-size:12pt; } }
#flttop30:hover { opacity: 0.8; filter: alpha(opacity=80); background-image:url(images/RILogo_bg.gif); object-fit: contain; background-repeat:no-repeat; }
#flttop30 h1, h2, h3, p {margin:0; padding:0; line-height:1em; }
#main {width:100%; background-color:#fff; color:#000; margin:0px; padding:0px; }
#main h1, h2, h3, h4, h5 { color: black; text-align: center; margin:auto; line-height:normal;  }
#main form {text-align:left; padding-left:14px; width:80%; margin:0 auto; border-left: double #903; }
#bar {  background: linear-gradient(to bottom right, #903, #fff); font-weight:bold; padding:8px; }
#bar h1 h2 {color:#fff; font-weight:bold; }
#footer {width:99%; background-color:#fff; text-align:left; padding-top:8px; padding-left:4px;}

.small { font-size: 8pt }
.ctr { text-align: center }
.block_indent { padding-right: 36px; padding-left: 36px }
.block_indent_pcnt { padding-right: 20%; padding-left: 20% }
.white { color: #fff }
.bg-RILogo {
	background:url(/images/RILogo_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
}
.bgltgray {background-color:#CCC; }
.block25 {margin:0px; padding:8px; display:block; width:24%; text-align:center; float:left; }
@media only screen and (max-width: 480px) { .block25 {margin:8px; padding:8px; display:block; width:98%; text-align:center; float:none; }  }

.column {
    float: left;
    width: 30%;
    padding: 8px;
	margin: 10px;
	border-radius:8px;
	background: linear-gradient(#000, #903, #fff);
	border: groove 1px #CCC;
	
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.row {margin:0 auto; }

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (min-width:421px) and (max-width:680px) {
    .column {
        width: 29%;
		margin:8px;
    }
}
@media screen and (max-width:420px) {
    .column {
        width: 100%;
    }
}
.magnify { max-width:auto; max-height:100%; object-fit:contain; }