body		{
		font-family: "Arial", "Verdana", "Helvetica", "Sans-serif";
		font-size: 100%;
}

/* BACKGROUND COLORS  */

.bak, .NavbarHere, .summary {		   /*  div.ContentDiv */
		background-color: #FFFFDD; /* very light yellow */
}
.summary, .image, .image2, .image3 {  
		border-color: #f8c473; /* yellow-orange */
}
.bakcon, table#toc, #sales, .moreinfo, table.newsinfo, .here, td.addmesshdr {        
		background-color: #DBDBFF; /* blue denim */
}
 td#Content, table.ordform  {
 		border: 3px solid #DBDBFF;
}		
.ordform, .ordform td, #WelGuest, #artordform {
		background-color: #ebf5fc; /* light blue matches PnP order form */
		border-color: #ff3300;
}
.button	{
	background-color: #D4A5B4;	/* magenta */
	border-color: #D4A5B4;
}	
.dscnt {
			color: #ff3300; /* red */
}
.error	{
		color: #ff3300; /* red */
		font-size: 1.24em; 
		font-weight: bold;
}		   
a.navlink	{
		color: blue;
}
a.navlink:hover {
		color: red;
}
a.button	{
	color:black
}	

/*  FONTS - TEXT  */

.large {
		font-size: 1.24em;    
}
.medium {
		font-size: 1em;  
}												
.small {
		font-size: 0.9em; 
}
.x-small {
		font-size: 0.8em;  
}
.xx-small {
		font-size: 0.7em;
}
.b		{
		font-weight: bold;
}
.it	{
		font-style: italic;
}
.rht	{
	text-align: right;
}	
.nj	{
		text-align: left;
}
.center	{
		text-align: center;
}
h1 {
		font-size: 2.0em;
		clear: both;
}
h2 {
		font-size: 1.6em; 
		margin-bottom: 5px;
		clear: both;
}
h3 {
		font-size: 1.2em;
		margin-bottom: 2px;
}
h4  {
		font-size: 1em;
		margin-bottom: 2px;
}
h5  {
		font-size: 0.75em;
		margin-bottom: 2px;
}

/* DISCUS PARTS */
												/* diagnostics */
/*    div {
												border-style: solid;
												border-width: medium;  
												border-color: blue;									
 }
 table {
												border-style: solid;
												border-width: medium;  
												border-color: red;
	}
tr {
												border-style: solid;
												border-width: medium;  
												border-color: green;
	}
td {
												border-style: solid;
												border-width: medium;  
												border-color: black;
}   */
												/* /diagnostics */

div#Page {
			width: 100%;									
 }
table.PgLayOut	{ /* Main controller of Pg Layout columns */
		width: 100%;
		clear: both;
}
.PgLayOut td	{ 
	padding: 10px;
}
table#PgHeader	{
	height: 100px;
	font-weight: bold;
}
.jingle	{
		font-weight: bold;
		font-style: italic;
}
table#PgNav, table#FmNav{	
	text-align: left;
	width: 100%;
	padding: 5px;
}
	td#NavRow	{
		font-weight: bold;
		font-style: italic;
		font-size: 0.8em; 
}
	.navbarhere		{
		font-style: normal;
}	
div.ContentDiv {
 	vertical-align: top;
}
table#MainTbl	{
}	
	div#WelGuest	{
 		padding: 10px;
 		font-size: 0.75em;
		font-weight: bold;
		font-style: italic;
		text-align: justify;		
}
	td#NavCol	{
		width: 200px;
		vertical-align: top;
}
		div#dmbTB1ph {
				vertical-align: top;
