body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	color: #000000;
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC9933;
}

p	{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: .8em 0em;
	text-indent: 0;
	line-height: 1.2;
}

ol	{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
}

ul	{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
}

li	{
	margin-bottom: .5em;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

	
li ul li	{
	margin-bottom: .5em;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}
	
/* use 1em to avoid compounding the font size from OL and P */
li p	{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

li ol 	{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

li ol li	{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color: #990000;
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0px .5em 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-transform: uppercase;
	border-bottom: solid 1px;
}

h2 {
	color: #990000;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0px 0.5em 0px;
}

h3 {
	color: #990000;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0px 0.5em 0px;
}

h4 {
	color: #990000;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0px 0.5em 0px;
}

table	{
	font-size: .85em;
	border-color: #000;
}

img {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.red {
	color: #CC0000;
}
.gray {
	color: #94A3A6;
}
.black {
	color: #000000;
}
.aqua {
	color: #009966;
}
.neon {
	color: #FF0033;
}
.purple {
	color: #990099;
}
.brown {
	color: #6C4E31;
}
.earth {
	color: #D9B87F;
}
.blue {
	color: #0D82B3;
}
.white {
	color: #FFFFFF;
}

.sizzle {
	font-weight: bold;
	font-style: italic;
	color: #990000;
	background-color: #FFCC99;
	width: 12em;
	border: thin dotted #FFCCCC;
}
.brdrbottom	{
	border-bottom:solid #990000 1px;
	padding-bottom:4px;
	margin-bottom:4px;
}

.underline	{
	text-decoration: underline;
}

.textcenter	{
	text-align: center;
}

.textlarger {
	font-size: larger;
}

.textbig150	{
	font-size: 150%;
	font-weight: bold;
}

.textbig200	{
	font-size: 200%;
	font-weight: bold;
}

.shiftleft20	{
	margin-left: -20px;
}

.indent	{
	text-indent: 2em;
}

.right {
	width: 11em;
	float: right;
}

.left	{
	width: 11em;
	float: left;
}

.rightimage {
	margin: 10px;
	float: right;
	text-align: center;
}

.rightwide {
	float: right;
}

.right2 {
	width: 100px;
	float: right;
}

.left2	{
	width: 100px;
	float: left;
}

.leftwide2	{
	width: 150px;
	float: left;
	padding: 0 3px;
	background-color: #996633;
	color: #FFFFCC;
}

.leftwider	{
	width: 250px;
	float: left;
	background: white;
	padding: 0 3px;
}

.leftimage {
	margin: 10px;
	float: left;
	text-align: center;
}
.centerimage {
	width: 100%;
	text-align: center;
}

.centerbox	{
	margin: 10px auto 0 125px;
	width: 400px;
	background: white;
	text-align: center;
}
	
.centerboxtransparent	{
	margin: 10px auto 0 125px;
	width: 400px;
	text-align: center;
}
	
.staffblock	{
	margin: 10px 5px;
	padding: 10px;
	float: left;
	text-align: left;
	width: 32em;
	border: solid 1px #990000;
	background-color: #ECCD93;
}

.staffphoto	{
	margin-right: 20px;
	border: solid 1px #990000;
	float: left;
}

.captionimage	{
	margin: 10px;
	float: right;
	text-align: center;
	height: 12em;
	width: 10em;
}
	
.clearall	{
	clear: both;
}

/* needed for IE/Mac and Safari/Mac to make a hard break between rows to clear the floats on CCS tableless form */
.spacer {
	clear: both;
	display: block;
	font: 1px/1px sans-serif;
	height: 1px;
}

/*need padding for NN to move bullet images from edge */
ul.diamond	{
	list-style-image: url(/images/bullet28.gif);
	padding-left: 3em;
}

.brdr	{
	border: 2px solid #990000;
	margin: 0em;
	padding: .5em;
}
	
.brdrdotted	{
	border: 2px dotted #990000;
	margin: 0em;
	padding: .5em;
}

.brdr h2, div.brdr h3, div.brdr p {
	margin-top: .25em;
	margin-bottom: .25em;
}

.highlight	{
	background-color: #CC9966;
	border-top: 1px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
	border-left: 1px solid #990000;
	margin: 1em;
	padding: .5em .5em .5em .5em;
	color: #642100;
	width: 15em;
}

.highlightcenter	{
	background-color: #CC9966;
	border-top: 1px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
	border-left: 1px solid #990000;
	margin: auto;
	padding: .5em .5em .5em .5em;
	color: #642100;
	width: 20em;
}

.highlightcenterwide	{
	background-color: #CC9966;
	border-top: 1px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
	border-left: 1px solid #990000;
	margin: auto;
	padding: .5em .5em .5em .5em;
	color: #642100;
	width: 30em;
}

.highlightwide	{
	background-color: #CC9966;
	border-top: 1px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
	border-left: 1px solid #990000;
	margin: 1em;
	padding: .5em .5em .5em .5em;
	color: #642100;
}

	
.sidequote {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	color: #642100;
	margin: .4em 0em;
	text-align: right;
}

.sidequotesmall {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #642100;
	margin: .4em 0;
	text-align: right;
}

div#michael	{
	background-image: url("/images/boy.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

div.form	{
	width: 95%;
	background-color: #990000;
	color: #FFFFFF;
	border: 1px dotted #333;
	padding: 5px;
	margin: 0px auto;
}

div.formrow {
	clear: both;
	padding-top: 5px;
}

div.form span.label {
	float: left;
	width: 25%;
	text-align: right;
}

div.form span.input {
	float: right;
	width: 73%;
	text-align: left;
}
 
 div.form a	{
	color: #FFFF66;
}

 div.form a:hover	{
	color: #FF9966;
}

div#banner {
	margin: 0px;
	background: #CC9933 url(/images/RSLbanner.jpg) no-repeat;
	height: 120px;
}

/* use HEIGHT to keep RSLlogo.jpg from getting cut off at certain browser sizes */
div#byline {
	background: #CC9933 url(/images/RSLlogo.jpg) top right no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 400px;
	margin-right: 0px;
	padding-top: 60px;
	padding-right: 180px;
	color: #990000;
	text-align: center;
	height: 44px;
}

div#leftcol {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 150px;
	background-color: #CC9933;
	padding-top: 0;
	margin-top: 0;
}

ul#menuseven {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#menuseven li {
	display: inline;
	list-style: none;
}

#menuseven li a {
	background-color: #990000;
	border-bottom: #392a1f 1px solid;
	border-left: #d4bfb1 1px solid;
	border-right: #392a1f 1px solid;
	border-top: #d4bfb1 1px solid;
	color: #FFFFFF;
	display: block;
	font: .9em  verdana, arial, georgia, sans-serif;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

#menuseven li a:hover {
	background-color: #CC3300;
	border-bottom: #392a1f 1px solid;
	border-left: #d4bfb1 1px solid;
	border-right: #392a1f 1px solid;
	border-top: #d4bfb1 1px solid;
	color: #ffffff;
	display: block;
	font: .9em verdana, arial, georgia, sans-serif;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

#menuseven li a:active {
	background-color: #FF6666;
	border-bottom: #392a1f 1px solid;
	border-left: #d4bfb1 1px solid;
	border-right: #392a1f 1px solid;
	border-top: #d4bfb1 1px solid;
	color: #392a1f;
	display: block;
	font: .9em verdana, arial, georgia, sans-serif;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

/* Can't use nonzero left or right padding or IE6 loses the edge between #content and #rightcol when resize narrower
such that the #content DIV moves below the content on #rightcol */
div#rightcol {
	position: absolute;
	top: 120px;
	right: 0px;
	padding-top: 1em;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px -2px 0px 0px;
	width: 12.2em;
	color: #000;
	background-color: #CC9933;
}

