html, body {
/*	background:#fff;*/

/*transparent bg pic*/
/*	 background:#fff url(/i/flowers1a.jpg) no-repeat left top;*/
/*	 opacity: 0.92;*/

	color:#cca562; /* tan font color */
	color:black;
	font-family: arial,helvetica,clean,sans-serif;
	margin: 3px 0px; padding: 0px;
	text-align: center;  /* so whole page content div is centered */
	font-size: 10pt;
/*	font-weight: 600;*/
}

h1, h2, h3, h4 {
	color: darkgreen; /* gold from sun in logo */
	border-left: 10px solid #E8A713;
	padding: 3px;
	min-height: 40px;
}
h1 { font-size: 21pt; }
h2 { font-size: 18pt; }
h3 { font-size: 14pt;  border-left: 5px solid #E8A713; /*#802A00;*/ }
h4 { font-size: 12pt;  border-left: none; min-height: 20px;}
p { margin-left: 8px; margin-right: 8px; }
p, a {
/*	color: #cca562;*/
	color: black;
	font-size: 10pt;
/*	font-weight: 600;*/
}
a {
	text-decoration: none;
/*	color: #c6af85;*/
	color: darkgreen;
	border-bottom: thin #cca562 dotted;
}
a:hover {
	text-decoration: none;
	color:#E8A713;
}
a:active {
	text-decoration: underline;
	color:#E8A713;
}
h1 a { font-size: 21pt; }
h2 a { font-size: 18pt; }
h3 a { font-size: 14pt; }
h4 a { font-size: 12pt; }


#bg{
	top:0;
	left:0;
	z-index:-1;
	position:fixed;
	overflow:hidden;
	width:100%;
	height:100%;
}

.content {
	width: 800px;
	min-height: 400px;
	text-align: left;
	margin: 0px auto;
/*	float: top;*/
	/* position: absolute;  */ /* for flush left */
/*	background: #fff;*/
	/* z-index: 2;*/	/* for bg image */

	margin-top: 5px;  /* for curvycorners so doesn't draw pointy box corners */
	margin-bottom: 00px;  /* for curvycorners so doesn't draw pointy box corners */
	/* curvy corners bug fixes, to keep h1,b/etc text from looking
	 * scraggly with opacity on:
	 */
	/* opacity used to be here, but moved into roundedcontentbox for cc: */
	/*	 opacity: 0.92;	*/ /* to see through to bg image */
	/*	 filter:alpha(opacity=92); */ /* same, for IE */
	 /* turn off radius here, inside inner div, leave on for outer
	  * roundedcontentbox div
	  */
	 -moz-border-radius:0ex;  /* bugfix for curvycorners in auto/css mode */
	 -webkit-border-radius:0ex; /* turns off cc for text */

}
.roundedcontentbox {
	 -moz-border-radius:3ex;  /* for curvycorners in auto/css mode */
	 -webkit-border-radius:3ex;
	/* below all needed for curvycorners to avoid bugs, match with .content */
/*	border: 0px solid #fff;*/ /* needed part of kludge?  3px?  1px? */
	width: 800px;
	text-align: left;
	margin: 0px auto;
	background: #fff;
}

.header {
	width: 800px;
	margin-left: 30px; /* nudge logo right, not left-just */
	height: 145px;
	//height: 165px;
	//background: url(https://reanimus.com/i/logo.jpg) no-repeat left 10px; 
	background: url(https://reanimus.com/i/logo.jpg) no-repeat left 0px; 
}

.menu {
	color: maroon;
	color: #D4A017;
	font-size: 14pt; /* size of '|' separators & non-link text */
	font-weight: 700;
	text-align: center;
	padding-bottom: 20px;
	letter-spacing: 1px;
	font-family: arial,helvetica,clean,sans-serif; /* avoid conflicts with forum css*/
/*	background: #c6af85;*/
}
.menu a {  
	font-size: 11pt; /* size of link text */
	font-weight: 900;
	color: #cca562;
	color: maroon;
	color: #D4A017;
/*	color: #802A00;*/
/*	text-shadow: #802A00 1px 1px 1px;*/
	border: none; 
	text-decoration: none;
}
	.topmenuitem a, .topmenuitem a:visited {  /* needed for forums? */
		color: maroon;
	}
.menu a:selected {  
	color:yellow;
	color: maroon;
	color: #D4A017;
	outline: none;
	border: none; 
	text-decoration: none;
}
.menu a:visited {  
/*	color:green;*/
	color: maroon;
	color: #D4A017;
	outline: none;
	border: none; 
	text-decoration: none;
}
.menu a:hover {  
/*	color:brown;*/
/*	color:maroon;*/
	color: #D4A017;
	color: darkgreen;
	border: 10px;
	text-decoration: none;
}
.menu a:active {  
	color:red;
	outline: none;
	border: 10px;
	text-decoration: none;
}

.middle {
	/* set min height for content area */
	min-height:400px;
        height:auto !important;
	height:400px; 
	overflow: auto; /* ensures grows w/o overlap 'notable' div */

	border-width: thin;
	border-color: #cca562;
	border-style: dotted;

	padding: 3px;
}

.step {
	font-size: 140%;
	font-weight: 800;
	font-style: italic;
	color: darkgreen;
}
.footer {
	color: maroon;
	color: #D4A017;
	font-size: 11pt; /* size of non-link text */
	font-weight: 700;
	padding-top: 10px;
	letter-spacing: 1px;

	z-index:2;
	font-family: arial,helvetica,clean,sans-serif; /* avoid conflicts with forum css*/
}
.footer a {  
	font-size: 10pt; /* size of link text */
	color: maroon;
	color: #D4A017;
	border: none; 
	text-decoration: none;
}
.footer a:selected {  
	outline: none;
	border: none; 
	text-decoration: none;
}
.footer a:visited {  
	outline: none;
	border: none; 
	text-decoration: none;
}
.footer a:hover {  
	color:maroon;
	color: #D4A017;
	color:darkgreen;
	border: 10px;
	text-decoration: none;
}
.footer a:active {  
	color:red;
	outline: none;
	border: 10px;
	text-decoration: none;
}

.notable {
	width: 200px;
	float: right;
	border-left: thin dotted #cca562;
	padding-left: 3px;  /* inside, from dots to text */
	margin-left: 10px;  /* outside, from left content to dots */
	margin-bottom: 10px;
	display:inline;
}

.storebooktitle { font-size: 16pt; }
.storebookauthor { font-size: 12pt; }
.storeshortblurb { font-size: 10pt; }
.storeblurb, .storeblurb p { font-size: 10pt; }

.slideshow {
/*	width: 575px;*/
	height: 142px;
/*	overflow: none;*/
	background: 000;
	 opacity: 1;
	 filter:alpha(opacity=100); /* same, for IE */
}

#headerlink {
	width: 400px; 
	height: 150px; /* same as image height */
	text-decoration: none;
	border-width: 0px;
	display:block;
}
#headerlink a {  
	border: none; 
	text-decoration: none;
	outline: none;
}
/* XXX shows border while clicking & after visited if go back, so disable: */
.header a:selected { outline: none; }
.header a:visited { outline: none; }
.header a:hover { outline: none; }
.header a:active { border: none; outline: none; }

