/*
Red	#FF0000	
Turquoise	#00FFFF	
Light Blue	#0000FF	
Dark Blue	#0000A0	
Light Purple	#FF0080	
Dark Purple	#800080	
Yellow	#FFFF00	
Pastel Green	#00FF00	
Pink	#FF00FF	

White	#FFFFFF
Light Grey	#C0C0C0
Dark Grey	#808080
Black	#000000
Orange	#FF8040
Brown	#804000
Burgundy	#800000
Forest Green	#808000
Grass Green	#408080
*/

body { background: #000000 }

.content  { background: #ffffff; color: #804000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.content2 { background: #ffffff; color: #800000; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none  }
.content3 { background: #800000; color: #ffffff; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none  }

/* <span class="boxed"> */
.boxed { padding-left: 3px; padding-right: 3px; border: 1px solid rgb(250,0,255)}
.hint { background-color: #ffffef; background-repeat: repeat; background-attachment: 
               scroll; color: #886666; font-style: normal; font-variant: 
               normal; font-weight: normal; font-size: 68%; font-family: 
               Verdana, Arial, Helvetica; background-position: 0% }

/* <br><span class="faint">click for larger image</span> */
.faint { background-color: #ffffff; background-repeat: repeat; background-attachment: 
               scroll; color: #F08080; font-style: normal; font-variant: 
               normal; font-weight: normal; font-size: 8pt; font-family: 
               Verdana, Arial, Helvetica; background-position: 0% }

/* ----------------------------------------------------------------------------------------*/
/* following for "Whistling Dwarf Stonework masthead graphic */
img.masthead { background: #00000; position: absolute; left: 165px; top: 30px }  /* was 30 top */

/* border will be: #4C9494 */
p.punderline { border-bottom: solid 1px #4C9494; position: absolute; left: 15px; top: 195px; color: #ffffff; font: 8pt Verdana, Arial, Helvetica;  }
.hrunderline { height: 1px; width:70%; position: absolute; left: 185px; top: 94px; color: #ffffff; visibility: collapsed }

/* following for byline graphic below the "Whistling Dwarf Stonework" masthead graphic */
img.byline { background: #00000; position: absolute; left: 150px; top: 102px }  /* was 99 top */

/* following two for Menno's name beside his masthead picture */
p.mastname { background: #00000; position: absolute; right: 150px; top: 100px; color: #C0C0C0; font: 8pt Verdana, Arial, Helvetica }
/* img.mastheadshot {float:right; position: relative; top: 1px; padding-right: 15px; padding-top: 0px} */
/* img.mastheadshot2 {float:right; padding-right: 15px; padding-top: 0px} */



/* ----------------------------------------------------------------------------------------*/

.topleft { background: #004848 }
.topbg { background: #000000 }
.topcontent { background: #; color: #777777; font: 8pt Verdana, Arial, Helvetica; text-decoration: none  }
.leftcol { background: #4C9494 }
.menu { color: #000000; font: bold 70% Verdana, Arial, Helvetica } /* color when selected */
	.menu a:link { color: #ffffff; text-decoration: none }  /* color before ever visited; make same color as visited for left hand menus */
	.menu a:visited { color: #ffffff; text-decoration: none } /* color of all unselected items */
	.menu a:hover { color: #0000ff; text-decoration: none }
	.menu a:active { color: #ffffff; text-decoration: none }  /* seems to do nothing */
.bottom { background: #000000 }
.copyright { color: #cccccc; font: 68% Verdana, Arial, Helvetica }
	.copyright A:link, .copyright A:visited { color: #ffffff; text-decoration: none }
	.copyright A:active, .copyright A:hover { color: #4C9494; text-decoration: none }
.rightcol { background: #ffffff; border-left: solid 1px #4C9494; color: #777777; font: 68% Verdana, Arial, Helvetica }

img.inset {float:right; border-style: inset}
img.float_thinborder {float:right; border-width: thin; border-style: solid; border-color:#ffff55; padding-right: 15px}
img.right5 {position:absolute; right:5px; border-style: inset}


h1 { border-bottom: solid 1px #4C9494; color: #000000; font: bold 150% Verdana, Arial, Helvetica }
h2 { color: #800000; font: bold 140% Verdana, Arial, Helvetica }
h3 { border-bottom: solid 1px #4C9494; color: #800000; font: bold 130% Verdana, Arial, Helvetica }
h4 { color: #800000; font: bold 110% Verdana, Arial, Helvetica }
h5 { color: #000000; font: bold 110% Verdana, Arial, Helvetica }
h6 { color: #000000; font: bold 100% Verdana, Arial, Helvetica }

A:link { color: #237D7C }
A:visited { color: #237D7C }
A:active, A:hover { color: #83C7C6 }

/* for today's thought.  Each website must add these lines to its .css file so it can be changed to suit the site's colours */
.thought { background: #ffffff; color: #800000; font: 8pt Verdana, Arial, Helvetica  }
.thoughtby { background: #ffffff; color: #777777; text-align:right; font: 8pt italic Verdana, Arial, Helvetica }