@charset "utf-8";
body  {
   /*
   Font Sets the font family (or series of families) for the style. Browsers display text in the 
   first font in the series that is installed on the user’s system. For compatibility with IE 3.0,
   list a Windows font first.
   
   Size defines the size of the text. You can choose a specific size by selecting the number and 
   the unit of measurement, or you can choose a relative size.  In theory, the em unit is the new 
   and upcoming standard for font sizes on the web, but in practice, the percent unit seems to 
   provide a more consistent and accessible display for users.  When client settings have 
   changed, percent text scales at a reasonable rate, allowing designers to preserve readability,
   accessibility, and visual design.

   Style Specifies Normal, Italic, or Oblique as the font style. The default setting is Normal. Both
   oblique and italic are "italic-like".  Some fonts do not support one or the other of the two 
   alternates.  

   Line Height Sets the height of the line on which the text is placed. Select Normal to have the 
   line height for the font size calculated automatically, or enter an exact value and select 
   a unit of measurement.

   Decoration Adds an underline, overline, or line-through to the text, or makes the text blink. 
   The default setting for regular text is None. The default setting for links is Underline. 
   When you set the link setting to none, you can remove the underline from links by defining a
   special class.

   Weight applies a specific or relative amount of boldface to the font. Normal is equivalent to
   400; Bold is equivalent to 700. 

   Variant sets the small caps variant on text. 

   Case capitalizes the first letter of each word in the selection or sets the text to all 
   uppercase or lowercase. The case attribute is supported by both browsers. 

   Color Sets the text color. The color attribute is supported by both browsers. 
   */
   
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   /* 
   it's good practice to zero the margin and padding of the body element to account for differing browser defaults
   */
   margin: 0;
   padding: 0;
   /* 
   This centers the container in IE 5* browsers. The text is then set to the left aligned default 
   in the #container selector 
   */
   text-align: left;
   color: #000000;
   font-variant: normal;   
	font-family: arial, helvetica, serif;
	background-color: white;
	background-image: url(../common/images/texture1.jpg);
}
.oneColFixCtrHdr #container {
   width: 780px; /* the auto margins (in conjunction with a width) center the page */
   text-align: left; /* this overrides the text-align: center on the body element. */
   background-color: #FFFFCC;
   background-repeat: repeat-x;
   background-position: left bottom;
   border: medium ridge #800000;
   height: 740px;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
} 
.oneColFixCtrHdr #header {
   /* 
   this padding matches the left alignment of the elements in the divs that appear beneath it. If an 
   image is used in the #header instead of text, you may want to remove the padding. 
   */   
   padding: 0;  
   /*
   this is the image for the header.
   */
   background-image: ../common/images/epjhs_header.png;
} 

.oneColFixCtrHdr #header h1 {
   /* 
   Absolute positioning removes the heading from the flow of the document.  Setting top to -100px
   removes it from the display, but retains its info for search engines and visually impaired.
   */
   margin: 0; 
   position: relative; /*position: absolute; */
   top: 0px; /* top: -100px;  */
   }

.oneColFixCtrHdr #mainContent {
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0 px;
   padding-top: 0;
   padding-bottom: 0;
   border-left-width: medium;
   border-left-color: maroon;
} 
.oneColFixCtrHdr #footer {
   padding: 0 10px 0 20px;
} 


.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



.twoColFixLtHdr #container {
   width: 780px; /* the auto margins (in conjunction with a width) center the page */
   text-align: left; /* this overrides the text-align: center on the body element. */
   background-color: #FFFFCC;
   background-repeat: repeat-x;
   background-position: left bottom;
   border: medium ridge #800000;
   height: 840px;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
} 
.twoColFixLtHdr #header {
   /* 
   this padding matches the left alignment of the elements in the divs that appear beneath it. If an 
   image is used in the #header instead of text, you may want to remove the padding. 
   */   
   padding: 0;  
   /*
   this is the image for the header.
   */
   background-image: ../common/images/epjhs_header.png;
   
} 
.twoColFixLtHdr #header h1 {
   /* 
   Absolute positioning removes the heading from the flow of the document.  Setting top to -100px
   removes it from the display, but retains its info for search engines and visually impaired.
   */
   margin: 0; 
   position: relative; /*position: absolute; */
   top: 0px; /* top: -100px;  */
   }
.twoColFixLtHdr #sidebar1 {
   /* 
   since this element is floated, a width must be given 
   */
   float: left;
   /* 
   The background color will be displayed for the length of the content in the column, but no further 
   */
   width: 250px; 
   padding: 10px 10px 15px 10px;
}
.twoColFixLtHdr #sidebar1 h5 { color: maroon; }
.style1 {font-family: "Lucida Handwriting", "Lucida Sans", "Lucida Sans Unicode"}

.twoColFixLtHdr #mainContent {
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 170px;
   padding-top: 0;
   padding-bottom: 0;
   border-left-width: medium;
   border-left-color: maroon;
} 
.twoColFixLtHdr #footer {
   padding: 0 10px 0 20px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

.center1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

p    { font-size: 80%; }

.twoColFixLtHdr #container #mainContent h2 { color: maroon; }
.twoColFixLtHdr #container #mainContent h5 { color: maroon; }

h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 150%;
   color: maroon;
}

h5 { 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   color: maroon;
 }

hr { color: maroon; }
a { color: maroon; }

.signature {font-family: "Lucida Handwriting", "Lucida Sans", "Lucida Sans Unicode"}


a.button {
zoom: 1; /* fixes shifting text bug in IE */
font-weight: bold;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 4px 8px 2px 2px;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
text-align: center;
min-width: 75px;
text-transform: uppercase;
}
a.button:link {
   background-color: #0066FF;
   color: #FFF;
   text-decoration: none;
}
a.button:visited {
background-color: #0066FF;
color: #fff;
text-decoration: none;
}
a.button:hover {
background-color: #0066FF;
color: maroon;
border-color: black white white black;
text-decoration: none;
}
a.button:active {
background-color: #369;
color: #ccc;
text-decoration: none;
}

#prayer {
   font-family: Arial, Helvetica, sans-serif;
   position: relative;
}

#nav1 {
   height: auto;
   width: 330px;
   position: relative;
}