@media screen {
body { color: black; background: white; 
	font-family: verdana, arial, helvetica, sans-serif; }

.address { 
	font-size : 90%;
	margin-left: 2.5%; margin-right: 2.5%; padding: 0.5em; 
	border-width: thin; border-style: solid; border-color: inherit; }

.bi { font-weight: bold; font-style: italic; }

.bold { font-weight: bold; }

.date { text-align: right; }

.hide { display: none; }

.intro { font-size: 110%; }

.italic { font-style: italic; }

.nav { font-size: 90%; font-weight: bold; 
	margin-left: 2%; margin-right: 2%; }

.nav2 { font-size: 90%; font-weight: bold; 
	margin-left: 2.5%; margin-right: 2.5%; }

.orgname { font-weight: bold; }

.return { font-size: 90%; font-weight: bold; margin-left: 5%; }

.toc-intro { font-family: arial, sans-serif; 
	font-weight: bold; font-size: larger; }

.toc-item { font-weight: bold; font-size: 105%; }

.si { font-size: 90%; }
.si-intro { font-size: 105%; }

.ti { font-size: 105%; font-weight: bold; }
.ti-intro { font-size: 115%; font-weight: bold; }

.validation { margin-left: 20%; margin-right: 20%; padding: 0.5em; 
	border-width: thin; border-style: solid; border-color: black; }

a { font-weight: bold; }
a:link { font-weight: bold; color: #23238E; background-color: white; }
a:visited { font-weight: bold; color: #871F78; background-color: white; }

/* what i'd like:
a:focus { color: white; background-color: #23238E; font-weight: bold; }
a:active { color: white; background-color: red; font-weight: bold; } */

/* what i settled for  */

a:hover { color: white; background: maroon; font-weight: bold; }
a:active { color: white; background-color: #23238E; font-weight: bold; }

address { font-size: 90%; margin-left: 2.5%; margin-right: 2.5%; 
	padding: 0.5em; border-width: thin; border-style: solid; 
	border-color: inherit; }

em { font-style : italic; }

div.header { padding: 0.5em; border-width: medium; 
	border-style: solid; border-color: inherit; text-align: center; }

h1 { font-family: arial, sans-serif; font-weight: bold; font-size: 175%; }
h2 { font-size: 150%; font-family: arial, sans-serif; font-weight: bold; }
h3 { font-size: 130%; font-family: arial, sans-serif; font-weight: bold; }
h4 { font-size: 120%; font-family: arial, sans-serif; font-weight: bold; }
h5 { font-size: 115%; font-family: arial, sans-serif; font-weight: bold; }
h6 { font-size: 110%; font-family: arial, sans-serif; font-weight: bold; }

hr { color: inherit; background: inherit; }

ol { counter-reset : item; }
li { display : block; padding-right : 0.5em; }
li:before { content : counters(item, ".") ; counter-increment: item; }

strong { font-weight : bold; }

tt { font-family: "Courier New", Courier, monospace; 
	text-transform: uppercase; }
}

@media aural {  

.bi { richness: 100; }
.code { speak-punctuation: code; }
.orgname { richness: 88; }

/* should i use stress instead of richness to indicate emphasis? */
em { richness: 66; }
strong { richness: 88; }

/* what are the assumed default settings for stress? is there a way to indicate 
   percentages, and if not, why not? how am i to predict the users' default 
   settings/client-side stylesheet?  why can one not use percentages, as 
   one can to scale fonts? what's needed is the ability to scale what the 
   user has set, not to impose absolute rules -- ok, after re-reading, i 
   discovered that 'stress' is intended to be used in conjunction with 
   pitch-range, but this is a clumsy mechanism */
h1 { pitch-range: 100; stress: 66; }
h2 { pitch-range: 90; stress: 66; }
h3 { pitch-range: 80; stress: 66; }
h4 { pitch-range: 70; stress: 66; }
h5 { pitch-range: 60; stress: 66; }
h6 { pitch-range: 50; stress: 66; }

/* OLD AURAL PROPERTY VALUES HEADINGS: */
/* h1 { stress: 25; richness: 90; } */
/* h2 { stress: 20; richness: 90; } */
/* h3 { stress: 15; richness: 90; } */
/* h4 { stress: 10; richness: 90; } */
/* h5 { stress: 7; richness: 90; } */
/* h6 { stress: 5; richness: 90; } */
}