/* File: css_frrs/frrs.css - a Cascading Style Sheet for modern FRRS webpages

2021-04-21 Paul Finnegan - new
2021-04-23 Paul Finnegan - added font.ha_collection_photo_caption and font.ha_collection_photo_id
2021-05-14 Paul Finnegan - added td.ha_collection_index
2026-07-31 Paul Finnegan - added new html5 styles used in HTML5 web pages
                           - span.wprm_13px_FFFFFF and span.wprm_13px_FFFFFF
2026-08-02 05:21 Paul Finnegan - renamed wprm spans to include font-family and creaed Times New Roman spans
*/

/*  Items used in HA_COLLECTION type pages: */

li.ha_collection {
        color: white;
	margin: 10px 0;
}

p.ha_collection {
	color: white;
	margin: 20px;
}

td.ha_collection_index {
        color:#ffffff;border-collapse: collapse; border: 1px solid gray;
}

td.ha_collection_photo {
	color: #ffffff; border: 1px solid gray; padding: 5px; vertical-align:middle; text-align:center;padding: 15px;
}

div.ha_collection_photo_caption {
	color: white;
}

div.ha_collection_photo_id {
	color: gray;
}

/*  Items used in HTML5 type pages: */

/* span */

span.wprm_10px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 10px;
	color: #FFFFFF ;
}
span.wprm_10px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 10px;
	color: #000000;
}

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

span.wprm_13px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
	color: #FFFFFF ;
}
span.wprm_13px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
	color: #000000;
}

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

span.wprm_16px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	color: #FFFFFF ;
}
span.wprm_16px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	color: #000000;
}

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

span.wprm_18px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 18px;
	color: #FFFFFF ;
}
span.wprm_18px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 18px;
	color: #000000;
}

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

span.wprm_24px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 24px;
	color: #FFFFFF ;
}
span.wprm_24px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 24px;
	color: #000000;
}

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

span.wprm_32px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 32px;
	color: #FFFFFF ;
}
span.wprm_32px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 32px;
	color: #000000;
}

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

span.wprm_48px_Century_Gothic_FFFFFF{
	font-family: "Century Gothic", sans-serif;
	font-size: 48px;
	color: #FFFFFF ;
}
span.wprm_48px_Century_Gothic_000000{
	font-family: "Century Gothic", sans-serif;
	font-size: 48px;
	color: #000000;
}
/* --------------------------------------------- */

span.wprm_10px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF ;
}
span.wprm_10px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
}

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

span.wprm_13px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFFFFF ;
}
span.wprm_13px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
}

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

span.wprm_16px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF ;
}
span.wprm_16px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
}

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

span.wprm_18px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF ;
}
span.wprm_18px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
}

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

span.wprm_24px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF ;
}
span.wprm_24px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000000;
}

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

span.wprm_32px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
	color: #FFFFFF ;
}
span.wprm_32px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
	color: #000000;
}

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

span.wprm_48px_Times_New_Roman_FFFFFF{
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	color: #FFFFFF ;
}
span.wprm_48px_Times_New_Roman_000000{
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	color: #000000;
}
/* --------------------------------------------- */

