/* Canadian Mind Products style sheet */

a  /* how ordinary clickable links look */{
	font-size: 1.15em;
	font-weight: 500;
	line-height: 1.3em;
}

a.url  /* when URL is spelled out, user does not normally need to read it, just copy paste or click */{
	font-size: .9em;
	font-weight: normal;
	line-height: 1.0em;
}

a:link  /* how ordinary clickable links look */{
	background-color: transparent;
	color: #9d0b21; /*! sombre red !*/
}

a:visited  /* how visited links look */{
	background-color: transparent;
	color: #330099; /*! dark navy !*/
}

a:active   /* how the link under the cursor looks */{
	background-color: transparent;
	color: #000800; /*! black with tinge of green !*/
}

a.affiliate:link,a.affiliate:visited,a.affiliate:active{
	background: transparent url("image/link/affiliate.png") no-repeat scroll 100% 50%;
	padding-right: 12px;
	padding-top: 6px;
}

a.apache:link,a.apache:visited,a.apache:active{
	background: transparent url("image/link/apache.png") no-repeat scroll 100% 70%;
	padding: 0 25px 3px 0; /* top right bottom left */
}

a.apple:link,a.apple:visited,a.apple:active{
	background: transparent url("image/link/apple.png") no-repeat scroll right 60%;
	padding: 3px 16px 0 0; /* top right bottom left */
}

a.applet:link,a.applet:visited,a.applet:active{
	background: transparent url("image/link/applet.png") no-repeat scroll 100% 50%;
	padding: 1px 19px 0 0; /* top right bottom left */
}

a.bgloss:link,a.bgloss:visited,a.bgloss:active{
	background: transparent url("image/link/bgloss.png") no-repeat scroll 100% 50%;
	padding: 1px 16px 0 0; /* top right bottom left */
}

a.blogger:link,a.blogger:visited,a.blogger:active{
	background: transparent url("image/icon16/blogger.png") no-repeat scroll 100% 30%;
	padding: 0 18px 3px 0; /* top right bottom left */
}

a.defunct:link,a.defunct:visited,a.defunct:active{
	background: transparent url("image/stylesheet/defunct.png") no-repeat scroll 0% 70%;
	padding: 5px 2px 5px 32px; /* top right bottom left */
}

a.feedback:link,a.feedback:visited,a.feedback:active /* link to feedback */{
	background: transparent url("image/icon16/feedback.png") no-repeat scroll 100% 50%;
	padding-bottom: 2px; /* add room for image */
	padding-right: 18px;
	padding-top: 2px;
}

a.ftp:link,a.ftp:visited,a.ftp:active /* FTP offsite link */{
	background: transparent url("image/link/ftp.png") no-repeat scroll right;
	padding-right: 12px;
	padding-top: 6pt;
}

a.ggloss:link,a.ggloss:visited,a.ggloss:active{
	background: transparent url("image/link/ggloss.png") no-repeat scroll 100% 50%;
	padding: 1px 19px 0 0; /* top right bottom left */
}

a.google:link,a.google:visited,a.google:active /* google offsite link */{
	background: transparent url("image/link/googleg.png") no-repeat scroll right;
	padding-right: 12px;
	padding-top: 6pt;
}

a.googlegroup /* link to google newsgroup offsite link */{
	background: transparent url("image/link/googlegroup.png") no-repeat scroll 0% 75%;
	color: #4648ff; /*! grey with tinge of blue !*/
	padding-left: 15px;
	padding-top: 6pt;
}

a.jgloss:link,a.jgloss:visited,a.jgloss:active{
	background: transparent url("image/link/jgloss.png") no-repeat scroll 100% 50%;
	padding: 1px 20px 0 0; /* top right bottom left */
}

a.jws:link,a.jws:visited,a.jws:active,a.webstart:link,a.webstart:visited,a.webstart:active{
	background: transparent url("image/link/jws.png") no-repeat scroll 100% 50%;
	padding: 1px 19px 0 0; /* top right bottom left */
}

a.listing:link,a.listing:visited,a.listing:active{
	background: transparent url("image/link/listing.png") no-repeat scroll 100% 50%;
	padding: 1px 16px 0 0; /* top right bottom left */
}

a.manual:link,a.manual:visited,a.manual:active{
	background: transparent url("image/link/listing.png") no-repeat scroll 100% 50%;
	padding: 1px 14px 0 0; /* top right bottom left */
}

a.newsgroup /* link to google newsgroup offsite link */{
	background: transparent url("image/link/newsgroup.png") no-repeat scroll 100% 75%;
	color: #4648ff; /*! grey with tinge of blue !*/
	padding-right: 15px;
	padding-top: 6pt;
}

a.offsite:link,a.offsite:visited,a.offsite:active{
	background: transparent url("image/link/offsite.png") no-repeat scroll right;
	padding-right: 12px;
	padding-top: 6pt;
}

a.pad:link,a.pad:visited,a.pad:active{
	background: transparent url("image/link/pad.png") no-repeat scroll 100% 50%;
	padding: 1px 13px 0 0; /* top right bottom left */
}

a.paddesc:link,a.paddesc:visited,a.paddesc:active{
	background: transparent url("image/link/tinysigma.png") no-repeat scroll 100% 65%;
	padding: 1px 8px 0 0; /* top right bottom left */
}

a.project:link,a.project:visited,a.project:active{
	background: transparent url("image/link/project.png") no-repeat scroll 100% 60%;
	padding: 1px 18px 0 0; /* top right bottom left */
}

a.publicpgp:link,a.publicpgp:visited,a.publicpgp:active{
	background: transparent url("image/link/pgppublic.png") no-repeat scroll 100% 80%;
	padding: 3px 17px 0 0; /* top right bottom left */
}

a.rec:link,a.rec:visited,a.rec:active,a.strawberry:link,a.strawberry:visited,a.strawberry:active{
	background: transparent url("image/bullet/strawberry.png") no-repeat scroll 100% 50%;
	padding-right: 15px;
	padding-top: 6px;
}

a.redirect:link,a.redirect:visited,a.redirect:active /* redirect to actual link */{
	background: transparent url("image/ind/x.png") no-repeat scroll 100% 50%;
	padding-bottom: 2px; /* add room for image */
	padding-right: 20px;
	padding-top: 2px;
}

a.screenshot:link,a.screenshot:visited,a.screenshot:active{
	background: transparent url("image/link/screenshot.png") no-repeat scroll 100% 50%;
	padding: 1px 15px 0 0; /* top right bottom left */
}

a.sourceforge:link,a.sourceforge:visited,a.sourceforge:active{
	background: transparent url("image/link/sourceforge.png") no-repeat scroll 100% 60%;
	padding: 3px 19px 0 0; /* top right bottom left */
}

a.ssl:link,a.ssl:visited,a.ssl:active{
	background: transparent url("image/link/ssl.png") no-repeat scroll 100% 75%;
	padding-right: 18px;
}

a.subversion:link,a.subversion:visited,a.subversion:active{
	background: transparent url("image/link/subversion.png") no-repeat scroll 100% 70%;
	padding: 3px 18px 0 0; /* top right bottom left */
}

a.summary:link,a.summary:visited,a.summary:active{
	background: transparent url("image/link/sigma.png") no-repeat scroll 100% 60%;
	padding: 1px 12px 0 0; /* top right bottom left */
}

a.sun:link,a.sun:visited,a.sun:active{
	background: transparent url("image/link/sun.png") no-repeat scroll right 60%;
	padding: 3px 16px 0 0; /* top right bottom left */
}

a.tortoisesubversion:link,a.tortoisesubversion:visited,a.tortoisesubversion:active{
	background: transparent url("image/link/tortoisesubversion.png") no-repeat scroll 100% 70%;
	padding: 3px 25px 0 0; /* top right bottom left */
}

a.tosee:link,a.tosee:visited,a.tosee:active  /* line to the see "links" section */{
	background: transparent url("image/ind/x.png") no-repeat scroll 100% 60%;
	padding-right: 18px;
	padding-top: 0pt;
}

a.wikipedia:link,a.wikipedia:visited,a.wikipedia:active{
	background: transparent url("image/link/wikipedia.png") no-repeat scroll right top;
	padding: 3px 22px 0 0; /* top right bottom left */
}

a.zip:link,a.zip:visited,a.zip:active{
	background: transparent url("image/link/zip.png") no-repeat scroll 100% 60%;
	margin: 0px 2px 0 0; /* top right bottom left */
	padding: 1px 12px 0 0; /* top right bottom left */
}

a:hover,.red{
	background-color: transparent;
	color: #dc143c; /*! fireplug red+ !*/
}

a.failing:link, a.failing:active /* link Xenu complained about, not yet proved broken. cf. broken */{
	background-color: transparent;
	color: #8811aa; /*! hippocrene !*/
}

a.failing:visited /* link Xenu complained about, not yet proved broken. partly researched cf. broken */{
	background-color: transparent;
	color: #808080; /*! unobtrusive grey !*/
}

a.failing:hover {
	background-color: transparent;
	color: #dc143c; /*! fireplug red+ !*/
}

applet.currcon {
	border: none; /* seems to have no effect when no Java */
	vertical-align: text-top;
}

