/* CSS style file for Hillside web site - Michael Frascinella */

/*******************
Use the block tag DIV CLASS="something" ... /DIV to give a block of elements a colored background or other attribute

Use the SPAN tag (SPAN CLASS="something" ... /SPAN to format a word or range of text

Use CLASS="something" inside a tag like P, UL, or OL to apply the class to that element

Note: font size is in pixels (px) which is a smaller unit than points (pt)
********************/

/* TAG STYLES

/***************/
/* Hyperlinks */

/* Use pseudoclasses with the A tag.
A:link is unvisited link; A:visited is visited link; a:hover is for mouseover; a:active is when link is clicked.

Keep the tags in this order:a:link, a:visited, a:hover, a:active. */

A:link {color: blue; font-weight: bold; text-decoration: none; background: none}
A:visited {color: red; font-weight: bold; text-decoration: none}
A:hover {color: green; font-weight: bold; text-decoration: underline}
A:active {color: green; font-weight: bold; text-decoration: none}

/* Multiple styles for hyperlinks */

/* You can have several different ways to display hyperlinks by adding a different class name to each set of A tags. To use them in your content, add the class to the A tag: <a class="one" href="yourfile.htm"> */

/* This set is used by Top and Home buttons at bottom of each page */
A.top:link {color: blue; text-decoration: none}
A.top:visited {color: blue; text-decoration: none}
A.top:hover {color: green; text-decoration: none; background:#FFFFE0}
A.top:active {color: green; text-decoration: none}

/* yellowback gives extra highlighting to links. */
A.yellowback:link {color: blue; text-decoration: none}
A.yellowback:visited {color: blue; text-decoration: none}
A.yellowback:hover {color: green; text-decoration: underline; background-color: #FFFF00}
A.yellowback:active {color: green; font-size: 100%; text-decoration: none; background: #FFFFFF}

/***************/
/* Background  */

/* This image will be used in all html pages; for IE, it does not scroll (fixed)   3-14-05 previous background: bk-gray-texture.gif
7-12-05 Background image revised     11-3-05 alternative bk-gray-marble.jpg  */
BODY {background:url('images/blue-pale-pattern1000w.jpg') fixed; }


/* Div block */
div.calendar  {
background-color: transparent;
padding-left: 4px;   /* was 5px */
padding-right: 5px;
width: 500px;
/* float: left; */
/*use position, top, left, and height properties for absolute positioning only */
position: absolute;
top: 850px; 
left: 440px;
/* height: 800px; */
/* border: thin solid black */
}


/* HEADINGS: use tahoma as preferred font (narrower than verdana)
   3-21-09 copied heading styles fom E-Synergy file */

h1
	{
	font-size: 18.0pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: #000066
	}

h2
	{
	font-size: 16.0pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: #000066
	}

h3
	{
	font-size: 14.0pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: #000066
	}

h4
	{
	font-size: 12.0pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: #000066
	}

h5
	{
	font-size: 10.0pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: #000066
	}

/* Column Heading - applies bold blue 12px verdana font with light blue background and special top and bottom borders; height of 15px looks balanced */

.columnheading
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0000FF; 
	height: 15px;   /* 3-16-11 */
	width: 100%;
	border-top: 3px groove #C0C0C0;
	border-bottom: 3px solid #C0C0C0;
	background-color: #99CCFF;
}

/* For motto at top of home page */
.subbanner
	{
	font-family:arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#990000
	}

/* Bold 11px subheadings (no color) */
.subhead11
	{
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold
	}

/* Bold 12px subheadings (no color) */
.subhead12
	{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

/* Bold 14px subheadings (no color) */
.subhead14
	{
	   font-family: verdana, arial, sans-serif;
	   font-size:14px;
	   font-weight:bold;
	}


/* Styles for paragraphs, lists, table entries - color: #000066   */

P, TD /* removed LI due to conflict with dynamic menus*/
/*  5/9/2011 - changed to sans serif font and added line-height */
	{
	font-family: arial, sans-serif;
/*	font-family: georgia, "palatino linotype", "times new roman", serif; */
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
	line-height: 16px
	}

/* Style for table headings - arial, color: #000066   */
TH
	{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000066
	}

/* St. Patrick's Day colors
P, LI, TH, TD, H1, H2, H3, H4, H5 {color: #006600}
*/


/* COLORS */
/* The first font in the list is the first one used */
/*	font-family: verdana, arial, sans-serif; */
/*	font-family: "times new roman", times, serif; */

/* For hidden Last Updated Date (pale blue, sans serif text) */
.palebluesans10
	{
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#CCFFFF
	}

/* Makes text bold and blue, sans serif font */
.BoldBlueSans10
	{
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0000FF;
	}

/* Makes text bold and blue, sans serif font */
.BoldBlueSans12
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0000FF;
	}

/* Makes text bold and blue, sans serif font */
.BoldBlueSans14
	{
	font-family: verdana, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0000FF
	}

/* Makes a heading maroon */
.Maroon
	{
	color:#990000
	}

/* Makes text bold and red */
.BoldDarkRed
	{
	font-size:12px;
	font-weight:bold;
	color:#990000
	}

/* Makes text bold and red, serif font */
.BoldRedSerif
	{
	font-family:times new roman, times, serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	}

/* Makes text bold and red, sans serif font, 9 px */
.BoldRedSans9
	{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CC0000
	}

/* Makes text bold and red, sans serif font, 10 px */
.BoldRedSans10
	{
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#CC0000
	}

/* Makes text bold and red, sans serif font, 12 px */
.BoldRedSans12
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000
	}

/* Makes text bold and red, sans serif font, 14 px */
.BoldRedSans14
	{
	font-family: verdana, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000
	}

/* Makes text bold and orange, e.g., New and Updated */
.BoldOrangeSans10
	{
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FF9900
	}

/* Makes text bold and orange, e.g., New and Updated */
.BoldOrangeSans12
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF9900
	}