.fb { display: none; }

.button { background-color: #c6af85; }
.submit { background-color: #c6af85; }

.imglink {  
	border: 0; 
	text-decoration: none;
	outline: none;
}
.imglink a {  
	border: 0; 
	text-decoration: none;
	outline: none;
}

.imgdeco {
	margin: 5px;
	border-top: 3px maroon solid;
	border-bottom: 3px maroon solid;
}
.hl {
	text-decoration: none;
/*	color: #c6af85;*/
	color: maroon;
	border-bottom: thin #cca562 dotted;
	font-weight: 700;
}


/* fix minheight so doesn't kill footer on ie7, bg black so looks like is loading */
.twitter { width: 200px; min-height: 400px; background: black; }
.twitter h1, .twitter h2, .twitter h3, .twitter h4 {
	border-left: 0px;
	padding: 3px;
	min-height: 0px;
}

.bigicon {
	float:left;
	text-align: center;
	vertical-align: top;
	height: 100px;
	width: 200px;
	padding: 20px;
}
.bigiconimg {
	border: none;
	text-align: center;
/*	filter:alpha(opacity=92);*/
/*	background: #fff;*/
	text-decoration: none;
}

.largerAsterisk { font: 14px bold verdana, tahoma, arial, sans-serif; color: white; }

.silverCircleTable { margin: 0 auto 12px auto; border-bottom: 2px solid #ccc; width: 540px; background-color: #ECE8F0; }
.silverCircleTable th { padding: 4px 8px; color: #000; /*#fff;*/ background-color: silver; /*#915BB4;*/ text-align: center;
vertical-align: middle; font-size: 13px; }
.silverCircleTable td, .goldCircleTable td { padding: 10px; vertical-align: top; text-align: center; }
.silverCircleTable td a, .goldCircleTable td a { color: maroon; /*#536CB8;*/ font-weight: bold; }
.silverCircleImg { display: block; margin: 0 auto 4px auto; border: 0; }
.silverCircleBioPhoto { float: right; display: block; margin: 10px; border: 1px solid #aaa; padding: 4px; }

.goldCircleTable { margin: 0 auto 12px auto; border-bottom: 2px solid #ccc; width: 540px; background-color: #F0EBD1; }
.goldCircleTable th { padding: 4px 8px; color: #fff; background-color: #C59C0F; text-align: center;
vertical-align: middle; font-size: 13px; }

.boardTable { margin: 0 auto 20px auto; border-Bottom: 1px solid #ccc; padding: 0;  background-color: #F0EBD1; /*#ECE8F0;*/ }
.boardTable th { padding: 4px 8px; color: #fff; background-color: #C59C0F; /*#915BB4;*/ text-align: center; vertical-align: middle; }
.boardTable td { color: black; border-bottom: 1px solid #d6d6d6; padding: 4px 8px; height: 30px; vertical-align: top; text-align: left; }
.boardTableColumnOne { width: 140px; }
.boardTableColumnTwo { width: 120px; }
.boardTableColumnThree { width: 120px; }

#archivesList { margin: 0; width: 400px; }
#archivesList td { padding: 0 6px; width: 188px; vertical-align: top; text-align
: left; }
#archivesList h3 { border: none; }