/* The order for pseudo-tags must be: link, visited, hover, active */
a:link {color:#0000aa}
a:visited {color:#558855}
a:hover {color: black;  font-weight: bolder; font-variant: small-caps}
a {text-decoration: none; font-weight: bolder;}
/* original body tag: link="#0000ff" vlink="#800080"*/


body {background-image: url('images/parchment.gif');}
/*body {background-color: #f7fff8}

 */
 body { font-family: Verdana, Helvetica, Arial, Sans-Serif}

HR	{color:#66aa66; border-style:solid}

.coffeemenu {color: #990000;
            border-width: 1px;
            border-left-width: 0px;
            border-right-width: 0px;
            border-style: solid;
            border-color: #B66624}
.coffeemenuItem {color: #522110; font-family: cursive;
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #522110;
            border-right-color: #522110;
            border-right-width: 1px;
            border-right-style: solid;
            padding: 1px;
            font-size: smaller}
a:link.coffeemenuItem {}
.coffeemenuImage {height: 35px; width: 45px}

.beansImage {float: right}

p { font-family: verdana, helvetica, arial, sans-serif}
p.pbold { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight:bold}
p.pitalics { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-style:italic}
p.bolditalics { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-style:italic; font-weight:bold}

p.notehead { font-family: Verdana, Helvetica, Arial, Sans-Serif; color:#FF0000; font-size:11pt; font-weight:bold}
p.notebody { font-family: Garamond, Sans-Serif; font-size:11pt}

p.text { font-size:10pt; font-family: Verdana, Helvetica, Arial, Sans-Serif}
p.textbold { font-size:10pt; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight:bold}
p.textitalics { font-size:10pt; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-style:italic}
p.textolditalics { font-size:10pt; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-style:italic; font-weight:bold}


p.menu { font-size: 8pt; font-weight: bold; font-family: Verdana, Helvetica, Arial, Sans-Serif }
p.title { font-size: 20pt; font-family: Verdana, Helvetica, Arial, Sans-Serif }

p.subtitle { font-size: 18pt; font-family: Verdana, Helvetica, Arial, Sans-Serif }
p.pagetitle { font-size: 18pt; color: #003399; font-family: Verdana, Helvetica, Arial, Sans-Serif }

p.mod { font-style: italic; font-size: 10pt; font-family: Verdana, Helvetica, Arial, Sans-Serif }
p.contact { text-align: right; font-style: italic; font-size: 10pt; font-family: Verdana, Helvetica, Arial, Sans-Serif }

h1.pagename {color: #101080}


h1 {font-size: 18pt; color: #421105; font-family: Verdana, Helvetica, Arial, Sans-Serif}
h2 {font-size: 12pt; color: #003399; font-family: Verdana, Helvetica, Arial, Sans-Serif}
div.mainsection h2 {color: #421105;}

.deadlink {font-size: 7pt;}

p.subheadingbold {font-size: 13pt; color: #003399; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight:bold}

#VitaCoffeeColor {background-color: #522110}
#VitaVariationColor      {background-color: #562010}
#WheelerColor   {background-color: #763604}

ul {list-style-type: circle; }
.mainsectionlist  {list-style-type: square; }



/* these scollbar- attributes are all Microsoft extensions to CSS.
   there seems to be no way to change the width of a scrollbar, even with an extension attribute.
   There are ScrollWidth and ScrollHeight scripting properties, however 
   */
   
   /*
body	{scrollbar-face-color: #88cc88;
	scrollbar-shadow-color: #77cc55;
	scrollbar-highlight-color: #99cccc;
	scrollbar-3dlight-color: #88cccc;
	scrollbar-darkshadow-color: #66ff44;
	scrollbar-base-color: #116611;
	scrollbar-track-color: #003300;
	scrollbar-arrow-color: #004400}
*/

	
/* for tables */	
.hpitems {border-collapse:separate; border: thin inset yellow;  border-spacing:6px; empty-cells:hide}