body {
	font:  verdana, arial, sans-serif;
	font-size: 84%; /* was 76% */
	color: #555753;
	background: #fff;
	margin: 0px 6px 0px 6px;
	}
	
p.legacy {
	font: .84em verdana, arial, sans-serif;
	margin: 0px px 8px px;  /*bottom must be 8px or more */
	text-align: left;
	/*text-align: justify;*/
	}
p.red {
	font: .84em verdana, arial, sans-serif; 
	color: #8B0000;
	margin: 8px 8px 8px 8px;
	text-align: left;
	}	
p.toplinks  {
	margin-top: 6px;  /*fixing Opera 6 break problem*/	
	}
	
p.label {
	font: .8em verdana, arial, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
	}

p.content {
	font: 1.2em verdana, arial, sans-serif; /* was 12pt */
	margin-right: 20px;
	}
h3.reg {
	font: italic bold 1em verdana;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #7D775C;
	}
	
h3.spaced {
	font: italic bold 1.2em verdana, arial, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 50px;
	margin-bottom: 0px;
	color: #7D775C;
	}
h2 {
	font: bold 1.6em verdana, arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #7D775C;
	}
h1.header  {
	font: bold 2.6em impact, verdana, arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 8px;
	color: #7D775C;
	}

h1.smallhead  {
	font: italic bold 2em verdana, arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 0px;
	color: #7D775C;
	}
span.reg  {
	font: italic bold verdana, arial, sans-serif;
	font-size: .88em;
	letter-spacing: 1.2px;
	/*color: #003300; #7D775C;*/
	color: #555555;
	}	
	
/* first colors link B7a5DF, visited D4CDDC, active 9685BA, too light? 1A5D73 Best other link 835D4A*/	
a:link {
	font: 92% verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #835D4A;  /* Best color before #835D4A; THEN 191970  */
	}

	
	
a.g:link  {
	font: 92% verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #009900;  /* Best color before #835D4A; THEN 191970  */
	}	
a.g:visited {
	font: 92% verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #009900;  /* Best color before #835D4A; THEN 191970  */
	}	
a.g:hover, a.g:active  {
	font: 92% verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #483D8B;  /* 009900*/
	}	
a:visited {
	font: 92% verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #5A0000;
	}
a:hover, a:active {
	font: 92% verdana, arial, sans-serif;
	font-weight: bold;
	color: #483D8B;  /* Best old is red... #8B0000   */
	}

/* Specific Divs:  all is to contain everything so the others can be aligned properly... left is for the navigation sheet and is the one I have had the most trouble with across browsers, Ok now in Konqueror, Mozilla, old Opera, Internet Explorer, Opera, Firefox.  base is for graphic closure.  content is for main flow.*/

div.all  {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
div.topheader  {
	width: 100%;
	font-size: 110%;
	background: url(HRimages/topshade.jpg) repeat-x top left;
	float: top;
	}
div.tophead2  {
	width:  100%;/* former container of background image thinshade.jpg */
	background: url(HRimages/thinshade.jpg) repeat-x top left;
	float: top;
	}
div.copyright  {
	width:  94%;
	background: url(HRimages/thinshade.jpg) repeat-x top left;
	}	
	
div.table  {
	float: left;
	clear: left;
	}
div.twoblocks  {
	width: 98%;
	}
	/* div.leftAll  {
	border: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 294px;
	} */
	
#leftAll  {
	position: absolute; top: 70px; left: 3px; /* float left equivalent */
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 294px;
	background-color: #FFE4B5;
	}
*html>#leftAll {width: 294px; /* Opera correction */
	}
		
div.tiling  {
	width: 294px;
	background: url(HRimages/tileXX.jpg) repeat;
	float: left;
	clear: left;
	}
div.headleft  {
	width: 294px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	float: left;
	clear: left;
	}
div.left  {
	text-align: left;
	background: url(HRimages/sideshadowX.jpg) repeat-y top right;
	width: 294px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	clear: left;
	}
div.base  {
	text-align: left;
	background: url(HRimages/baseshadowX.gif) no-repeat bottom left;
	width: 294px;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	float: left;
	clear: left;
	}
div.content  {
	text-align: left;
	margin-right: 20px; /* images need margin to sit in, or will drop */
	}
div.liner {
	width:  50%;/* former container of background image thinshade.jpg */
	background: url(HRimages/thinshade.jpg) repeat-x top left;
}
#content2  {
	margin 0px;
	border: 0px;
	padding: 4px 6px;  /* worked in all with "width: (nothing, not even ";"" */
	}
html>#content2  {width: 500px;  /* Opera bug */
	}	

img.floatright  {
	display: inline;
	float: right;
	clear: right;
	margin-top: 16px;
	margin-left: 8px;
	margin-right: 0px;
	}
	
		
	p.capright {
	font: 1em verdana, arial, sans-serif; /* was 12pt */
	margin-right: 120px;
	margin-left: 100px;/*new setting*/
  color: #7D775C;
	}