/*********************************
Style Sheet for this whole website
(www.chp-louishebert.ca)

All web pages on this site must 
refer to this CSS file.

*********************************/


/* The styles for the official CHP look-and-feel */
/* (Please note: There are many things I would not have done
this way on my web site, but I had to use a template supplied
by the CHP. For example, the "background" attribute doesn't
exist for "td", so I fail the HTML 4.01 Strict test. Also, I
don't like all the magic numbers for the width, etc. */
/* ========================================================================= */

body.body_chp
{
	/* If you don't do this, there is a small margin around the 
	whole page that is unoccupied. */
	margin-top:0;
	margin-left:0;

	background-color: white;
}
table.table_chp
{
	background-color: white;
	width: 550pt;
}
/* For the very top and very bottom of the page */
p.header_chp
{
	background-color: #6d1643; /* RGB(109, 22, 67) in decimal,
	but that was from the original CHP HTML. The MS-Word document
	had RGB(153, 0, 51) */
	text-align: right;
	font-weight: bold;
	font-family: arial;
	color: white;
	padding-right: 20pt;
}
td.menubar
{
	border: black 1px solid;
	/* the width of the menu is determined by the background image: width:150; */
}
a.menubar
{
	font-weight: bold; 
	font-size: 10pt; 
	color: #606060; 
	font-family: verdana,arial,helvetica,sans-serif; 
	text-decoration: none;
	margin-left: 10pt;
	margin-right: 10pt;
}
a.menubar:hover 
{
	color: red;
}
td.mainpane
{
	padding:0pt 12pt 0pt 12pt;
}
h1, h2, h3
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #606060;
}
h1
{
	font-size: 160%;
	font-weight: bold;
}
h2
{
	font-size: 140%;
	font-weight: normal;
}
h3
{
	font-size: 110%;
	font-weight: normal;
}
p
{
	color: #202020;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12pt;
	
	/* I think increasing line spacing makes it easier to read */
	line-height: 18pt;
}
p.list
{
	margin-left:30pt;
}
span.liturgy
{
	color: red;
	font-weight: bold;
}


/* The styles from my old CHP website */
/* ========================================================================= */

/* The background for all web pages. */
body.phc
{
	/* This is my best attempt at a background color that
	mimicks the CHP "Dried Blood of Christ" color, while
	still being light enough to avoid being annoying.
	But on many computer flat screens, came out more like
	a disgusting yellow, so reverted to white 2011-April-18 */
	/*background-color: #F5F5DC;*/
}


/* The "self-numbered list" style" */
p.list
{
	margin-left: 25pt;
}
p.list2
{
	margin-left: 50pt;
}
p.list3
{
	margin-left: 75pt;
}
/* The "breadcrumbs" at the top of the pages, and the navigation
buttons at the bottom of the pages */
p.top
{
	font-weight:normal; 
	font-size: small;
	background-color: #7D0A29;
	margin-top: 6pt;
	color: white;
	height: 20pt;
}
p.bottom
{
	font-weight:normal; 
	font-size: small; 
	text-align: center;
	background-color: #7D0A29;
	margin-top: 20pt;
	height: 20pt;
}
a.header
{
	margin-left: 20pt;
	margin-right: 20pt;
}
a.header:link
{
	color: white;
}
a.header:visited
{
	color: white;
}
a.header:hover
{
	font-weight: bold;
	/* font-family: monospace; */
}
/* The leading comment at the top of texts, or
my comments when using Concedo, Nego, Distinguo
*/
p.comment
{
	margin-left: 30pt;
	font-style: italic;
}
/* A paragraph to hold graphics, and small font explanations below the image. */
p.figure
{
	text-align:center;
	color: #A52A2A;
	font-weight: normal;
	font-family: times, serif;
	font-size: 80%;
	line-height: 12pt;
}
/* For warnings */
span.warning
{
	color: red;
	font-weight: bold;
}
/* For copyright notices, etc. */
p.copyright
{
	font-weight: normal;
	font-family: times, serif;
	font-size: 80%;
	line-height: 12pt;
}
/* For various unimportant explanations. */
p.explic
{
	font-weight: normal;
	font-family: times, serif;
	font-size: 80%;
	line-height: 12pt;
}
/* For less-important explanations, etc. */
span.explic
{
	color: #A52A2A;
	font-weight: normal;
	font-family: times, serif;
	font-size: 80%;
}
/* Division used to set off a very important excerpt, etc. */
div.poster
{
	border-color: black;
	background: white;
	border-style: double;
	padding:12pt 12pt 12pt 12pt;
}
/* Programming code style, also used for IP notices and e-mails */
pre
{
	/* font-family: "Courier New", courier, "sans serif"; */
	font-size: 100%;
	background:white;
}
a.external_link
{
   padding-right: 18px;
   background: transparent url('fr/external.png') no-repeat center right;
}