/* css09.css: 5/18/04 (based on cssbb08.css) This adds the images from FP2003's Interactive Buttons feature. */
/* css08.css: 1/8/04 (based on cssbb07.css) To implement this CSS file, */
/* insert it into the head element of pages where it's needed. */
/* Add tr to the list below?  Add span?  Delete div?  Delete hr? */
/* The rule below sets the default font to Arial and the size to 1 em. */

/* Note that Times New Roman must be in double quotes because of the white space. */

/* The difference between 6 and 7 is that in 7 we deleted the div element from the list below */

body, p, ul, ol, dir, menu, dt, dd, address, blockquote, pre, br, hr, form, table, dl, td, th, span
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	}

/* Note of Dec. 2002: Above used to be font-size: 1em, not 12pt */
/* I made this change to fix the occasional error when users have IE's Text Size set to other than Medium */
/* Should I change the other ".em" designations? */

/* cssbb05.css, comapred to 04, tests using Verdana 11 ahead of instead of 12-pt. Arial */

/* css08.css, comapred to bb07, increases certain font sizes */

/* sansserif  small   Verdana  9       */
/* sansserif  normal  Verdana 11  (set above, not below) */
/* sansserif  big     Verdana 13       */
/* sansserif  title   Verdana 14  bold */
/*     serif  small   TimesNR 10       */
/*     serif  normal  TimesNR 13       */
/*     serif  big     TimesNR 14       */
/*     serif  title   TimesNR 19  bold */


.sansserifsmall
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}

.sansserifbig
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	}

.sansseriftitle
	{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	}

.serifsmall
	{
	font-family: "Times New Roman", serif;
	font-size: 10pt;
	}

.serifnormal
	{
	font-family: "Times New Roman", serif;
	font-size: 13pt;
	}

.serifbig
	{
	font-family: "Times New Roman", serif;
	font-size: 14pt;
	}

.seriftitle
	{
	font-weight: bold;
	font-family: "Times New Roman", serif;
	font-size: 19pt;
	}

.CourierNew
	{
	font-family: "Courier New", Courier, serif;
	font-size: 11pt;
	}

.emTitle
	{
	font-family: "Courier New", Courier, serif;
	font-size: 18pt;
	}

.leftindent
	{
	margin-left: 35px;
	margin-right: 0px;
	}
.leftindentsmall
	{
	margin-left: 35px;
	margin-right: 0px;
	font-size: 9pt;
	}
.leftindentsmallbold
	{
	margin-left: 35px;
	margin-right: 0px;
	font-size: 9pt;
	font-weight: bold;
	}

/* hoverbutton_left is for table below the top table at the LEFT side (Previous, Top, Next, etc.) */
/* hoverbutton_right is for the table below the top table at the RIGHT side (CLAIMS, FUN PIX, CROSSWORD, etc.) */
/* hoverbutton_indexhtm is only for index.htm, which can be improved */

.hoverbutton_left a
	{
	color: yellow;
	background-color: blue;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

.hoverbutton_left a:hover
	{
	color: yellow;
	background-color: black;
	text-decoration: none;
	}

.hoverbutton_right a
	{
	color: aqua;
	background-color: blue;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

.hoverbutton_right a:hover
	{
	color: yellow;
	background-color: black;
	text-decoration: none;
	}

.hoverbutton_indexhtm a
	{
	color: yellow;
	background-color: black;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

.hoverbutton_indexhtm a:hover
	{
	color: yellow;
	background-color: navy;
	text-decoration: none;
	}

/* January 8, 2004 -- The three topClass statements below are what inform the hoverable, clickable TOP triangles */
/* The order of the three makes a difference */

a.topClass:visited
	{
	background-image: url(z_bartop_hoverblank.gif);
	height: 18px;
	width: 180px;
	text-decoration: none;
	}

a.topClass:link
	{
	background-image: url(z_bartop_hovertop.gif);
	height: 18px;
	width: 180px;
	text-decoration: none;
	}

a.topClass:hover
	{
	background-image: url(z_bartop_hovertop.gif);
	height: 18px;
	width: 180px;
	text-decoration: none;
	}


/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* May 16, 2004 -- The three homegrayClass statements below are what inform the hoverable, clickable gray-background Home tab */
/* The order of the three makes a difference */
/* Is the "visited" Class necessary?  Apparently yes, it is.*/
/* Are the 8 "link" Class declarations necessary?  Not except to see the Design View correctly, so it is. */
/* Can I get rid of text-decoration: none; ?  Also get rid of &nbsp;s ?

/* ======== Beginning of CSS for main top table ================== */
/* =============================================================== */
/* =============================================================== */
a.homegrayClass:visited
	{
	background-image: url(images/buttons/home_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.homegrayClass:link
	{
	background-image: url(images/buttons/home_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.homegrayClass:hover
	{
	background-image: url(images/buttons/home_blackongray.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
a.homeblueClass:visited
	{
	background-image: url(images/buttons/home_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.homeblueClass:link
	{
	background-image: url(images/buttons/home_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.homeblueClass:hover
	{
	background-image: url(images/buttons/home_blackonblue.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
/* =============================================================== */
a.stuffgrayClass:visited
	{
	background-image: url(images/buttons/stuff_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.stuffgrayClass:link
	{
	background-image: url(images/buttons/stuff_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.stuffgrayClass:hover
	{
	background-image: url(images/buttons/stuff_blackongray.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
a.stuffblueClass:visited
	{
	background-image: url(images/buttons/stuff_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.stuffblueClass:link
	{
	background-image: url(images/buttons/stuff_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.stuffblueClass:hover
	{
	background-image: url(images/buttons/stuff_blackonblue.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
a.crosswordgrayClass:visited
	{
	background-image: url(images/buttons/crossword_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.crosswordgrayClass:link
	{
	background-image: url(images/buttons/crossword_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.crosswordgrayClass:hover
	{
	background-image: url(images/buttons/crossword_blackongray.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
a.crosswordblueClass:visited
	{
	background-image: url(images/buttons/crossword_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.crosswordblueClass:link
	{
	background-image: url(images/buttons/crossword_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.crosswordblueClass:hover
	{
	background-image: url(images/buttons/crossword_blackonblue.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
/* =============================================================== */
a.funpixgrayClass:visited
	{
	background-image: url(images/buttons/funpix_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.funpixgrayClass:link
	{
	background-image: url(images/buttons/funpix_blueongray.jpg);
	height: 30px;
	width: 100px;
	}
a.funpixgrayClass:hover
	{
	background-image: url(images/buttons/funpix_blackongray.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
a.funpixblueClass:visited
	{
	background-image: url(images/buttons/funpix_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.funpixblueClass:link
	{
	background-image: url(images/buttons/funpix_blueonblue.jpg);
	height: 30px;
	width: 100px;
	}
a.funpixblueClass:hover
	{
	background-image: url(images/buttons/funpix_blackonblue.jpg);
	height: 30px;
	width: 100px;
	}
/* =============================================================== */
/* =============================================================== */
/* ======== End of CSS for main top table ======================== */