/*
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
*/  

/* html, body { background: #F0F0CF } */
html, body { background: #F0F0CF; margin: 0px; padding: 0px; border: 0px; }

p, .content, .emphasis, .caption, .quote, .author { background: #fffff5 }
p, .content { color: #555500; font: 95% 'Comic Sans MS', Verdana, Arial  }
   .heavy { color: #400000; font: normal bold 100% arial, verdana }
.emphasis   { color: #202000; font-weight: bold; font: 100% 'Comic Sans MS', Verdana, Arial }
.caption    { color: #404000; font: 8pt Verdana, Arial, Helvetica; text-decoration: none  }
.quote      { color: #0000A0; font: 10pt Verdana, Arial, Helvetica; padding-left: 3px; padding-right: 3px; border: 1px solid rgb(248,200,248); }
.author     { right:auto; color: #808000; font: 8pt Verdana, Arial, Helvetica; text-decoration: none  }

.topleft { background: #004848 }
.topbg { background: #000000 }
.leftcol { background: #000000 }
/* first color is menu color when page is current */
.menu { background-color: #000000; color: #ffff00; font: bold 70% Verdana, Arial, Helvetica } 
     /* color before ever visited; make same color as visited for left hand menus: */
     /* color of all unselected items: */
	.menu a:link, .menu a:visited { color: #F0F0D0; text-decoration: none }  
	.menu a:hover { color: #8080ff; 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 }

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

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

img.float_right {float: right; border-style: none; padding: 25px }
img.float_left  {float: left;  border-style: none; padding: 25px }
img.float_right_nopad {float: right; border-style: none; padding: 0px }

/* <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% }

/* 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 }