article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary 
								{background-color:yellow; display:block; /*border:2px solid red;*/}

header, footer, .header			{background-color:white; margin-left:auto; margin-right:auto; margin:1px; padding:1px; text-align:center; }
													
nav								{background-color:white; /*border:2px solid blue;*/font-weight:bold;  font-size:100%; 
								margin-left:auto; margin-right:auto; margin:1px; padding:5px; text-align:center; line-height:220%;}
													
nav  a							{background-color:yellow; border:2px solid black; font-size:100%; padding:5px; text-decoration:none; 
								margin-left:auto; margin-right :auto; text-align:center; margin:0px; list-style:none; 
								line-height:220%; }
								
nav h2 a, p a					{background-color:yellow; border:2px solid black; font-size:100%; padding:5px; text-decoration:none; 
								margin-left:auto; margin-right :auto; text-align:center; margin:0px; list-style:none; 
								line-height:220%; }

p								{margin:2px; color:black; text-align:left; padding:2px; }

pre								{/*background-color:yellow;*/ border:0px solid yellow; color:black; text-align:left; }

code							{/*background-color:aqua;*/ border:0px solid aqua; color:black; text-align:left; }

caption.center					{text-align:center; }
caption 						{display: table-caption; text-align:center; }

div.center						{margin-left:auto; margin-right:auto; text-align:center; }
header.span.center				{margin-left:auto; margin-right:auto; text-align:center; }

.center							{text-align:center; }

.left 							{text-align:left; }

/* id "styles" */
#entire-page					{border:1px solid red; text-align:center; margin-left:auto; margin-right:auto;}
#main							{/*border:1px solid yellow;*/ margin-left:auto; margin-right:auto;}

.float-left						{float:left;}
.float-right					{float:right;}
.div-pos-top					{vertical-align:top; }

/* style replacement classes*/

.padding-0						{padding:0px;}
.padding-1px 					{padding:1px;}
.padding-2px 					{padding:2px;}
.margin-0						{margin:0px;}

/*.hdr150						{margin:0px; font-size:24px; padding:0px; font-weight:bold; } */
h1								{margin:0px; font-size:21px; padding:0px; font-weight:bold; }
h2								{margin:0px; font-size:16px; padding:0px; font-weight:bold; }
/*.hdr100						{margin:0px; font-size:16px; padding:0px; font-weight:bold; } */
/*.hdr090						{margin:0px; font-size:14px; padding:0px; font-weight:bold; } */
/*.hdr080						{margin:0px; font-size:13px; padding:0px; font-weight:bold; } */

.style-type-none 				{list-style-type:none; }
.clear							{clear:both;}

/* <tt> replacement */
.tt-dis   						{font-family:monospace;}

/* text size and weight */
.font-small						{font-size:14px; }
.font-large						{font-size:18px; }
.font-bold						{font-weight:bold; }

/* text color */
/* aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow */
.aqua							{color:aqua; }
.black							{color:black; }
.blue							{color:blue; }
.fuchsia						{color:fuchsia; }
.gray							{color:gray; }
.green							{color:green; }
.lime							{color:lime; }
.magenta						{color:#FF00FF;}
.maroon							{color:maroon; }
.navy							{color:navy; }
.olive							{color:olive; }
.orange							{color:orange; }
.purple							{color:purple; }
.red							{color:red; }
.silver							{color:silver; }
.teal							{color:teal; }
.white							{color:white; }
.yellow							{color:yellow; }

/* border */
/* aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow */

.border-0						{border:0px;}

.border-1px-aqua 				{border:1px solid aqua;}
.border-1px-black 				{border:1px solid black;}
.border-1px-blue 				{border:1px solid blue;}
.border-1px-fuchsia				{border:1px solid fuchsia;}
.border-1px-gray				{border:1px solid gray;}
.border-1px-green				{border:1px solid green;}
.border-1px-lime 				{border:1px solid lime;}
.border-1px-magenta				{border:1px solid #FF00FF;}
.border-1px-maroon				{border:1px solid maroon;}
.border-5px-maroon				{border:5px solid maroon;}
.border-1px-navy				{border:1px solid navy;}
.border-1px-olive				{border:1px solid olive;}
.border-1px-orange				{border:1px solid orange;}
.border-1px-purple				{border:1px solid purple;}
.border-1px-red					{border:1px solid red;}
.border-1px-silver 				{border:1px solid silver;}
.border-1px-teal				{border:1px solid teal;}
.border-1px-white				{border:1px solid white;}
.border-1px-yellow				{border:1px solid yellow;}

/* form boxes */
input 							{border-color:blue; border-style:solid; border-width:thin; padding:2px; margin:10px;}
textarea						{border-color:blue; border-style:solid; border-width:thin; padding:2px; margin:10px;}

/* tables */
table							{border:0px solid black; vertical-align:top; padding:2px; text-align:left;}
th,td							{border:2px solid black; vertical-align:top; padding:2px; text-align:left;}
table.center					{margin-left:auto; margin-right:auto; text-align:left; }
td.center 						{text-align:center; }
table.left						{text-align:left; }
td.left 						{text-align:left; }
.td-pos-top						{vertical-align:top; }