/* CSS Document */

/* MainBorderColor */ /*10px border around entire contents --not working right*/
/* LiturgicalColor */
/* ContrastColor */ /*hover color in accordion menu; selected page in contentslider */
	
	/* Suggestions for seasons: 
		Advent: #660099;
		Lent: #660033;
		Green: #006600;
		Red: #ff0000;
		Maroon: #660000;
		Gold (white): #ffff33;
	*/	


/* Basics */

*{margin:0; padding:0;}

html, body { height: 100%; }
		
body {
	text-align: center; /* this centers the wrapper in IE 5* browsers. Text set to left aligned default in the #container selector */
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #333 url(../images/back.gif);
	z-index: 2;
	}

p {
	margin-top: 1em;
	text-align: justify;
	}

h2, h3 {
	margin-top: 1em;
	}

h2, h4 {
	font-family: "Hoefler Text", "Times New Roman", Times, serif;
	}

img { border: none; margin: 0;}
	img.left, object.left { float: left; border: none; padding: 0px 15px 0 0; margin: 0;}
	img.right, object.right { float: right; border: none; padding: 0px 0 0px 15px; margin: 0;}


a, a:link { text-decoration: none; }
a:hover { text-decoration: underline;}

.clear { clear: both;}

blockquote {margin: 0 3em;}

/****** NEED TO PLAY WITH THIS TO GET IT LOOKING RIGHT ************/

ul  { 
	list-style-image: url(/images/webgraphics/celticcross2.gif); 	
	margin: .5em 0 .5em 1.5em ;} /*indents list item from left, also offsets whole list from what comes before and after*/
li {
	margin: .25em 0 0 0; /*add vertical space between line items */
	}
	

/* BEGIN Styles in use in main content area */

.pagetitle {
	font-family: "Hoefler Text", "Times New Roman", Times, serif;
	font-size: 1.75em;
	color: #660000;
	margin: 15px 0;
}

.smaller {
	font-size: .9em;
	}

.small {
	font-size: .8em;
	}
	
.scripture {
	font-family: "Hoefler Text", "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 2em;
	}
	
.citation {
	text-align: right;
	}

.nobullet { /*style to remove bullet image in unordered list */
	list-style-image: url(/images/webgraphics/shim.gif);
	}

.emphasis {
	font-weight: bold;
	}

ul.small  { 
	margin: 0 0 .5em .5em ; /*indents list item from left, also offsets whole list from what comes before and after*/
	font-size: 1em;
	}
	
li.small {
	margin: 0; /*no vertical space between line items */
	font-size: .8em;
	}
	
.jumpmenu {
	text-align: center;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	}

.returntop {
	font-size: .8em;
	}
			
	
/* END Styles in use in main content area */

/* PAGE LAYOUT STYLES  */


#header {
	background: #ded9d3;
	padding:0;
	margin:0;
	color:#FFF;
	}

#breadcrumbs {
	background: url(/images/topborder.gif) no-repeat top left;
	margin-left: 176px;
	padding-left: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold;
	padding-top: 15px;
	}

	#breadcrumbs a:link {   text-decoration: none; font-size: 1.0em; font-weight: normal}
	#breadcrumbs a:visited {   text-decoration: none; font-size: 1.0em; font-weight: normal}
	#breadcrumbs a:hover {   text-decoration: underline; font-size: 1.0em; font-weight: normal}
	#breadcrumbs a:active {   text-decoration: underline; font-size: 1.0em; font-weight: normal}
	
.floatright { /* 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: 15px;
	max-width: 340px;
	}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
	max-width: 340px;
	}
	
.floatleft p, .floatright p {
	padding: 10px;
	}
	
.floatrightbox {
	float: right;
	margin-left: 15px;
	max-width: 340px;
	background-color: #ded9d3;
	border: solid #660000 2px;
	padding: 10px;
	text-align: left;
	}

/* CSS layout for equal column heights adapted from design by | www.ManiSheriar.com | */


#wrapper { /* This contains the background color for the left column and will always be the height of the longest column -- was wrapper2 in original solution*/
	position:relative;
	text-align:justify;
	width:100%;
	background:url("/images/leftmenu_bg.gif") repeat-y top left; /* be sure to use this in the "container" as well so it extends down to the footer */
	}
	
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:180px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	}

#centercol {
	position:relative;
	padding:0 10px 0 190px;
	}

	
/* sticky footer */

#container { /*goes around everything (including the header) except the footer */
	min-height: 100%;
	height: auto !important; /* IE 6 hack for sticky footer*/
	height: 100%;
	margin: 0 auto -85px; /* the auto margins (in conjunction with a width) center the page */
	width: 920px;
	background: #fff url("/images/leftmenu_bg.gif") repeat-y top left; /* this will continue the left column background color until it hits the footer */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
		