applet.localfind{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

/* put a pale black dot  to left of clickable images. fails in Netscape.
a[href] img{
position:relative;
z-index:1;
}
a[href] img:before{
color:black;
content:"\2022";
font-size:16px;
left:3px;
position:absolute;
top:3px;
z-index:1000;
}
*/
/* fancy css features not used in this style sheet
include:include-source:url("http://www.example.com/testpage.htm"
\quoted strings.
\is continuation \n is newline
mark external links with an icon.
a.external{
display:none for hidden text;
}
*/
blockquote{
	background: url(image/stylesheet/quote.png) #ffffff 8px 5px no-repeat; /*! white x !*/
	border-bottom: 1px solid #eeeeee; /*! border grey !*/
	border-left: 3px solid #cccccc; /*! grey80 x !*/
	border-right: 1px solid #eeeeee; /*! border grey !*/
	border-top: 1px solid #eeeeee; /*! border grey !*/
	color: #653510; /*! greyed brown+ !*/
	font-style: italic;
	margin: 15px 20px 10px 20px;
	padding: 5px 20px 7px 35px; /* top right bottom left */
}

blockquote cite{
	background-color: transparent;
	color: #b00000; /*! shoepolish brown !*/
	font-style: normal;
}

blockquote i{
	color: #000000;
}

blockquote.atheist span.said, blockquote.atheist span.quoth{
	background: transparent url("image/stylesheet/atheista.png") no-repeat scroll 2px 2px;
	color: #4044d7; /*! stately blue !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 10px 40px; /*  t r b l */
}

blockquote.atheist, blockquote.evolutionist{
	background-color: #dae3fe;
}

blockquote.batty{
	background-color: #ede7f5;
}

blockquote.batty span.said, blockquote.batty span.quoth,
 blockquote.bush span.said, blockquote.bush span.quoth
/* bat for cranks, evil people and old bats */{
	background: transparent url("image/stylesheet/bat.png") no-repeat scroll 2px 2px;
	color: #000000; /*! black x !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 3px 45px; /*  t r b l */
}

blockquote.bible {
	background-color: #f0d3f1; /*! black x !*/
	color: #a52a2a; /*! brown x !*/
	font-family: garamond,palatino,cursive,serif;
	font-size: 1.05em;
	font-style: italic;
	font-weight: normal;
}

blockquote.bible span.said, blockquote.bible span.quoth {
	background: transparent url("image/stylesheet/bishophat.png") no-repeat scroll 2px 2px;
	color: #a52a2a; /*! brown x !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 3px 28px; /*  t r b l */
}

blockquote.bush{
	background-color: #fae8fa;
}

blockquote.christian{
	background-color: #f4e0f5;
}

blockquote.christian span.said, blockquote.christian span.quoth {
	background: transparent url("image/stylesheet/jesusfish.png") no-repeat scroll 2px 2px;
	color: #8b2589; /*! milk !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 3px 40px; /*  t r b l */
}

blockquote.creationist{
	background-color: #f0d3f1;
}

blockquote.creationist span.said, blockquote.creationist span.quoth{
	background: transparent url("image/stylesheet/fig.png") no-repeat scroll 2px 2px;
	color: #8b2589; /*! milk !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 3px 25px; /*  t r b l */
}

blockquote.evolutionist span.said, blockquote.evolutionist span.quoth{
	background: transparent url("image/stylesheet/evolution.png") no-repeat scroll 2px 2px; /*! defunct brown !*/
	color: #4044d7; /*! stately blue !*/
	font-style: normal;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 3px 2px 15px 50px; /*  t r b l */
}

blockquote.roedy{
	background-color: #dae3fe; /*! drooling pink !*/
	color: #275700; /*! roedy green said !*/
}

blockquote.roedy span.said, blockquote.roedy span.quoth{
	background: transparent url("image/stylesheet/atheista.png") no-repeat scroll 2px 2px;
	color: #275700; /*! roedy green said !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 3px 40px;
}

body{
	background-color: #f3fff6; /*! readable green background !*/
	color: #421f00; /*! classic ink !*/
	font-family: "Tiresias PCfont Z","Palatino Linotype","Bookman Old Style","Book Antiqua","Trebuchet MS","Lucida Sans","Lucida Sans Unicode",Verdana,serif;
	font-size: 1.0em;
	font-weight: normal;
}

body.foot blockquote{
	background-color: #ffffff; /*! white x !*/
	background-image: none;
	border: none;
	color: #653510; /*! greyed brown+ !*/
	font-style: italic;
	margin: 0;
	padding: 0; /* top right bottom left */
}

body.ringbinder /* simulates a ring binder with rings down the left */{
	background: url("image/stylesheet/binderbackground.png") #fcfcff repeat-y scroll; /*! extreme pale blue !*/
	color: #000000; /*! black x !*/
	font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
	margin-left: 100px;
}

body.sidemenu a:active,body.topmenu a:visited /* how the current link looks in a side menu */{
	background-color: transparent;
	color: #fcfcff; /*! extreme pale blue !*/
	font-weight: bold;
}

body.sidemenu,body.topmenu /* for a vertical menu frame on the left */{
	background-color: #006400; /*! dark green+ !*/
	color: #fcfcff; /*! extreme pale blue !*/
}

body.topmenu a:link,body.topmenu a:visited{
	background-color: transparent;
	color: #ffffdd; /*! squash !*/
	font-weight: bold;
}

cite{
	background-color: transparent;
	color: #b00000; /*! shoepolish brown !*/
}

div.applettitlesubsubsection{
	background-color: #e3faff; /*! pale cyan !*/
	background-image: url(image/icon128/applet.png);
	background-position: 80% center;
	background-repeat: no-repeat;
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	min-height: 128px;
	padding: 25px 0px 25px 0px; /* top right bottom left */
}

div.applicationtitlesubsubsection{
	background-color: #e3faff; /*! pale cyan !*/
	background-image: url(image/icon128/dukejre.png);
	background-position: 80% 50%;
	background-repeat: no-repeat;
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	min-height: 128px;
	padding: 5px;
}

div.box/* set off in white box */{
	background-color: #ffffff; /*! white x !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	color: #ff3333; /*! fire !*/
	display: block;
	float: none;
	font-size: 1em;
	font-weight: normal;
	margin: 8px 0px 8px 0px;
	padding: 10px;
}

div.buscard{
	background-color: #ffffff; /*! white x !*/
	border-color: #006400; /*! dark green+ !*/
	border-style: solid;
	border-width: thin;
	color: #000000; /*! black x !*/
	float: right;
	margin: 10px;
	padding: 10px;
}

div.currcon{
	background: url("image/icon48/currcon.png") #ffffff no-repeat scroll 0% 50% !important; /*! white x !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: none;
	color: #454545; /*! charcoal !*/
	display: block;
	font-family: Arial,"Arial Black",sans-serif;
	font-size: .9em;
	font-weight: normal;
	margin: 2px 0px 2px 0px;
	padding: 8px 8px 8px 47px; /* inner to edge of colour t r b l */
}

div.details /* link to more details */{
	background: url("image/stylesheet/detail.png") #fcfcff no-repeat scroll 3px 3px !important; /*! extreme pale blue !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: none;
	color: #962c49; /*! red wine grey !*/
	font-size: 120%;
	line-height: 120%;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 45px;
}

div.download /* download something */{
	background: url("image/icon32/download.png") #fcfcff no-repeat scroll 3px 3px !important; /*! extreme pale blue !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: none;
	color: #510d6c; /*! very dark purple !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 45px;
}

div.group,div.indent /* indented group,replaces non-kosher nested ULs */{
	margin-left: 10px;
}

div.math{
	background: #fcfcff no-repeat scroll; /*! extreme pale blue !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	font-size: 16px;
	margin: 10px 0 10px 0; /* outer t r b l */
	padding: 5px 5px 5px 5px; /* inner  t r b l */
}

div.purchase /* buy something */{
	background: url("image/stylesheet/purchase.png") #fcfcff no-repeat scroll 3px 3px !important; /*! extreme pale blue !*/
	border: thin solid;
	clear: none;
	color: #2e8b57; /*! SeaGreen x !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 45px;
}

div.run /* execute something */{
	background: url("image/stylesheet/go.png") #fcfcff no-repeat scroll 3px 3px !important; /*! extreme pale blue !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: none;
	color: #510d6c; /*! very dark purple !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 45px;
}

div.see{
	background: url("image/link/seealso.png") #fcfcff no-repeat scroll 1px 1px !important; /*! extreme pale blue !*/
	border: thin solid;
	clear: both;
	color: #000000; /*! black x !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 40px;
}

div.sun  /* links Sun docs */{
	background: url("image/stylesheet/sun.png") #ffffec no-repeat scroll 1px 1px; /*! sun cream !*/
	border: none;
	clear: none;
	display: block;
	margin: 5px 0px 5px 0px; /* t r b l */
	min-height: 2em;
	padding: 5px 5px 0px 32px;
}

div.tip{
	background-attachment: scroll;
	background-color: #fff6f4; /*! palest pink !*/
	background-image: url("image/stylesheet/tip.png");
	background-position: 3px 5px;
	background-repeat: no-repeat;
	border: none;
	clear: none;
	color: #000000; /*! black x !*/
	display: block;
	margin: 5px 0px 5px 0px; /* outer,outside colour t r b l */
	min-height: 26px;
	padding: 5px 5px 5px 35px; /* inner to edge of colour t r b l */
}

div.titlebgloss{
	background: url("image/icon64/bgloss.png") #d7f7ca no-repeat scroll 3px 50%; /*! architect green !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px 8px 7px 70px; /* inner t r b l */
}

div.titlebglossindex{
	background: url("image/icon64/bgloss.png") #d7f7ca no-repeat scroll 3px 50%; /*! architect green !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px 8px 7px 70px; /* inner t r b l */
}

div.titleggloss{
	background: url("image/icon64/ggloss.png") #fdcaf4 no-repeat scroll 4px 50%; /*! gay pink !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px 8px 7px 39px; /* inner t r b l */
}

div.titlegglossindex{
	background: url("image/icon64/ggloss.png") #fdcaf4 no-repeat scroll 4px 50%; /*! gay pink !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px 8px 7px 39px; /* inner t r b l */
}

div.titlehome{
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 2.5em; /* causes 30 px top/bottom margin */
	font-style: italic;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 30px 0 30px; /* inner t r b l */
}

div.titlejgloss{
	background: url("image/icon48/jgloss.png") #caf5ff no-repeat scroll 3px 50%; /*! jgloss !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 10px 0;
	min-height: 38px;
	padding: 15px 8px 10px 48px; /* inner t r b l */
}

div.titlejglossindex{
	background: url("image/icon64/jgloss.png") #b2f1ff no-repeat scroll 3px 50%; /*! dark turquoise !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	margin: 10px 0 10px 0;
	min-height: 38px;
	padding: 15px 8px 10px 48px; /* inner t r b l */
}

div.titlephonelist{
	background-color: #95cbff; /*! dark sky blue !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px;
}

div.titlesection{
	background-color: #91eaff; /*! sky blue !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px;
}

div.titlesubsection{
	background-color: #bff2ff; /*! pale robin egg !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px;
}

div.titlesubsubsection{
	background-color: #e3faff; /*! pale cyan !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px;
}

div.transparency /* like div.but set off in pale blue box to show off transparency */{
	background-color: #c2f3fe; /*! mid cyan !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	display: block;
	float: none;
	font-size: 1em;
	font-weight: normal;
	margin: 8px 0px 8px 0px;
	padding: 10px;
}

div.webstarttitlesubsubsection{
	background-color: #e3faff; /*! pale cyan !*/
	background-image: url(image/icon128/jws.png);
	background-position: 80% 50%;
	background-repeat: no-repeat;
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	min-height: 128px;
	padding: 5px;
}

dt /* define glossary term,no link */{
	background-color: transparent;
	color: #008000; /*! bright green !*/
	font-weight: bold;
	padding-top: 6pt;
}

dt a.offsite:link,dt a.offsite:visited,dt a.offsite:active /* define glossary term,offsite link */{
	background: transparent url("image/link/offsite.png") no-repeat scroll right;
	color: #008000; /*! bright green !*/
	font-weight: bold;
	padding-right: 12px;
	padding-top: 6pt;
}

dt a:link,dt a:visited,dt a:active /* define glossary term,internal link,without a class,implying a redirect */{
	background: transparent url("image/ind/x.png") no-repeat scroll 100% 50%;
	color: #008000; /*! bright green !*/
	font-weight: bold;
	padding-bottom: 2px; /* add room for image */
	padding-right: 20px;
	padding-top: 2px;
}

dt a:active img,
dt a:link img,
dt a:visited img,
table.glossindex tr td a:active,
table.glossindex tr td a:link,
table.glossindex tr td a:visited,
table.gridmenu tr td a:active img
table.gridmenu tr td a:active,
table.gridmenu tr td a:link img,
table.gridmenu tr td a:link,
table.gridmenu tr td a:visited img,
table.gridmenu tr td a:visited,
table.iconmenu tr td a:active img,
table.iconmenu tr td a:active,
table.iconmenu tr td a:link img,
table.iconmenu tr td a:link,
table.iconmenu tr td a:visited img,
table.iconmenu tr td a:visited,
table.sellamazongrid tr td a:active,
table.sellamazongrid tr td a:link,
table.sellamazongrid tr td a:visited,
table.sellbookgrid tr td a:active,
table.sellbookgrid tr td a:link,
table.sellbookgrid tr td a:visited,
table.selldvdgrid tr td a:active,
table.selldvdgrid tr td a:link,
table.selldvdgrid tr td a:visited{
	border: none; /* turn off border around clickable image links */
	font-weight: bold;
	text-decoration: none;
}

h1      /* main heading */{
	font-size: 1.15em;
	font-weight: bold;
}

h1,h2,h3,h4,h5,table tr th,.postercaption{
	background-color: transparent;
	color: #226622; /*! rich green !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,helvetica,sans-serif;
}

h2      /* sub heading */{
	font-size: 1.08em;
	font-weight: bold;
}

h2.advantage,span.advantage,p.advantage{
	background: url("image/stylesheet/greenplus.png") #ffffcc no-repeat scroll 3px 3px; /*! dark cream !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px; /* outer,outside colour t r b l */
	padding: 10px 8px 10px 37px; /* inner to edge of colour t r b l */
}

h2.books{
	background: url("image/icon64/books.png") #ffffa4 no-repeat scroll 3px 1px !important; /*! kitchen yellow !*/
	border: none;
	clear: none;
	color: #226622; /*! rich green !*/
	display: block;
	margin: 5px 0px 5px 0px; /* outer,outside colour t r b l */
	padding: 30px 5px 15px 80px; /* inner to edge of colour t r b l */
}

h2.defunct,p.defunct,h2.obsolete,span.obsolete,p.obsolete, span.defunct{
	background: url("image/stylesheet/defunct.png") no-repeat scroll 2px 2px;
	padding: 5px 2px 5px 40px;
}

h2.disadvantage,span.disadvantage,p.disadvantage{
	background: url("image/stylesheet/redminus.png") #ffffcc no-repeat scroll 3px 3px; /*! dark cream !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px; /* outer,outside colour t r b l */
	padding: 10px 8px 10px 37px; /* inner to edge of colour t r b l */
}

h2.gotcha,span.gotcha,p.gotcha,div.gotcha{
	background: #ffe0e0 url("image/stylesheet/gotcha.png") no-repeat scroll 3px 0px !important; /*! flesh crayon !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 12px 0px 8px 0px; /* outer,outside colour t r b l */
	padding: 10px 8px 10px 45px; /* inner to edge of colour t r b l */
}

h2.learningmore{
	background: url("image/stylesheet/learningmore.png") #ffffa4 no-repeat scroll 3px 1px !important; /*! kitchen yellow !*/
	border: none;
	clear: none;
	color: #226622; /*! rich green !*/
	display: block;
	margin: 5px 0px 5px 0px; /* outer,outside colour t r b l */
	padding: 25px 5px 20px 77px; /* inner to edge of colour t r b l */
}

h2.onion,span.onion,p.onion /*  award for bad behaviour */{
	background: url("image/stylesheet/onion.png") #90ee90 no-repeat scroll 3px 3px !important; /*! LightGreen x !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 40px;
}

h2.orchid,span.orchid,p.orchid /* award for good behaviour */{
	background: url("image/stylesheet/orchid.png") #f0f8ff no-repeat scroll 3px 3px !important; /*! AliceBlue x !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 40px;
}

h2.raspberry,span.raspberry,p.raspberry /* really bad,Bronx cheer */{
	background: url("image/stylesheet/raspberry.png") #fdf5e6 no-repeat scroll 3px 3px; /*! OldLace x !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 41px;
}

h2.rec,span.rec,p.rec,h2.strawberry,span.strawberry,p.strawberry{
	background: url("image/stylesheet/strawberry.png") #ffffcc no-repeat scroll 3px 3px; /*! dark cream !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 35px;
}

h2.tip,p.tip{
	background: url("image/stylesheet/tip.png") #f7c4b4 no-repeat scroll 3px 1px !important; /*! old orange !*/
	border: none;
	clear: none;
	color: #000000; /*! black x !*/
	display: block;
	margin: 5px 0px 5px 0px; /* outer,outside colour t r b l */
	padding: 5px 5px 7px 33px; /* inner to edge of colour t r b l */
}

h2.underthehood,span.underthehood,p.underthehood{
	background: url("image/icon32/hood.png") #ffffcc no-repeat scroll 3px 3px; /*! dark cream !*/
	border: none;
	clear: none;
	color: #433d4e; /*! oil slick !*/
	display: block;
	margin: 8px 0px 8px 0px; /* outer,outside colour t r b l */
	padding: 10px 8px 10px 39px; /* inner to edge of colour t r b l */
}

h3      /* sub sub heading,very small amount of vertical space after it */{
	font-size: .95em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 0;
}

h4,.miniheader,.minihead /* heading that does not start a new line,suitable for use in LI tags */{
	display: inline;
	font-size: 0.95em;
	font-weight: 700;
}

h4:after{
	content: ":";
}

h5   /* heading that does not start a new line */{
	display: inline; /* works in Opera 5 Netscape 6 IE 5.5 not Netscape 4.7 */
	font-size: small;
	font-weight: bold;
}

hr.foot /* horizontal rule at the bottom of each page */{
	background-color: transparent;
	clear: both;
	color: #396000; /*! moss green !*/
	float: none;
	padding: 1px;
}

img.mailto /* munged email addresses,as png image, adjusted to align with text. see .email */{
	margin-left: 1ex;
	margin-right: 1ex;
	position: relative;
	top: 4px;
}

li{
	padding-bottom: 6px;
}

li blockquote{
	list-style: circle;
	margin: auto auto auto auto;
}

ol{
	list-style-image: none !important;
	list-style-type: decimal; /* attributes from ul often leak into ol,this is an attempt to fend them off */
}

ol.ascending>li{
	display: list-item;
	list-style: none outside url("image/bullet/ascending.png");
}

ol.descending>li{
	display: list-item;
	list-style: none outside url("image/bullet/descending.png");
}

ol.instructions>li{
	background-color: transparent;
	color: #91122c; /*! sangria !*/
	display: list-item;
	font-style: normal;
	font-weight: normal;
	list-style: decimal outside;
}

p{
	margin: .4em 0 0 0;
}

span.defunct,a.defunct{
	color: #b47782;
}

span.imperial /* imperial measures, see .metric */{
	background: transparent;
	color: #90b2ee; /*! pale blue imperial !*/
	font-size: .9em;
}

span.metric /* metric measure, see .imperial */{
	background: transparent;
	color: #55ac00; /*! Irish Spring !*/
}

span.nowrap {
	white-space: nowrap;
}

span.said, span.quoth /* how author of a quotes displayed,see also .christian, quoth alternate used inside macros*/{
	background-color: transparent;
	color: #4044d7; /*! stately blue !*/
	font-style: normal;
	font-weight: bold;
}

/* quote  discontinued */
span.tip /* notes on how to use a form */{
	background-color: transparent;
	color: #55ac00; /*! Irish Spring !*/
}

span.zionist, blockquote.zionist span.said, blockquote.zionist span.quoth/* star of David  for quotes by zionists,see .said */{
	background: transparent url("image/stylesheet/zionist.png") no-repeat scroll 2px 2px;
	color: #000000 !important; /*! black x !*/
	font-style: normal;
	font-weight: bold;
	padding: 3px 2px 3px 20px;
}

table   /* add blank space above and below the table */{
	margin-bottom: 10px;
	margin-top: 10px;
}

table  td.tablespacer /* used to create blank lines in tables. */{
	background-color: transparent;
	border: none;
	color: #fcfcff; /*! extreme pale blue !*/
}

table table   /* no extra space for embedded tables */{
	margin-bottom: 0px;
	margin-top: 0px;
}

table table.sellbook, table table.selldvd,table table.sellamazon{
	background-color: #e0ffff; /*! LightCyan x !*/
	border-collapse: separate; /* table for one book,nested in column of table */
	border-style: groove;
	max-width: 100%;
	min-width: 350px;
	text-align: left;
	width: 100%;
}

table table.sellbookgrid,table table.selldvdgrid,table table.sellamazongrid {
	background-color: #68dafb; /*! milky green !*/
	border-collapse: separate; /* should match sellbookgrid td color */
	border-color: #80aa80; /*! muted green !*/
	border-spacing: 3px;
	border-style: outset;
	border-width: 2px;
	color: #7b3e00; /*! dark brown !*/
	empty-cells: hide;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 8px 4px 8px 4px !important;
	text-decoration: none;
}

table tr td{
	font-size: 1em;
	line-height: 1.2em; /* bypass ie bug that fail to default body text in tables */
}

table tr td.advantage{
	background-attachment: scroll;
	background-color: #f0ffff; /*! azure x !*/
	background-image: url("image/stylesheet/greenplus.png");
	background-position: 2px 0px !important;
	background-repeat: no-repeat;
	display: table-cell;
	margin: 0;
	min-height: 26px;
	padding: 8px 5px 8px 37px !important; /* t r b l */
	vertical-align: bottom;
}

table tr td.affiliate /* affiliate rose */{
	background: transparent url("image/link/affiliate.png") no-repeat scroll 3px 50% !important;
	color: #9400d3 !important; /*! DarkViolet x !*/
	display: table-cell !important;
	padding: 1px 1px 1px 15px !important; /* inner t r b l */
}

table tr td.defunct  /* upside down turtle */{
	background: transparent url("image/stylesheet/defunct.png") no-repeat scroll 5px 50%;
	display: table-cell;
	min-height: 2em;
	padding: 3px 2px 3px 40px !important;
}

table tr td.democrat  /* used in column to show Democrat icon */{
	background: transparent url("image/stylesheet/democrat.png") no-repeat scroll 50% 50%;
	color: #0000ff; /*! blue x !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 40px !important; /* t r b l */
	text-align: center;
}

table tr td.disadvantage{
	background: url("image/stylesheet/redminus.png") #f0ffff no-repeat scroll 2px 0px !important; /*! azure x !*/
	display: table-cell;
	margin: 0;
	min-height: 26px;
	padding: 8px 5px 8px 37px !important; /* t r b l */
	vertical-align: bottom;
}

table tr td.mandatory    /* used in columns to display the mandatory icon (circle!) plain no text*/{
	background: transparent url("image/stylesheet/mandatory.png") no-repeat scroll 50% 50%;
	display: table-cell;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.no    /* used in column to display an x,with text,cf. td.x */{
	background: transparent url("image/stylesheet/no.png") no-repeat scroll 2px 50%;
	color: #ff0000; /*! red x !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
	text-align: center;
}

table tr td.onion{
	background: url("image/stylesheet/onion.png") #90ee90 no-repeat scroll 3px 2px !important; /*! LightGreen x !*/
	display: table-cell;
	margin: 0;
	min-height: 26px;
	padding: 5px 5px 5px 35px !important; /* t r b l */
	vertical-align: bottom;
}

table tr td.optional    /* used in columns to display the optional icon (bell) plain no text*/{
	background: transparent url("image/stylesheet/optional.png") no-repeat scroll 50% 50%;
	display: table-cell;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.orchid{
	background: url("image/stylesheet/orchid.png") #f0f8ff no-repeat scroll 3px 3px !important; /*! AliceBlue x !*/
	display: table-cell;
	margin: 0;
	min-height: 26px;
	padding: 5px 5px 5px 35px !important; /* t r b l */
	vertical-align: bottom;
}

table tr td.other    /* used in a column to allow write in words for other choice without icon */{
	color: #ffa500; /*! orange x !*/
	display: table-cell;
	font-weight: bold;
	text-align: center;
}

table tr td.premium    /* used in columns to display the crown  icon */{
	background: transparent url("image/stylesheet/premium.png") no-repeat scroll 50% 50%;
	color: #ffd700; /*! gold x !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 23px !important; /* t r b l */
	text-align: center;
}

table tr td.rec,table tr td.strawberry{
	background: url("image/stylesheet/strawberry.png") #f0ffff no-repeat scroll 2px 0px !important; /*! azure x !*/
	display: table-cell;
	margin: 0;
	min-height: 26px;
	padding: 8px 5px 8px 35px !important; /* t r b l */
	vertical-align: bottom;
}

table tr td.republican   /* used in column show republican icon */{
	background: transparent url("image/stylesheet/republican.png") no-repeat scroll 50% 50%;
	color: #ff0000; /*! red x !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 40px !important; /* t r b l */
	text-align: center;
}

table tr td.selected /* special background colour to indicate this is the selected item. "selected" is not an CSS or HTML concept.  It is just a highlighting */{
	background-color: #f0e68c; /*! khaki x !*/
	display: table-cell;
}

table tr td.tick    /* used in columns to display the yes tick mark plain no text,cf td.yes */{
	background: transparent url("image/stylesheet/yes.png") no-repeat scroll 50% 50%;
	color: #008000; /*! bright green !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
	text-align: center;
}

table tr td.unknown    /* used in a column display unknown ? icon */{
	background: transparent url("image/stylesheet/unknown.png") no-repeat scroll 50% 50%;
	color: #fd9727; /*! pumpkin orange !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 23px !important; /* t r b l */
	text-align: center;
}

table tr td.verbroken   /* for VerCheck Table */{
	background: transparent url("image/vercheck/brokenlink.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.verdarkleaf   /* for VerCheck Table */{
	background: transparent  url("image/vercheck/changed.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 12px 30px !important; /* inner t r b l */
}

table tr td.verempty  /* for VerCheck Table */{
	background: transparent url("image/vercheck/empty.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.vergreen   /* for VerCheck Table */{
	background: transparent url("image/vercheck/unchangedgreen.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.verinvalid   /* for VerCheck Table */{
	background: transparent url("image/vercheck/invalid.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.verleaf   /* for VerCheck Table */{
	background: transparent url("image/vercheck/recentlychanged.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.verorange   /* for VerCheck Table */{
	background: transparent url("image/vercheck/unchangedorange.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.verred   /* for VerCheck Table */{
	background: transparent url("image/vercheck/unchangedred.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.verunknown   /* for VerCheck Table */{
	background: transparent url("image/vercheck/unknown.png") no-repeat scroll 50% 50%;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
}

table tr td.x    /* used in column to display an x,without text,cf td.no */{
	background: transparent url("image/stylesheet/no.png") no-repeat scroll 50% 50%;
	color: #ff0000; /*! red x !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
	text-align: center;
}

table tr td.yes    /* used in columns to display the yes tick with text. cf td.tick */{
	background: transparent url("image/stylesheet/yes.png") no-repeat scroll 2px 50%;
	color: #008000; /*! bright green !*/
	display: table-cell;
	font-weight: bold;
	min-height: 2em;
	padding: 5px 5px 0px 17px !important; /* t r b l */
	text-align: center;
}

table tr th /* table header for column titles */{
	background-color: #c1e2ff; /*! sky egg !*/
	color: #000000; /*! black x !*/
	display: table-cell;
	font-size: 1.08em;
	font-weight: bold;
}

table tr th a:link,table tr th a:visited,table tr th a:active{
	font-size: 1.08em;
	font-weight: bold;
}

table.borderless  tr th /* headings get a bit of a border anyway */{
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: table-cell;
	padding: 5px;
}

table.borderless tr td h3{
	margin: 0px;
	padding: 2px 0 0 0;
}

table.borderless tr td,table table.borderless tr td,table.pixmenu tr td{
	border-style: none;
	padding: 5px;
}

table.borderless,table.pixmenu{
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
}

table.caption{
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	margin: 5px 10px 5px 10px; /* t r b l */
}

table.caption td{
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI", Arial,Helvetica,sans-serif;
	font-size: 0.85em;
}

table.codelines tr td,table tr td.nowrap{
	display: table-cell;
	white-space: nowrap;
}

table.colourlist       /* for tables of colours and their hex equivalents */{
	background-color: #fcfcff; /*! extreme pale blue !*/
	border-collapse: collapse;
	color: #000000; /*! black x !*/
	font-size: 0.85em;
	font-weight: normal;
}

table.colourlist  tr th /* tables used for selecting a list of colours */{
	background-color: #0080ff; /*! robin egg !*/
	color: #000000; /*! black x !*/
	display: table-cell;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 4px;
}

table.colourlist tr td      /* don't specify colour,want font tag to rule */{
	border-style: inset;
	border-width: 1px;
	font-size: 0.85em;
	line-height: 1em;
	padding: 5px;
}

table.colourmenu  /* tables used for selecting a list of colours */{
	background-color: #f0ffff;
}

table.colourmenu tr td /* tables used for selecting a list of colours */{
	background-color: #f0ffff; /*! azure x !*/
	color: #0080ff; /*! robin egg !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1.08em;
	font-weight: normal;
	padding: 4px;
}

table.colourmenu tr td.selected /* tables used for selecting a list of colours */{
	background-color: #f0e68c; /*! khaki x !*/
	color: #0080ff; /*! robin egg !*/
	display: table-cell;
}

table.colourmenu tr th /* tables used for selecting a list of colours */{
	background-color: #0080ff; /*! robin egg !*/
	color: #000000; /*! black x !*/
	display: table-cell;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1.08em;
	font-weight: bold;
	padding: 6px;
}

table.fontquilt{
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 4px;
}

table.fontquilt tr td{
	background-color: transparent;
	border-color: #cccccc; /*! grey80 x !*/
	border-style: outset;
	border-width: 1px;
	color: #000000; /*! black x !*/
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	padding: 6px;
	text-decoration: none;
	vertical-align: top;
}

table.glossindex  /* grid of clickable links */{
	border-collapse: separate;
	border-spacing: 2px;
}

table.glossindex tr td /* glossary index tables */{
	background-color: #f0ffff; /*! azure x !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: outset;
	border-width: 1px;
	color: #0080ff; /*! robin egg !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 0.85em;
	font-weight: 500;
	margin: 0 0 0 0;
	padding: 1px 3px 1px 3px; /* t r b l */
	text-decoration: none;
}

table.glossindex tr td a{
	display: inline;
	margin: 0;
}

table.glossindex tr td a.inda /* glossary index awt */{
	background: transparent url("image/ind/a.png") no-repeat scroll 100% 50% !important;
	padding: 7px 18px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indc /* glossary index cllection */{
	background: transparent url("image/ind/c.png") no-repeat scroll 100% 60% !important;
	padding: 7px 22px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indd /* glossary index defunct */{
	background: transparent url("image/ind/d.png") no-repeat scroll 100% 60% !important;
	line-height: 150%; /* extra room for turtle */
	padding: 7px 35px 5px 0px; /* t r b l */
}

table.glossindex tr td a.inde /* glossary index essay */{
	background: transparent url("image/ind/e.png") no-repeat scroll 100% 50% !important;
	padding: 7px 20px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indh /* glossary index huge */{
	background: transparent url("image/ind/h.png") no-repeat scroll 100% 50% !important;
	line-height: 200%; /* extra room for elephant */
	padding: 7px 37px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indj /* glossary index java */{
	background: transparent url("image/ind/j.png") no-repeat scroll 100% 60% !important;
	padding: 7px 29px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indl /* glossary index listing */{
	background: transparent url("image/ind/l.png") no-repeat scroll 100% 50% !important;
	padding: 7px 18px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indo /* glossary index recommended */{
	background: transparent url("image/ind/o.png") no-repeat scroll 100% 60% !important;
	padding: 7px 19px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indp /* glossary index prices */{
	background: transparent url("image/ind/p.png") no-repeat scroll 100% 50% !important;
	padding: 7px 15px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indr /* glossary index recommended */{
	background: transparent url("image/ind/r.png") no-repeat scroll 100% 60% !important;
	padding: 7px 17px 5px 0px; /* t r b l */
}

table.glossindex tr td a.inds /* glossary index swing */{
	background: transparent url("image/ind/s.png") no-repeat scroll 100% 50% !important;
	padding: 7px 15px 5px 0px; /* t r b l */
}

table.glossindex tr td a.indx  /* glossary index see */{
	background: transparent url("image/ind/x.png") no-repeat scroll 100% 60% !important;
	padding: 7px 22px 5px 0px; /* t r b l */
}

table.glossindex tr td.alias /* alias */{
	font-style: italic;
}

table.gridmenu tr td a.flame{
	background: transparent url("image/stylesheet/flame.png") no-repeat scroll 100% 60% !important;
	display: table-cell;
	font-weight: bold;
	margin: 0;
	padding: 7px 33px 5px 0px; /* t r b l */
	text-decoration: none;
}

table.gridmenu tr td a.gotcha{
	background: transparent url("image/stylesheet/gotcha.png") no-repeat scroll 100% 50% !important;
	font-weight: bold;
	margin: 0;
	padding: 7px 45px 5px 0px; /*  t r b l */
	text-decoration: none;
}

table.gridmenu tr td a.nutshell  /* nutshell summary */{
	background: transparent url("image/stylesheet/acorn.png") no-repeat scroll 100% 60% !important;
	font-weight: bold;
	margin: 0;
	padding: 10px 45px 10px 0px; /* t r b l */
	text-decoration: none;
}

table.gridmenu tr td a.rec,table.gridmenu tr td a.strawberry, table.fontquilt tr td a.rec{
	background: transparent url("image/stylesheet/strawberry.png") no-repeat scroll 100% 80% !important;
	font-weight: bold;
	margin: 0;
	padding: 5px 35px 5px 0px; /* t r b l */
	text-decoration: none;
}

table.gridmenu tr td form,table.iconmenu tr td form{
	margin: 0;
	padding: 0px 2px 0px 2px !important; /* t r b l */
}

table.gridmenu tr td,table.iconmenu tr td /* tables used for creating menus of clickable buttons */{
	background-color: #e0ffff; /*! LightCyan x !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: outset;
	border-width: 2px;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	vertical-align: bottom;
}

table.gridmenu,table.iconmenu  /* tables used for creating menus of clickable buttons */{
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 4px;
	color: #0080ff; /*! robin egg !*/
}

table.iconmenu tr td{
	text-align: left;
	vertical-align: top;
}

table.iconmenu tr td img /* tables used for creating menus of clickable buttons */{
	float: right;
	padding: 0px 1px 0px 0px; /* t r b l */
	vertical-align: top;
}

table.pixmenu tr th /* 3 column menu with icon table */{
	background-color: #c1e2ff; /*! sky egg !*/
	border-color: #808080; /*! unobtrusive grey !*/
	border-style: inset;
	border-width: 1px;
	display: table-cell;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px;
}

table.sellbook table.sellbookgrid tr td,
table.selldvd table.selldvdgrid tr td,
table.sellamazon table.sellamazongrid tr td{
	background-color: #68dafb; /*! milky green !*/
	border: 2px outset #80aa80; /*! muted green !*/
	color: #7b3e00; /*! dark brown !*/
	empty-cells: hide; /* must be at td level not table level */
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	margin: 2px 2px 2px 2px; /* t r b l */
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}

table.sellbook th {
	background-color: transparent;
	border: none !important;
	color: #808080 !important; /*! unobtrusive grey !*/
	display: table-cell;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: .9em !important;
	font-weight: normal !important;
	padding: 5px;
}

table.sellbook tr td,
table.selldvd tr td,
table.sellamazon tr td,
table table.sellbook tr td,
table table.selldvd tr td,
table table.sellamazon tr td{
	border: none;
	padding: 5px;
}

table.sellbook,table.selldvd,table.sellamazon{
	background-color: #e0ffff; /*! LightCyan x !*/
	border-collapse: separate; /* Firefox/Mozilla ignore max-width,Opera ignores Width */
	border-spacing: 1px;
	border-style: groove;
	clear: both;
	max-width: 600px;
	min-width: 400px;
	text-align: left;
	width: 50%;
}

table.standard  /* common table */{
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
}

table.standard  tr th /* common table cell */{
	border-color: #a0a0a0; /*! light grey !*/
	border-style: solid;
	border-width: 1px;
	display: table-cell;
	font-size: 1.08em;
	font-weight: bold;
	padding: 5px;
}

table.standard tr td /* common table cell */{
	border-color: #a0a0a0; /*! light grey !*/
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}

td img.mailto /* munged email addresses,as png image, adjusted to align with text. in table by itself, flushl */{
	margin-left: 0ex;
	margin-right: 0ex;
	position: relative;
	top: 4px;
}

td.democrat,td.free,td.no,td.paid,td.republican,td.other,td.unknown,td.yes{
	display: table-cell;
	text-align: center;
}

td.flag /* display a flag in a grid,turn off button effects */{
	background-image: none !important;
	border: none !important;
	display: table-cell;
	empty-cells: hide;
	margin: 3px 5px 3px 5px !important; /* t r b l */
	text-decoration: none;
}

td.menudesc, td.menudesc a {
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-weight: bold !important;
}

ul li{
	list-style: square;
}

ul.advantage>li,ul>li.advantage{
	background-color: transparent;
	display: list-item;
	list-style: none outside url("image/bullet/greenplus.png");
	margin: 0px 0px 0px -5px; /* outer,outside colour t r b l */
	padding: 0px 0px 4px 4px; /* inner to edge of colour t r b l */
}

ul.affiliate>li,ul>li.affiliate{
	background-image: none !important;
	display: list-item !important;
	list-style: none outside url("image/link/affiliate.png");
	margin: 0px 0px 0px 0px; /* t r b l */
	padding: 0px 0px 8px 0px;
}

ul.breadcrumb{
	display: inline;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	margin: 10px 0 4px 0;
	padding: 0;
	white-space: nowrap;
}

ul.breadcrumb li{
	background: url("image/stylesheet/breadcrumbdimtiptail.png") #cffb3f no-repeat scroll left !important; /*! bright lime !*/
	display: inline;
	margin-left: -5px;
	padding: 4px 1px 4px 35px; /* top right bottom left */
	position: relative;
}

ul.breadcrumb li a{
	text-decoration: none;
}

ul.breadcrumb li.firstbreadcrumb{
	background-attachment: scroll !important;
	background-color: #cffb3f; /*! bright lime !*/
	background-image: none !important;
	background-repeat: no-repeat;
	display: inline;
	margin-left: 0;
	padding: 4px 4px 4px 4px; /* top right bottom left */
	position: relative;
}

ul.breadcrumb li.lastbreadcrumb{
	background: transparent  url("image/stylesheet/breadcrumbdimtiptail.png") no-repeat scroll left !important;
	display: inline;
	margin-left: -5px;
	padding: 4px 1px 4px 35px; /* top right bottom left */
	position: relative;
}

ul.breadcrumb li:hover{
	background-color: #dffc7c;
}

/* + is not supported in any browsers yet. So tip of hover arrow won't go bright */
ul.breadcrumb li:hover + ul.breadcrumb li{
	background: url("image/stylesheet/breadcrumbbrighttiptail.png") #cffb3f no-repeat scroll left; /*! light lime !*/
}

ul.defunct>li,ul>li.defunct,ul.obsolete>li,ul>li.obsolete{
	background-color: transparent;
	display: list-item;
	list-style: none outside url("image/bullet/defunct.png");
	margin: 0px 0px 0px -2px;
	padding: 0px 0px 8px 2px;
}

ul.disadvantage>li,ul>li.disadvantage{
	background-color: transparent;
	display: list-item;
	list-style: none outside url("image/bullet/redminus.png");
	margin: 0px 0px 0px -5px; /* outer,outside colour t r b l */
	padding: 0px 0px 4px 4px; /* inner to edge of colour t r b l */
}

ul.gotcha>li,ul>li.gotcha,ul.tip>li.gotcha{
	background-color: transparent;
	display: list-item;
	list-style: none outside url("image/bullet/gotcha.png");
	margin: 0px 0px 0px -5px; /* top right bottom left */
	padding: 0px 0px 8px 4px;
}

ul.needjava>li,ul>li.needjava /* leaf like tip */{
	display: list-item;
	list-style: none outside url("image/bullet/tip.png");
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 8px 4px;
}

ul.onion>li,ul>li.onion{
	background-color: transparent;
	display: list-item; /* if it were better supported we would use > child selector instead of descendant */
	list-style: none outside url("image/bullet/onion.png");
	margin: 0px 0px -4px -5px;
	padding: 0px 0px 8px 4px;
}

ul.raspberry>li,ul>li.raspberry{
	background-color: transparent;
	display: list-item;
	list-style: none outside url("image/bullet/raspberry.png");
	margin: 0px 0px 0px -5px; /* top right bottom left */
	padding: 0px 0px 8px 4px;
}

ul.rec>li,ul.strawberry>li,ul>li.rec,ul>li.strawberry{
	background-color: transparent;
	display: list-item;
	list-style: none outside url("image/bullet/strawberry.png");
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 8px 4px;
}

ul.tip>li,ul>li.tip{
	background-color: transparent;
	color: #000000; /*! black x !*/
	display: list-item;
	list-style: none outside url("image/bullet/tip.png");
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 8px 4px;
}

ul>li ul>li{
	background-color: transparent;
	display: list-item;
	list-style: circle outside none;
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 8px 4px;
}

var {
	color: #808080; /* something variable that needs to be replaced with an actual value */
	font-style: italic; /*! unobtrusive grey !*/
}

var:after{
	content: "\002192"; /* insert left arrow before the text */
}

var:before{
	content: "\002190"; /* insert right arrow after the text */
}

.ac /* font for initial letters in acronym. see .means, .acronym */{
	background-color: transparent;
	color: #005801; /*! algae !*/
	font-size: 1.13em;
	font-weight: bold;
}

.acronym, .pos,.term /* see .ac .means */{
	background-color: transparent; /* for the unexpanded acronym */
	color: #005801; /*! algae !*/
	font-weight: 600;
}

.ad /* google ad for top of page */{
	background: transparent url("image/link/affiliate.png") no-repeat scroll 100% 50%;
	border: none;
	clear: both;
	color: #9400d3; /*! DarkViolet x !*/
	display: block;
	float: right;
	margin: 0px 0px 0px 0px; /* outer t r b l */
	padding: 5px 12px 3px 5px; /* inner t r b l */
	vertical-align: top;
}

.adfoot /* google ad for footer */{
	background: transparent url("image/link/affiliate.png") no-repeat scroll 100% 50%;
	border: none;
	color: #9400d3; /*! DarkViolet x !*/
	display: block;
	margin: 0px 0px 0px 0px; /* outer t r b l */
	padding: 5px 0px 5px 0px; /* inner t r b l */
	vertical-align: top;
}

/* things that need programmer mono */
.adoment,
.csvitem,
.dev,
.dir,
.domain,
.drive,
.exe,
.executable,
.ext,
.file,
.font,
.http,
.httpkey,
.inikey,
.ip,
.mailserver,
.member,
.mime,
.propkey,
.separator,
.theme,
.timezone,
.tld,
.url,
pre,
span.adoment,
span.font,
tr td.adoment,
tr td.font {
	font-family: Consolas,"Bitstream Vera Sans Mono","Lucida Console","Lucida Sans","Lucida Sans Unicode","Courier New","Bitstream Vera Sans","Segoe UI",Arial,monospace;
	font-size: 1.1em;
}

.age /* durations in years/months/datys *cf. .date. .time */{
	background-color: transparent;
	color: #6b5a00;
}

.age,
.areacode,
.asin,
.birthdate,
.birthday,
.colourlist,
.date,
.deathdate,
.deathday,
.imperial,
.intphone,
.isbn,
.kindle,
.metric,
.naphone,
.os,
.phone,
.postal,
.postalcode,
.reviewed,
.revised,
.statistic,
.time,
.timemark,
.upc,
.updated,
.version,
.zip,
.zipcode {
	font-family: "Bitstream Vera Sans Mono","Lucida Console","Lucida Sans","Lucida Sans Unicode","Courier New","Segoe UI",Arial,monospace; /* don't use Consolas because it has serifs and funny figures. */
}

.answer  /* the answer to a question */{
	background-color: transparent; /*! dark gold3 !*/
	color: #009933; /*! shamrock green !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
}

.asays /* conversation between a and b to sort out who said what */{
	color: #188dd3;
	font-style: italic;
}

.aside{
	background-color: #fcfcff; /*! Naples Blue !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 8px;
}

.balls{
	list-style-image: url("image/bullet/rainbowball.png"); /* use rainbow ball for bullet */
}

.behold   /* to show how a character renders,want font with wide char support */{
	background-color: transparent;
	color: #006400; /*! dark green+ !*/
	font-family: "Lucida Sans","Lucida Sans Unicode","MSUIgothic","MS PGothic",sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}

.beholdfont /* to display a font sample */{
	background-color: transparent;
	color: #18418a; /*! very dark blue !*/
	font-weight: normal;
}

.bible  /* text of a quote from the Bible,cf .kjvref, often blockquote.bible  */{
	background-color: transparent;
	color: #a52a2a; /*! brown x !*/
	font-family: Garamond,Palatino,cursive,serif;
	font-size: 1.05em;
	font-style: italic;
	font-weight: normal;
}

.birthday /* birthday today, cf. birthdate, date*/ {
	background: transparent url("image/stylesheet/birthdaycake.png") no-repeat scroll 100% 50%;
	color: #8b7a11; /*! tarnished gold !*/
	font-weight: bold;
	padding-right: 25px;
	padding-top: 7px;
}

.booktitle,.dvdtitle,.amazontitle /* used in sellbook tables */{
	background-color: transparent;
	color: #b00000; /*! shoepolish brown !*/
	font-size: 1.3em;
	font-weight: bold;
}

.broken,a.broken /* broken link, c.f. .failing */{
	background: transparent url("image/stylesheet/brokenlink.png") no-repeat scroll 0% 50%;
	color: #b22222; /*! firebrick+ !*/
	font-family: "Segoe Print",Arial,Helvetica,sans-serif;
	padding: 6px 4px 6px 35px; /* t r b l */
}

.bsays /* conversation between a and b to sort out who said what */{
	color: #3d58a0;
	font-style: italic;
}

.button,
span.button,
a.button:active,
a.button:link,
a.button:visited,
table.borderless tr td.button,
table.borderless tr td span.button,
table.borderless tr td a.button:active,
table.borderless tr td a.button:link,
table.borderless tr td a.button:visited,
table.standard tr td.button,
table.standard tr td span.button,
table.standard tr td a.button:active,
table.standard tr td a.button:link,
table.standard tr td a.button:visited{
	background-color: #68dafb; /*! dull blue !*/
	border-color: #80aa80; /*! muted green !*/
	border-style: outset;
	border-width: 2px;
	color: #7b3e00; /*! dark brown !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 175%;
	margin: 4px 4px 4px 4px; /* t r b l */
	padding: 1px 4px 1px 4px; /* t r b l */
	text-decoration: none;
}

.buy    /* vendor,usually of books */{
	font-family: "Comic Sans MS",Arial,Helvetica,sans-serif;
}

.buynow,.donate  /* clickable button */{
	float: right;
	text-align: right;
	vertical-align: top;
}

.by /* author in sellbook table */{
	background-color: transparent;
	color: #00008b; /*! dark blue+ !*/
}

.caution{
	background: url("image/stylesheet/caution.png") #ffffcc no-repeat scroll 5px !important; /*! dark cream !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	color: #ff3333; /*! fire !*/
	display: block;
	font-family: Arial,"Arial Black",sans-serif; /* 15px */
	font-size: 1.15em;
	font-weight: normal;
	margin: 8px 0px 8px 0px;
	padding: 15px 8px 15px 70px; /* t r b l */
}

.caveat{
	background-color: #ffffff; /*! white x !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	color: #9b0000; /*! ruddy brown !*/
	display: block;
	font-family: Arial,"Arial Black",sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin: 8px 0px 8px 0px;
	padding: 8px 8px 8px 8px; /* inner to edge of colour t r b l */
}

.click /* mouse clicks to do something */{
	background-color: transparent;
	color: #a85e39; /*! delicate brown !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: 600;
}

.cmp{
	background-color: transparent;
	border-color: #006400; /*! dark green+ !*/
	border-style: solid;
	border-width: thin;
	clear: both;
	display: block;
	float: none;
	margin: 10px;
	padding: 5px;
}

.cmplogo /* font for Canadian Mind Products */{
	color: #000000; /*! black x !*/
	font-family: "Tiresias PCfont Z","Tiresias PCfont",TiresiasScreenfont,Arial,"Arial Black",sans-serif;
	font-size: 1.14em;
	font-style: italic;
	font-weight: normal;
}

.cmplogocaps /* font for initial letters in _C_anadian _M_ind _P_roducts */{
	color: #008000; /*! bright green !*/
	font-family: "Tiresias PCfont Z","Tiresias PCfont",TiresiasScreenfont,Arial,"Arial Black",sans-serif; /* green */
	font-size: 1.16em;
	font-style: italic;
	font-weight: normal;
}

.comingattending,.comingattended /* is attending */{
	color: #008000;
	font-weight: bold;
}

.comingdeceased /* dead */{
	color: #000000;
}

.comingmaybe /* might be coming */{
	color: #228b22;
}

.comingno /* is not attending */,.comingnotattended,.comingnoshow /* no show */{
	color: #ff0000;
}

.comingnotcontacted /* not contacted yet */,.comingleftmessage /* left message */{
	color: #ffa500;
}

.company /* phone list:company name */{
	background-color: transparent; /*! bright green !*/
	color: #004080; /*! green-tinged blue !*/
	font-weight: bold;
}

.conjecture,.speculation{
	background-attachment: scroll;
	background-color: #ffe4c4; /*! bisque x !*/
	background-position: 3px 3px;
	background-repeat: no-repeat;
	border: none;
	clear: none;
	color: #cd853f; /*! peru x !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 40px;
}

.conjecture:before{
	content: "conjecture:";
}

.correct/* check mark,green box. must match .incorrect */{
	background: url("image/stylesheet/ok.png") #d5f6d6 no-repeat scroll 3px 3px; /*! very light green !*/
	border: none;
	clear: none;
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 34px; /* top right bottom left */
}

.csays /* conversation between a and b to sort out who said what */{
	color: #266f4a; /*! seeweed green !*/
	font-style: italic;
}

.currency /* matches currcon */{
	background: transparent;
	color: #191970; /*! MidnightBlue x !*/
	font-family: "Lucida Sans","Lucida Sans Unicode","Segoe UI",Arial,monospace;
}

.custom   /* a for pay customised package */{
	background-color: transparent;
	color: #9b8400; /*! dark gold1 !*/
}

.date, .birthdate, .deathdate  /* yyyy-mm-d date,cf.,revised,updated,age, birthday, deathday */{
	background-color: transparent;
	color: #8b7a11; /*! tarnished gold !*/
}

.deathday /* deathday today */ {
	background: transparent url("image/stylesheet/deathday.png") no-repeat scroll 100% 50%;
	color: #8b7a11; /*! tarnished gold !*/
	font-weight: bold;
	padding-right: 23px;
	padding-top: 7px;
}

.description /* phone list:company description */{
	font-style: normal; /* nothing special */
}

.dev /* device e.g. nul: dev/nul */{
	background-color: transparent;
	color: #aa0d38; /* old red barn */
}

.dir,.drive /* cf exe */{
	background-color: transparent; /*! old red barn !*/
	color: #934e58; /*! blood brown !*/
	font-size: 1.1em;
}

.divider{
	background-color: transparent;
	color: #20b2aa; /*! LightSeaGreen x !*/
	font-size: 1.3em; /* for vertical bar dividers */
	line-height: 1.4em;
}

.domain,.tld, .url, .protocol/*  see .http,.ip,.url,.mailserver */{
	background-color: transparent;
	color: #c11d00; /*! clotted blood !*/
}

.dummy{
	background-color: #87b1f8;
}

.dvdtype{
	background-color: transparent; /*! dignified blue !*/
	color: #ff0000; /*! red x !*/
	font-size: 1.2em;
	line-height: 1.3em;
}

.email /*  see .mailto  .domain, .tld, .http,.ip,.url,.mailserver */{
	background-color: transparent;
	color: #777777; /* grey (matches masker ) */
}

.english /* used to indicate text is English,not Esperanto or some other language. */{
	background-color: transparent; /*! masker grey !*/
	color: #008000; /*! bright green !*/
	font-family: "Ariel SudEuro","Verena SudEuro","Publika",Arial,Helvetica,sans-serif;
}

.enter{
	background-color: transparent;
	color: #b86036; /*! milky brown !*/
}

.esperanto  /* used to indicate text is in Esperanto. */{
	background-color: transparent;
	color: #653510; /*! greyed brown+ !*/
	font-family: "Ariel SudEuro","Verena SudEuro","Publika",Arial,Helvetica,sans-serif;
}

.essay /* link to a  essay */{
	background: url("image/link/essay.png") #ffffcc no-repeat scroll 3px 3px; /*! dark cream !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 40px;
}

.executable,.exe    /* executable files,use .bat in preference  */{
	background-color: transparent;
	color: #8f4914; /*! bark brown !*/
	font-size: 1.05em;
	font-weight: 500;
}

.ext, .member {
	background-color: transparent;
	color: #914a45; /*! marshmallow cocoa !*/
}

.file {
	background-color: transparent;
	color: #653540; /*! dark stain brown !*/
}

.fineprint   /* see unobtrusive,fine print boring stuff */{
	background-color: transparent;
	color: #000000; /*! black x !*/
	font-size: 0.80em;
	line-height: 1em;
}

.flame{
	background: transparent url("image/stylesheet/flame.png") no-repeat scroll 3px 3px;
	border: none;
	clear: none;
	display: block;
	margin: 0;
	padding: 7px 7px 5px 33px; /* t r b l */
}

/* adoment is a font property */
.font,tr td.font,span.font,.adoment,tr td.adoment,span.adoment{
	background-color: transparent;
	color: #1e66e5; /*! parker ink blue !*/
	font-size: 1.08em;
	font-weight: normal;
}

.formula /* for chemical formula */ {
	color: #0000cd;
}

.free   /* implies something available at no cost,cf nonmil */{
	background-color: transparent; /*! medium blue+ !*/
	color: #0000ff; /*! blue x !*/
}

.god    /* words purportedly spoken by God */{
	background-color: transparent;
	color: #9900cc; /*! royal purple !*/
	font-family: Garamond,cursive,serif;
	font-size: 1.4em;
	line-height: 1.5em;
}

.hail /* for emphasisinng first name or name people remember someone by */{
	background-color: transparent;
	color: #ee2c2c; /*! firebrick2 x !*/
	font-weight: bold;
}

.hidden,.indexing /* to hide indexing entries for Google Desktop */{
	display: none;
}

.hitcount /* hit counts, c.f. .impressioncounter */{
	background-color: transparent;
	color: #ff8c00; /*! DarkOrange x !*/
	font-family: "Lucida Console",Verdana,monospace; /* 14px */
	font-size: 1.08em;
	font-weight: bold;
}

.http,.httpkey,.url,.mailserver /*  also .ip, .domain, .url, .newsgroup*/{
	background-color: transparent;
	color: #0002e8; /*! perky blue !*/
}

.httpkey /* for names of fields in HTTP header */{
	font-weight: bold;
}

.important{
	background: #ffffec url("image/stylesheet/redpin.png") no-repeat scroll 3px 3px !important; /*! sun cream !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	color: #ff3333; /*! fire !*/
	display: block;
	font-family: Arial,"Arial Black",sans-serif; /* 15px */
	font-size: 1.15em;
	font-weight: 600;
	margin: 8px 0px 8px 0px;
	padding: 25px 8px 20px 45px; /* inner to edge of colour t r b l */
}

.impressioncounter /* for single pixel gif used to count impressions. */{
	background-color: transparent;
	border: none !important;
	color: #ff6600; /*! blood orange !*/
	font-size: 0.80em;
	line-height: 1em;
	margin: 0px !important;
}

.incorrect /* x in pink box,must match .correct */{
	background: url("image/stylesheet/oops.png") #ffd7e4 no-repeat scroll 3px 3px; /*! pink bubble gum !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick+ !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 34px;
}

.indexletters{
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,helvetica,sans-serif;
	font-size: 1.1em;
	white-space: nowrap;
}

.intphone /* phone list:international phone number */{
	background-color: transparent;
	color: #800000; /*! mid brown !*/
}

.ip/* see also .http.,.mailserver, .domain, .url,  .newsgroup*/{
	background-color: transparent;
	color: #ff4524; /*! quiet orange !*/
}

.isbn,.asin,.kindle,.upc{
	background-color: transparent;
	color: #008000; /*! bright green !*/
	font-size: .9em;
	line-height: 1em;
}

.jesus    /* words purportedly spoken by Jesus */{
	background-color: transparent;
	color: #ff0000; /*! red x !*/
	font-family: Garamond,Palatino,cursive,serif;
	font-size: 1em;
	font-weight: normal;
}

.key,.keycap,.keystroke,.input  /* keystrokes to do something,c.f. keyword */{
	background-color: transparent;
	color: #ef150a; /*! fiery red+ !*/
	font-family: "Tiresias Keyfont V2","Lucida Console","Courier New",monospace;
}

.kjvref,.kjv /* link to King James bible,or unlinked reference,c.f. .bible */{
	background-color: transparent;
	color: #8b2589 !important; /*! milk !*/
	text-decoration: none;
}

.languagecode  /* ISO-639-1 2-letter or  ISO  ISO-639-2 3-letter language  code. see countrycode */{
	background-color: transparent;
	color: #000080; /*! navy x !*/
}

.links /* usually <h2>Links section */{
	background: transparent url("image/link/seealso.png") no-repeat scroll 3px 1px !important;
	border: none;
	clear: none;
	display: block;
	margin: 0pt 0px 0px 0px; /* outer,outside colour t r b l */
	padding: 10px 8px 10px 45px; /* inner to edge of colour t r b l */
}

.math /* used to illustrate a mathematical formula, not necessarily in strict Bali syntax */{
	background: transparent;
	color: #bb8811; /*! Backyardigans gold !*/
}

.means /* font for an uncapped acronym explanation. see .ac, .acronym */{
	background-color: transparent;
	color: #002200; /*! green mud !*/
}

.menutitle    /* title used instead of gif in menus */{
	background-color: transparent;
	color: #a52a2a; /*! brown x !*/
	font-family: "Comic Sans MS",Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

.mime    /* ini files,or other configuration files such as properties */{
	background-color: transparent;
	color: #ff4524; /*! quiet orange !*/
}

.naphone, .areacode, .phone /* phone list:North American phone number */{
	background-color: transparent;
	color: #006400; /*! dark green+ !*/
}

.needjava{
	background-color: transparent;
	color: #91122c; /*! sangria !*/
	font-size: 1.1em;
	line-height: 1.2em;
}

.neg /* negative */{
	background-color: transparent;
	border-color: #808080; /*! unobtrusive grey !*/
	color: #ff0000; /*! red x !*/
	font-weight: 700;
}

.new,table tr td a.new{
	background: url("image/stylesheet/new.png") #fcfcff no-repeat scroll 0px 1px !important; /*! extreme pale blue !*/
	border: dashed !important;
	clear: none;
	color: #9400d3; /*! DarkViolet x !*/
	display: block;
	margin: 1px 1px 1px 1px !important; /* outer t r b l */
	padding: 9px 8px 9px 30px !important; /* inner t r b l */
}

/* newsgroup and URL-like things */
.newsgroup,
.newsserver,
.output,
.port,
a.googlegroup,
a.newsgroup,
table.colourlist {
	font-family: Consolas,"Lucida Console","Courier New",monospace;
	font-size: 1.1em;
}

.newsgroup,.newsserver{
	color: #4648ff;
}

.noindex /* dummy marker to suppress glossary indexing */{
	background-color: transparent;
}

.nonmil /* free,with non-military restriction */{
	background: url("image/stylesheet/free.png") #fcfcff no-repeat scroll 3px 3px !important; /*! grey with tinge of blue !*/
	border: thin solid;
	clear: none;
	color: #2e578b; /*! black with a tinge of cyan !*/
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 45px;
}

.notes /* used in sellbook tables */{
	background-color: transparent;
	color: #653510; /*! greyed brown+ !*/
}

.nutshell  /* nutshell summary */{
	background: url("image/stylesheet/acorn.png") #fcfcff no-repeat scroll 0% 50% !important; /*! extreme pale blue !*/
	border: none;
	clear: none;
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 47px;
}

.os,.shareware,.paid,.pay,.countrycode,.state,.prov{
	background-color: transparent;
	color: #008000; /*! bright green !*/
}

.output /* output of a computer program */{
	background-color: transparent;
	color: #aa0044; /*! brown tinge of blue !*/
}

.pdf,a.pdf:link,a.pdf:visited,a.pdf:active /* offsite link to a pdf file */{
	background: transparent url("image/link/pdf.png") no-repeat scroll 100% 50%;
	padding-right: 15px;
	padding-top: 2px;
}

.plain /* dummy class that does nothing,mainly to say NOT offsite */{
	background-color: transparent;
}

.pleasefeedback{
	background-color: transparent;
	color: #275700; /*! roedy green said !*/
	font-size: .85em;
}

.port/* TCP/IP port, part of URL */{
	background-color: transparent;
	color: #0032c8; /*! plain dark blue !*/
}

.query /* for keying search queries */{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
}

.question    /* a question */{
	background-color: transparent;
	color: #ff0000; /*! red x !*/
	font-family: "Comic Sans MS","Tiresias PCfont Z","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
}

.quoted /* words somebody said,a direct quotation,italicised and surrounded in quotes */{
	font-style: italic;
}

.quoted:after,.asays:after,.bsays:after,.csays:after{
	content: close-quote;
}

.quoted:before,.asays:before,.bsays:before,.csays:before{
	content: open-quote;
}

.quran  /* a quote from the Qu'ran */{
	background-color: transparent;
	color: #00bfff; /*! DeepSkyBlue x !*/
	font-family: Garamond,Palatino,cursive,serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
}

.rat{
	background: url("image/stylesheet/rat.png") #fcfcff no-repeat scroll 3px 3px; /*! extreme pale blue !*/
	border: none;
	clear: none;
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 10px 8px 10px 45px;
}

.reviewed  /* date my page last reviewed for freshness.  c.f. .updated,..revised */{
	background-color: transparent;
	color: #808080; /*! unobtrusive grey !*/
	/* not tarnished gold like usual dates */
	font-size: 1em;
	line-height: 1.2em;
}

.reviewed:before /* inserted text,comes out silvery too */{
	content: "reviewed:";
}

.revised  /* date thing described last changed. Does not do:before c.f. .updated,.reviewed.  */{
	background-color: transparent;
	color: #a0a0a0; /*! light grey !*/
	font-size: .9em;
	line-height: 1em;
}

.ro{
	background-color: transparent;
	color: #0000ad; /*! dark crayon blue+ !*/
}

.roedy{
	background-color: transparent;
	color: #275700; /*! roedy green said !*/
}

.sellamazon /* override colour for sellamazon */{
	background-color: #fff4c7;
}

.selldvd /* override colour for selldvd */{
	background-color: #d0ffde;
}

.semihidden  /* to almost hide something */{
	background-color: transparent; /*! custard !*/
	color: #c0c0c0; /*! mid grey !*/
	font-size: 40%;
	line-height: 60%;
}

.sic:after /* [sic] */ {
	background-color: transparent;
	color: #a6a6a6; /*! grey65 x !*/
	content: "[sic]";
	font-size: .6em;
	font-style: italic;
}

.sign   /* something on a sign */{
	font-family: "Lucida Console",Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

.sortkey /* for emphasising field table is sorted by */{
	color: #cd2626;
	font-weight: bold;
}

.speculation:before{
	content: "speculation:";
}

.ssi /* stuff generated by SSI,orange. see .hitcount */{
	background-color: transparent; /*! firebrick3 x !*/
	color: #ffa500; /*! orange x !*/
	font-weight: bold;
}

.statistic /* like .numeric but not so bright */{
	background: transparent;
	color: #7a1a00; /*! shoe polish brown !*/
}

.stripe1 /* first of alternating colours for a table */{
	background-color: #d0f0c8; /*! green stripe !*/
	color: #000000; /*! black x !*/
}

.stripe2 /* first of alternating colours for a table */{
	background-color: #efffdf; /*! light chartreuse stripe !*/
	color: #000000; /*! black x !*/
}

.sunbug,.bug /* links Sun bugs */{
	background: url("image/link/ladybug.png") #ffffec no-repeat scroll 1px 1px; /*! sun cream !*/
	border: none;
	clear: none;
	display: block;
	margin: 5px 0px 5px 0px; /* t r b l */
	min-height: 2em;
	padding: 6px 5px 0px 32px;
}

.sunrfe  /* links Sun requests for enhancement */{
	background: url("image/stylesheet/improve.png") #ffffec no-repeat scroll 1px 1px; /*! sun cream !*/
	border: none;
	clear: none;
	display: block;
	margin: 5px 0px 5px 0px; /* t r b l */
	min-height: 2em;
	padding: 5px 5px 0px 22px;
}

/** used for testing margins */
.testbox{
	background-color: #ffffcc; /*! dark cream !*/
	border-color: #006400; /*! dark green+ !*/
	border-width: thin;
	color: #ff0000; /*! red x !*/
	margin: 20px;
	padding: 10px;
}

.theme,.timezone{
	background-color: transparent;
	color: #00bfff; /*! DeepSkyBlue x !*/
}

.time /* durations in hours/mins/secs/nmillis/sns *cf. .date. .age */{
	background-color: transparent;
	color: #6b5a00; /*! dark gold3 !*/
}

.timemark {
	background: transparent url("image/stylesheet/orangeclock.png") no-repeat scroll 100%  100%; /* time in a transcription */
	color: #808080; /*! unobtrusive grey !*/
	float: right;
	font-size: .9em;
	line-height: 1em;
	padding-right: 18px;
	padding-top: 6pt;
}

.timemark:before{
	content: "time: ";
}

.translate /* google translate */{
	background: transparent;
	border: none;
	clear: none;
	color: #9400d3; /*! DarkViolet x !*/
	display: block;
	float: right;
	margin: 0px 0px 0px 0px; /* outer t r b l */
	padding: -10px 0px 0px 0px; /* inner t r b l */
	vertical-align: middle;
}

.unobtrusive  /* see fineprint bigger than semihidden */{
	background-color: transparent;
	color: #808080; /*! unobtrusive grey !*/
	font-size: .9em;
	line-height: 1em;
}

.updated  /* c.f. .revised,.checked to surround the date last updated. (any change to matter how minor) */{
	background-color: transparent;
	color: #a6a6a6; /*! grey65 x !*/
	font-size: .8em;
	line-height: 1em;
}

.updated:before /* inserted text,comes out silvery too */{
	content: "updated:";
}

.version /* version numbers, JDK, JRE, apps*/{
	background: transparent;
	color: #436f7c; /*! tailing pond grey !*/
	font-size: larger;
}

.webring /* used in webring links */{
	background-color: #dadada; /*! silver !*/
	border: thin solid #ff0000; /*! red x !*/
	clear: both;
	display: table; /* to tighten up box */
	float: none;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: .85em;
	font-weight: normal;
	margin: 10px;
	padding: 5px;
}

.writteninc /* C language  */{
	background-color: transparent;
	color: #993333; /*! sharp brown !*/
	font-weight: bolder;
}

.writtenincpp /* C++ language */{
	background-color: transparent;
	color: #996633; /*! silvery brown !*/
	font-weight: bolder;
}

.writteninforth{
	background-color: transparent;
	color: #008000; /*! bright green !*/
	font-weight: bolder;
}

.writteninhtml{
	background-color: transparent;
	color: #5f9ea0; /*! CadetBlue x !*/
	font-weight: bold;
}

.writteninjava{
	background-color: transparent;
	color: #0080ff; /*! robin egg !*/
	font-weight: bold;
}

.writteninmasm{
	background-color: transparent;
	color: #ff9900; /*! butternut !*/
	font-weight: bolder;
}

.writteninpascal{
	background-color: transparent;
	color: #40e0d0; /*! turquoise x !*/
	font-weight: bolder;
}

.zip, .zipcode, .postal, .postalcode /* phone list:North American phone number */{
	background-color: transparent;
	color: #896b49; /*! log brown !*/
}