<!--
/* ******************************************************************
 * Styles used for common Menu and some other places.
 *
 *    Updated Sat 23 May 2009 at 23:50 by David L. Paktor
 *
 *  $Revision: 1.3 $    $Date: 2009-06-02 12:51:23-07 $
 *
 * ****************************************************************** */
-->

<!--
/*  We have six pairs of colors for six menu items.  In each, the
 *  darker is foreground and the lighter back.  There is a :hover
 *  pseudo-style for each, with the fore- and back- grounds reversed.
 *  There is also a ...stab (for "stable") style, which is the same
 *  as the base-style, to be used when we don't want a hover effect
 *  and a ...fg (for "ForeGround") style with just the foreground color.
 */
/*  We will have a seventh color -- grey letters on transparency --
 *  for the page currently being displayed.  Call it "You Are Here".
 */
-->

.home { color: rgb(39, 60, 203); background: rgb(81, 217, 217); }
.cont { color: rgb(236, 47, 13); background: rgb(245, 219, 33); }
.res  { color: rgb(26, 106, 69); background: rgb(132, 251, 140); }
.samp { color: rgb(148, 16, 88); background: rgb(252, 116, 218); }
.faq  { color: rgb(98, 0, 196);  background: rgb(201, 142, 253); }
.tplt { color: rgb(252, 28, 3); background: rgb(250, 180, 150); }
.fun  { color: rgb(117, 54, 47); background: rgb(203, 142, 124); }

.home:hover { color: rgb(81, 217, 217);  background: rgb(39, 60, 203); }
.cont:hover { color: rgb(245, 219, 33);  background: rgb(236, 47, 13); }
.res:hover  { color: rgb(132, 251, 140); background: rgb(26, 106, 69); }
.samp:hover { color: rgb(252, 116, 218); background: rgb(148, 16, 88); }
.faq:hover  { color: rgb(201, 142, 253); background: rgb(98, 0, 196); }
.tplt:hover { color: rgb(250, 180, 150); background: rgb(252, 28, 3); }
.fun:hover  { color: rgb(203, 142, 124); background: rgb(117, 54, 47); }

.homestab { color: rgb(39, 60, 203); background: rgb(81, 217, 217); }
.contstab { color: rgb(236, 47, 13); background: rgb(245, 219, 33); }
.resstab  { color: rgb(26, 106, 69); background: rgb(132, 251, 140); }
.sampstab { color: rgb(148, 16, 88); background: rgb(252, 116, 218); }
.faqstab  { color: rgb(98, 0, 196);  background: rgb(201, 142, 253); }
.tpltstab { color: rgb(252, 28, 3); background: rgb(250, 180, 150); }
.funstab  { color: rgb(117, 54, 47); background: rgb(203, 142, 124); }

.homefg { color: rgb(39, 60, 203); border: rgb(39, 60, 203); }
.contfg { color: rgb(236, 47, 13); }
.resfg  { color: rgb(26, 106, 69); }
.sampfg { color: rgb(148, 16, 88); border: rgb(148, 16, 88); }
.faqfg  { color: rgb(98, 0, 196); border: rgb(98, 0, 196); }
.tpltfg { color: rgb(252, 28, 3); border: rgb(252, 28, 3); }
.funfg  { color: rgb(117, 54, 47); border: rgb(117, 54, 47); }

<!--
/*  Hollowed-out.  A border also helps show the place that's being held.
 */
-->
.urhere { background: transparent;
	  border: 6px double;  }

<!--
/*  For places that are subject to being replaced by a "You Are Here" box
 *      compensate for the border with an equivalent-sized padding  
 */
-->
.urNotHere { padding: 6px; }

.titlSiz      { font-size: 24pt; font-weight: bold; padding: 3px 5px 5px 5px }