/* Makes text bold and orange, e.g., New and Updated */
.BoldOrangeSans14
	{
	font-family: verdana, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF9900
	}

/* Gives text a medium yellow background */
.MediumYellow
	{background: #FFFFAA}

/* Makes text bold and green, serif font */
.BoldGreenSerif
	{
	font-family:times new roman, times, serif;
	font-size:14px;
	font-weight:bold;
	color:#008000
	}

/* Makes text bold and green, sans serif font */
.BoldGreenSans
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#008000
	}

/* Makes text bold and white */
.BoldWhiteSans12
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF
	}

/* Arial bold 14 point white sans-serif text */
.BoldWhiteSans14
	{
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF
	}

.WhiteonGreen
/* White text on a green background for headings on home page */
	{
	font-family:  verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: green
	}

/* Gives text a gray color */
.Gray
	{color: #808080}


/* CSS TEXT ATTRIBUTES */

/* Street address */
.address
	{
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000066;
	}

/* For making a horizontal rule in a table row
   border styles are dotted, dashed, solid, groove (tapers down), ridge (tapers up), inset, outset, double */

.top-border
	{border-top: 3px groove #C0C0C0;}

.bottom-border
	{border-bottom: 3px solid #C0C0C0;}


/* Red check mark: special bullet symbol */
.checkmark
{
	list-style-image:url('images/check-sm.gif');
	list-style-position:outside;
}


/* Date from JavaScript */
.date
	{
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000
	}

/* small text at bottom of page (same as smallpara) */
.footer
	{
	font-family:times new roman, times, serif;
	font-size:12px;
	font-weight:normal;
	color:#000066
	}

/* Add margin space to top or bottom of element outside its border */
.margintop4
	{
	margin-top: 4px
	}

.margintop0
	{
	margin-top: 0px
	}

.marginbottom0
	{
	margin-bottom: 0px
	}

/* For UNIX and Linux code examples; replaces CODE and TT tags */
.monospace
	{
	font-family: monospace;
	font-size: 13px;
	color:#000000
	}

/* For navigation buttons in left column (color is set by A HREF tag) */
.navbutton
	{
	font-family: verdana, arial, sans-serif;
	font-size:13px;
	font-weight:bold
	}

/* single navigation button */
.singlebutton
/* when used around an "a href" link, this style creates a clickable button; float is needed for height and width to work (float:none used here); "width: auto" and "height: auto" allow element to adjust to the amount of text; they can also be numeric (e.g., height: 15px).
The button text nests tightly in a table cell if the span tag referencing the style is placed to the left of the text in the cell. */
	{
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	width: auto;
	height: auto;
	padding: 3px;
	float: none;
	border: solid 2px;
	border-top-color: #99FFFF;
	border-bottom-color: blue;
	border-left-color: #99FFFF;
	border-right-color: blue;
	background-color: #F5F5F5
}

.singlebuttonright
/* when used around an "a href" link, this style creates a clickable button; float is needed for height and width to work; "width: auto" and "height: auto" allow element to adjust to the amount of text; they can also be numeric (e.g., height: 15px).
The button text nests tightly in a table cell if the span tag referencing the style is placed to the left of the text in the cell. */
	{
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	width: auto;
	height: auto;
	padding: 3px;
	float: right; /* for alignment in table cell */
	border: solid 2px;
	border-top-color: #99FFFF;
	border-bottom-color: blue;
	border-left-color: #99FFFF;
	border-right-color: blue;
	background-color: #F5F5F5
}

/* Padding property adds space to top of element but inside the border. Use padleft and padright in IMG tag to add 5 pixels when text is too close to the image.*/

.padtop
	{
	padding-top: 5px
	}

.padbottom
	{
	padding-bottom: 5px
	}

.padleft
	{
	padding-left: 5px
	}

.padright
	{
	padding-right: 5px;
	}

/* Normal paragraph but displays small in Netscape 4.7x */
.para
	{font-family:times new roman, times, serif;
	font-size:14px;
	font-weight:normal;
	color:#000066
	}

/* Small paragraph - verdana */
.paraverdana
	{font-family:verdana, arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000066
	}

/* Small paragraph - TIme New Roman*/
.smallpara
	{font-family:times new roman, times, serif;
	font-size:10px;
	font-weight:normal;
	color:#000066
	}

.smallbutton
	{
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	font-weight:normal
	}

.smallnote
	{
	font-family: verdana, arial, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#000000
	}

.scripture
	{
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#990000
	}

/* For saying at bottom of nav buttons on home page */
.tagline
	{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#990000
	}