div#content {
	margin-left: 150px;
	margin-right: 15.8em;
	margin-top: 0px;
	background-color: #F9E9C8;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border: solid #990000 1px;
}

/* Holly Hack for IE - Use HEIGHT of any amt to force the background color and border below any floats
on the #content DIV.  NN and IE Mac is not impacted by this, but uses spacer DIV instead. The spacer
DIV sometimes works for IE , but sometimes some of the text disappears when resizing IE*/
/* Hides from IE-mac \*/
* html #content {
	height: 1%;
}

/* End hide from IE-mac */
/*Here is another method that works for non-IE (Win and Mac) browsers (rather than using spacer DIV method
which is technically non-semantic), but not used for this site 
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*/
/* this eliminates a right column*/
div#content.wider {
	margin-right: 2px;
	margin-left: 154px;
}

/* this eliminates a right column and fixes the width for display of wide charts, etc.*/
/* uses the Tantek box model hack for IE */
.widerfixed {
	margin-right: 2px;
	margin-left: 154px;
	width: 702px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:680px;
}
/* Be nice to Opera rule to go with the above */
html>body .content {
	width: 680px;
}
 
/* NOTE IE5 has to have this or the #content div slides down a little from #banner */
div#content h1 {
	margin-top: 0px;
}

/* seem to need a height set (to any amount!) for IE5 to display the backgrnd color to the bottom 
of the float in the footer. NN 6 needs it set to sufficient value (assuming the height property is specified - but like IE6, it works without
height set at all)  */
div#footer {
	clear: both;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	color: #990000;
	background-color: #CC9933;
	height: 60px;
	font-size: .8em;
}

.bottomnav li {
	display: inline;
}

.bottomnav li a {
	color: #990000;
}

.bottomnav li a:hover {
	color: #FFFFFF;
}

#copyright {
	float: right;
	padding: 0px 5px;
}

img#valxhtml {
	width: 100px;
}

img#valcss {
	width: 100px;
}

table#calendar	{
	font-size: .85em;
	border-color: #000;
}