html, body {
	background:#000;
	color:#cca562;
	font-family: helvetica,arial,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: #c6af85;
	color: #DACBAF;  /* much much lighter */
	color: #D1BF9C;  /* much lighter */
	color: #CEBB97;  /* somewhat lighter */
	color: #C9B48B;  /* lighter */
	border-left: 10px solid maroon;
	padding: 3px;
	min-height: 40px;
}
h1 { font-size: 21pt; }
h2 { font-size: 18pt; }
h3 { font-size: 14pt;  border-left: 5px solid maroon; /*#802A00;*/ }
h4 { font-size: 12pt;  border-left: none; }
p, a {
	color: #cca562;
	font-size: 10pt;
/*	font-weight: 600;*/
}
a {
	text-decoration: none;
	color: #c6af85;
	border-bottom: thin #cca562 dotted;
}
a:hover {
	text-decoration: none;
	color:maroon;
}
a:active {
	text-decoration: underline;
	color:maroon;
}



.content {
	width: 800px;
	text-align: left;
	margin: 0px auto;
/*	float: top;*/
	/* position: absolute;  */ /* for flush left */
	background: #000;
}

.header {
	width: 800px;
	height: 150px;
/*	background: #fff url(i/banneri.png) no-repeat left top;*//* white banner*/
	background: url(i/banneri.png) no-repeat left top;
}

.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;
/*	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;
}
.menu a:selected {  
	color:yellow;
	outline: none;
	border: none; 
	text-decoration: none;
}
.menu a:visited {  
/*	color:green;*/
	outline: none;
	border: none; 
	text-decoration: none;
}
.menu a:hover {  
/*	color:brown;*/
	color:maroon;
	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;
}

.footer {
/*	color: maroon;*/
	color: #D4A017;
	font-size: 11pt; /* size of non-link text */
	font-weight: 700;
	padding-top: 10px;
	letter-spacing: 1px;
}
.footer a {  
	font-size: 10pt; /* size of link text */
/*	color: maroon;*/
	color: #D4A017;
	border: none; 
	text-decoration: none;
}
.footer a:selected {  
	color:yellow;
	outline: none;
	border: none; 
	text-decoration: none;
}
.footer a:visited {  
/*	color:green;*/
	outline: none;
	border: none; 
	text-decoration: none;
}
.footer a:hover {  
/*	color:brown;*/
	color:maroon;
	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;
}

.slideshow {
	width: 575px;
	height: 150px;
	overflow: none;
}

#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;
}

.twitter h1, .twitter h2, .twitter h3, .twitter h4 {
	border-left: 0px;
	padding: 3px;
	min-height: 0px;
}

.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; }
/* copy as an ID so tinymce editing can use it */
#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; }