/* 		position:fixed;
			top: 200px;
			left: 20px; */
}
	td#Content	{
		width: 100%;
		padding: 20px;	
		vertical-align: top;
}
table.TblLayOut td {
} 
#topicname {
			font-size: 1.5em; 
			font-weight: bold;
} 
.subtoptitle	{
		font-weight: bold;
}	
.topicstats	{
		font-size: 0.75em;  
		font-weight: bold;
}				
table.AddMessTbl {
		padding: 20px;
		width: 100%;
} 
	table.AddMessTbl td	{
		padding: 2px;
}		
	td.addmesshdr {
		font-size: 1.50em;
}		
 table#PostsTbl {
 	border-color: #DBDBFF; 
	border-collapse: collapse;
}
table#fpanelTbl	{
	width: 100%;
}	
	table#fpanelTbl	td	{
	width: 100%;
	vertical-align: bottom;
}	
.authorname		{
		font-size: 1.25em;  
		font-weight: bold;
}		
.authorinfo	{
		font-size: 0.75em;  
		font-weight: bold;
}
table#NoFrButton 	{
		font-size: 0.8em; 
		font-weight: bold;
		font-style: italic;
}
table#PgFooterTbl	{
		height: 300px;
}
	table#PgFooterTbl td		{
		font-weight: bold;
		font-style: italic;
} 

	/* Home Page  */
	
table#HoPgHeader	{
	height: 200px;
	font-weight: bold;
}
table#TopicTbl {
	width: 100%;
}
table#TopicTbl td{
	vertical-align: top;
}
.EquiNews, .EquiNews td	{
		font-family: "Arial", "Verdana", "Helvetica", "Sans-serif";
}

/* ARTICLE PARTS */

#article, #article td{	/*used on whole page of all article pages php included*/
		text-align: justify;
		font: normal normal normal 100% "Arial", "Verdana", "Helvetica", "Sans-serif";
}
#author {
		font-size: 0.75em;
		font-weight: bold;
}
.bbbssl	{
	padding: 10px;
	font-size: 0.5em;
	font-weight: bold;
}		
#artordform {
		padding: 40px;
}		
#sales	{
	padding: 10px;
	font-size: 0.75em;
	font-weight: bold;
}
#artstats	{
		padding: 20px;
		font-size: 0.75em;
		font-style: italic;
}
table.ordform	{
}
.navigation {
		font-size: 0.6em; 
		font-weight: bold;
		font-style: italic;
		text-align: left;
}
div.subtopic	{
		padding-left: 20px;
		padding-right: 0px;
		margin-bottom: 5px;
		text-align: justify;
}
.clear			{
		clear: both;
}
div#footer {
	margin-bottom: 8px;
	padding: 5px;
	text-align: center;
	clear: both;		
}
div.printwhole	{
		page-break-before: always;
		page-break-after: always;
}
div#conditions	{				/*in join form*/
		position: relative; top: 50px; left: 50px;
}
ul {
		font-style: inherit;
		margin-top: 3px;
		margin-bottom: 3px;
		page-break-inside: avoid;	
}
p {
		font-size: 100%;	
		text-align: justify;
		page-break-inside: avoid;
}
table#toc {
		width: 160px;
		float: left;
		border-style: solid;
		margin: 10px;
		font-size: 0.75em;
		font-weight: bold;
		font-style: italic;
		background-repeat: repeat;
}
.image, .image2, .image3 {
		margin: 20px;
		border-style: solid;
		text-align: left;
 		font: italic normal normal small "Arial", "Verdana", "Helvetica";
}
.image {
		float: right; 
}
.image2 {
		float: left; 
}
.image3 {
		clear: both;
		margin-left: auto;
		margin-right: auto;
}
.info {
		margin: 8px;
		padding: 8px;
		font-size: x-small;
}
.moreinfo {
		margin: 5px;
		padding: 10px;
		text-align: justify;
		font-size: 0.8em;
		clear: both;
}
table.newsinfo {  /*deprecated to moreinfo*/
		width: 350px;
		float: right;
		margin: 10px;
		text-align: justify;
		font-style: italic;
 		font-size: small;
}
table.summary {  
		float: right; 
		width: 350px;
		margin-left: 20px; 
		margin-bottom: 20px;
		border-style: solid;
		text-align: left;
 		font-style: italic;
 		font-size: small; 
 }
.button {
	border: 4px;
	border-style: outset;
	padding: 4px;
	margin: 3px;
}
.artlink	{
		font-style: italic;
		font-size: 0.75em;
}
/*
a:link 		{color:#000099; font-style:italic; text-decoration:none}
a:visited 	{color:#660033; font-style:italic; text-decoration:none}
a:active 	{color:#660033; text-decoration:underline}
a:hover 		{color:#0000ff; text-decoration:underline}
*/