body {
	/* 
	Here we'll declare the default font-size and font-family.
	The rest of the typographical rules use relative sizes based on this font-size.
	We can easily modify overall typography by changing or overriding these values.
	*/
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#E6DC76;
	background-image:url(/images/body_bg1.gif);
	margin:0px 10px 0px 17px;
	padding:0;
	}

p {margin:0 0 1em;}
/* Browsers that understand the CSS child selector get the good typography. */

a {
	color:#007F00;
	text-decoration:none;
	font-weight:600;
	}
a:link {color:#007F00;}
a:visited {color:#004B00;}
a:hover {background-color:#E6E0C2;}

h1 {
	color:#000000;
	font-size:2.18em; /* ~24px */
	font-weight:800;
	margin:2px 0px 0px 0px;
	}
h2 {
	color:#333;
	font-size:1.60em; /* ~24px */
	font-weight:800;
	margin:2px 0px 0px 0px;
	}
h3 {
	color:#666;
	font-size:1.4em;
	font-weight:700;
	margin:1px 0px 0px 0px;
	}
h4 {
	color:#999;
	font-size:1.2em; /* ~14px */
	font-weight:800;
	margin:1px 0px 0px 0px;
	}
h5 {
	color:#999;
	font-size:1em;
	font-style:italic;
	font-weight:800;
	margin:1.8em 0 .27em; /* ~20px 0 ~3px */
	}

blockquote {
	margin:1em 2.7em 1.36em; /* 11px ~30px ~15px */
	color:#666;
	line-height:1.5;
	}
	
img {
border-width:1px;
border-style:dotted;
border-color:#004B00;
background-color:#E6DC76;
padding: 1px;
margin: 10px;
}
img.thumb {margin:10px 1px;}

#menu {
	float:left;
	width:150px;
	margin-top:75px;
	padding:0 10px 40px;
	background-image:url(/graphics/dotted_vertical.gif);
	background-repeat:repeat-y;
	}
#menu h2 {
	color:#ccc;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.86em 0 .214em; /* ~12px 0 ~3px */
	}
#menu p {
	font-size:.9em;
	line-height:1.5;
	margin:0 0 2em;
	}
#menu ul {margin:0 0 0 1em; padding:0;}
#menu li {list-style-type:none; margin:0; padding:0; text-indent:-1em;}
	
/* Please forgive me.
   The extra DIV (Main) is needed to overcome a shortcoming of Opera5/Win.
   The prefered way to set the width of the content would be to pad the 
   content of #content using 
   "#content>* {padding-left:114px; padding-right:15px;}" */

#main {
	clear:left;
	float:left;
	width:70%;
	}

#content {
    margin: -10px 0px 0px 30px;
	padding:18px 15px 0px 15px;
	background-image:url(/graphics/bg_leaf.gif);
	background-color:#E6E0C2;
	background-repeat:no-repeat;
	background-position:top right;
	border-color:black;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	}
    
#content h1 {
	color:#000000;
	font-size:2.18em; /* ~24px */
	font-weight:800;
	margin:2px 0px 0px 0px;
	}

#content h2 {
	color:#333;
	font-size:1.60em; /* ~24px */
	font-weight:800;
	margin:2px 0px 0px 0px;
	}
    
#content p {line-height:1.8; /* ~20px */
margin: 4px 0px 0px 9px;
}

#content blockquote p {line-height:1.5;}
    
#content img.left {
border-width:1;
margin: 20;
}

#top {
	width:99%;
    background-color: black;
    height:20px;
	margin-top:0px;
	border-color:black;
	border-style:solid;
	border-width:1px 1px;

}
#header {
	width:99%;
	margin-top:0px;
	height:92px;
	border-color:black;
	border-style:solid;
	border-width:1px 1px;
	background-color:#E6DC76;
	background-image:url(/images/rflo_bg_header1.jpg);
	background-repeat:no-repeat;
	background-position:220px 0px;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. */
	voice-family: "\"}\"";
  	voice-family:inherit;
		height:99px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. */
body>#header {height:99px;}

#headerlogo {
	float:left;
	height:92px;
    width:200px;
	background-image:url(/images/logo/rflo_logo_m.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:17px 0 0 114px;
	}


#headeroverlap {
	position:absolute;
	top:-20px;
	left:69%;
	width:193px;
	height:220px;
	background-image:url(/images/gnome1.gif);
	background-repeat:no-repeat;
	}
    
.tooltip {
cursor: help;
}

#footer {
	clear:both;
	padding:5px 0px 10px 30px;
	text-align:left;
	font-weight:800;
	color:#333;
	}

#lognav {margin:3em 0 4em; text-align:center;}