#footer, #push {
	height: 85px; /* must match the negative margin set in #container */
	width: 920px;  /* should match container width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	}
	
#footer {
	background:#ded9d3 url("/images/footerborder.gif") no-repeat top left;
	clear: both;
	font-size: .75em;
	line-height: 1em;
	}
	
	#footer p{
		margin: 0;
		padding:25px 0 0 180px;
		text-align: center;
		color: #660000;
		}

	#footer a {
		color: #7288c1;
		}
	

/* BEGIN CSS for LEFT NAVIGATION ACCORDION MENU */

#leftnavigation{
	padding: 0px 0px 10px 10px;
	margin: 0;
	width: 160px;
	}

	#leftnavigation a.menuitem{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.1em;
		font-variant: small-caps;
		font-weight: bold;
		color: #660000;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 4px 0 0 15px; /* top, right, bottom, left */
		text-decoration: none;
		margin: 8px 0 0 0; /* top, right, bottom, left */ /*adjusts space between main menu items */
		}
	
		#leftnavigation a.menuitem:visited, #leftnavigation .menuitem:active{
			color: #660000;
			}

		#leftnavigation a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top: 6px;
			left: 0px;
			padding: 0 0 0 0px;
			border: none;
			}

		#leftnavigation a.menuitem:hover{
			text-decoration: underline;
			color: #7288c1;
			}
		
	#leftnavigation div.submenu{ /*DIV that contains each sub menu*/
		background: none;
		}
	
		#leftnavigation div.submenu ul{ /*UL of each sub menu*/
			list-style-type: none;
			list-style-image: none;
			margin: 0;
			padding-left: 15px;
			padding-right: 20px;
			}

			#leftnavigation div.submenu ul li{
				border-bottom: 1px solid black;
				background: #f8f7f1;
				margin: 0;
				}

				#leftnavigation div.submenu ul li a{
					display: block;
					font: normal 13px "Lucida Grande", "Trebuchet MS", Geneva, Helvetica, sans-serif;
					color: #660000;
					text-decoration: none;
					padding: 2px 0;
					padding-left: 10px;
					}

				#leftnavigation div.submenu ul li a:hover{
					background: #dfdccb;
					color: #7288c1;
					colorz: white;
					text-decoration: underline;
					}

/* END CSS for ACCORDION MENU */

/* BEGIN CSS for UBERLINKS in ACCORDIAN MENU */
/* when a link is to the current page, "menuitem" class is replaced with "uberlink" and the following formatting is used instead of above*/
/* requires p7uberlink.js and <body onLoad="P7_Uberlink('uberlink','leftnavigation')"> */

	#leftnavigation a.uberlink{ /*this section is exact duplicate of above with exception of cursor */
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.1em;
		font-variant: small-caps;
		font-weight: bold;
		color: #660000;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 4px 0 0 15px; /* top, right, bottom, left */
		text-decoration: none;
		margin: 8px 0 0 0; /* top, right, bottom, left */ /*adjusts space between main menu items */
		cursor: default;
		}


		#leftnavigation a.uberlink .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top: 6px;
			left: 0px;
			padding: 0 0 0 0px;
			border: none;
			}


			#leftnavigation div.submenu ul li a.uberlink{
				margin: 0;
				background: #dfdccb;
				color: #7288c1;
				colorz: white;
				text-decoration: underline;
				cursor: default;
				}
	
/*END UBERLINK section*/


/* BEGIN CSS for COLOR TABS -- used in header for "Contact Us" and "Site Map" */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
	padding: 0;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

	#ddcolortabs ul{
		font: bold 11px Arial, Verdana, sans-serif;
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#ddcolortabs li{
		display:inline;
		margin:0 2px 0 0;
		padding:0;
		text-transform:uppercase;
		}
	
	#ddcolortabs a{
		float:right;
		color: white;
		background: #660000; /*url(media/color_tabs_left.gif) no-repeat left top; */
		margin:0 2px 0 0;
		padding:0 0 1px 3px;
		text-decoration:none;
		letter-spacing: 1px;
		}
	
		#ddcolortabs a span{
			float: none;
			display:block;
			background: transparent; /* url(media/color_tabs_right.gif) no-repeat right top; */
			padding:4px 9px 2px 6px;
			}
		
		#ddcolortabs a:hover{
			background-color: #3e5f7d;
			}
		
			#ddcolortabs a:hover span{
				background-color: #3e5f7d;
				}
		
	#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
		background-color: #3e5f7d;
		}
	
	#ddcolortabsline{
		clear: both;
		padding: 0;
		width: 100%;
		height: 8px;
		line-height: 8px;
		background: #660000;
		border-top: 1px solid #f8f7f1; /*Remove this to remove border between bar and tabs*/
		}
/* END CSS for Color Tabs */