/* ---------- Style sheet for the web site of Assumption Greek Orthodox Church, Scottsdale, AZ --------- */
/* ---------- The following style elements are applied to all pages throughout the Assumptionaz.org web site */
/* ---------- Styles to be applied to text elements added in through the content editor in MODX are included in the style-textEdits.css style sheet */


/* ---------- A couple styles that might become problematic ---------- */
/* ---------- Unordered List ---------- */
ul	{	list-style: block; list-style-type: square;	}
li	{	font: normal 13px arial, verdana, helvetica, sans-serif; color: #442E1C; margin-bottom: 0.4em;	}
li a	{	text-decoration: none; color: #660000;	}
li a:hover	{	text-decoration: underline; color: #2B516E; background-color: beige;	}
/* ----------  ---------- */


/* ---------- Content Page Elements ---------- */
/* ---------- These appear also as classes in the style-textEdits.css and can be applied using the styles menu in the content editor in Modx ---------- */
#bibleTable	ul			{	list-style: none; width: 650px;margin: 0; padding: 0;}
#bibleTable ul li		{	float: left; padding: 10px; border: 1px solid #CCCCCC; width: 300px; text-align: center; margin: 0; }
							
#highlight	{	float: left; width: 100%; height: 250px; margin: 0 0 0.2em 0; padding: 0; overflow: hidden; z-index: 0;	}	
#highlight p	{	text-align: left; font: normal 11px/16px georgia, times, serif; padding: 0.4em;	}

#learnMore a	{	text-decoration: none; font-size: 11px; font-weight: bold; color: #d42727;	}
#learnMore a:hover	{	color: #000;	}

#insert	{	width: 100%; border: 1px dashed #b4b4b4; background-color: white;	}
#insert td	{	padding: 0.6em;	}
/* ----------  ---------- */



/* ---------- Page Body ---------- */
body	{	text-align: center; padding: 0 auto; margin: 0 auto; background-image: url(/assets/images/bodyBGa.gif); background-repeat: repeat-x; background-position: top; 	}
#frame	{	width: 850px; margin: 0 auto; padding: 0; text-align: center;	}	

/* ---------- Clear Style ---------- */
.clear	{	clear:both; }

/* ---------- Page Header ---------- */
#header	{	float: left; height: 141px; background-color: none; width: 100%;	}
#topBar	{	float: left; width: 100%; margin: 0; padding: 0; background-color: none;	}
#parishname {	width: 100%; padding: 0; margin: 1.8em 0 0.8em 0; }
#pName		{ font: normal 34px georgia, geneva, times, serif; color: /*#890027*/black; text-align: left; margin: 0.3em 0 0 0.6em; padding: 0; }
#state		{font: normal 15px georgia, geneva, times, serif; color: /*#890027*/black; text-align: left; margin: 0 0 0 1.7em; padding: 0;  }

/* ---------- Page Header Navigation ---------- */
#aboveTitleNav		{	height: 15px; float: right; text-align: right; z-index: 500; margin: 0; padding: 0;   }
#aboveTitleNav li	{	font: normal 9px verdana, arial, helvetica, sans-serif; margin-top: 4px; text-transform: capitalize; font-weight: bold; 
						border-left: 1px solid #8B795E; display: block; float: left; padding:0 6px; }
#aboveTitleNav li.last	{	border-left:  1px solid #8B795E; }
#aboveTitleNav li a			{	color: #8B795E; text-decoration: none;		}
#aboveTitleNav li a:hover	{	text-decoration: underline; color: black;	}
#aboveTitleNav ul			{	list-style: none; display: block;				}

/* --------- Page Header - Homepage Image ---------- */
#homeLeftMainImage	{	border: none; padding: 0; margin: 0 6px 0 0 ; float: left; overflow: hidden; }
#homeLeftMainImage img	{	width: 172px; height: 250px; 	}
#homeRightMainImage {	border: none; padding: 0; margin: 0; float: left; overflow: hidden; }
#homeRightMainImage img	{	width: 670px; height: auto; 	}

/* ---------- Content Body - Left Column ---------- */
#leftCol	{	width: 20%; float: left; padding: 0; margin: 0; min-height: 500px;	}
#leftCol td	{	border-bottom: 1px solid #CCBD9E; margin: 0; padding: 0;	}
#leftCol p	{	color: #470064; font: normal 9px/14px verdana, arial, helvetica, sans-serif; padding: 0.4em;	}
#leftcol a	{	text-decoration: none; color: #660066;	}
#leftcol a:hover	{	text-decoration: underline;	}
#leftColLink	{	padding: 0; margin: 0; height: 1.9em; width: 100%; /*background-color: #F5EDE1;*/	}
#leftColLink a	{	font-weight: bold; color: #525D79; text-decoration: none; font-size: 10px; text-transform: uppercase; padding: 0; margin: 0;	}
#leftColLink a:hover	{	color: black; text-decoration: underline;	}

/* ---------- Content Body - Page Column Frames ---------- */
#contentHme	{ float: left; width: 100%; border-bottom: 2px solid #6484CA; background-color: #E6D7C2; margin: 0; padding: 0; 	}

#contentHmeLeft	{	float: left; width: 70%; border-right: 1px solid #CCBD9E; padding: 0.6em 0; margin: 0; background-color: #F5EDE1; min-height: 500px;	}
#contentHmeLeft p img	{	width: auto; height: 100px; margin: 0.2em 0.3em; border: 1px solid black; 	}	

#contentHmeRight	{	float: left; width: 29%; padding: 0; margin: 0; border-left: 1px solid white; min-height: 500px;	}
#contentHmeRight p img	{	padding: 0; margin: 0;	}

#contentHme p	{	font: normal 12px/18px verdana, sans-serif; color: #442E1C; margin: 0 0 0.8em 0; padding: 0;	}

/* ---------- Content SubPages - Breadcrumbs ---------- */
#breadcrumbs	{	width: 100%; margin:0 0 2em 0; padding: 0.3em; text-align: right;	}
.B_crumbBox	{	font: normal 9px verdana, arial, helvetica, sans-serif; color: #333; margin-bottom: 2em; text-transform: capitalize;	}
.B_homeCrumb 	{	color: #444; text-decoration: underline;	}
.B_homeCrumb:hover 	{	color: #720707; text-decoration: none;	}
.B_crumb	{	color: #444; text-decoration: underline;	}
.B_crumb:hover	{	color: #720707; text-decoration: none;	}
.B_lastCrumb	{	color: #720707; font-weight: bold;	}

/* ---------- Content SubPages - Right Column ---------- */
#container	{	float: left; width: 100%; padding: 0; margin: 0; border-bottom: 2px solid #C0C197; overflow: hidden; background-image: url(/assets/images/content_BG_leftCol.gif); background-repeat: repeat-y; background-position: top; border-right: 1px solid #c0c197; 	}
#rightColPage	{	float: left; width: 678px; border-left: 1px solid #646447; background-color: #fff; min-height: 800px; 	}
#contentFrame	{	float: left; width: 95%; margin: 0; padding: 0.2em 0.8em 0.8em 0.8em; text-align: left; overflow: hidden; 	}

#contentFrame .galleria {	background-color: white;	}
#contentFrame .galleria td	{	border: none; font: normal 9px verdana, arial, helvetica, sans-serif; color: #333; 	}
#contentFrame .galleria td img	{	margin-bottom: 0.8em; border: none; 	}

/* ---------- Page Footer ---------- */
#footer	{	float: left; padding: 0; background-color: white; margin: 0.6em 0; width: 100%;	}
#footer p	{	text-align: left; font: normal 10px/14px arial, verdana, helvetica, sans-serif; color: #333; padding: 0 0.4em;	}
#footer a	{	text-decoration: none; color: orange;	}
#footer a:hover	{	color: #333; text-decoration: underline;	}

#buttons	{	width: 100%;	}

#contactInfo p	{	color: #525D79; margin-top: 1em;	}
#contactInfo a	{	color: #525D79; text-decoration: none;	}
#contactInfo a:hover	{	color: #660066;	}

/* ---------- Main Navigation ---------- */
#mainNav { height: 22px; width: 850px; float: left; margin: 0.6em 0 0 0; padding: 0; border-bottom: 1px solid tan; background-position: top; background-color: #ffe287;	}
		
#mainNav a	{	text-align: center;	display:block;	margin:0; padding: 0.3em 0; text-decoration: none; font: normal 12px arial, verdana, helvetica, sans-serif; font-weight: bold; text-transform: capitalize; display: block;	}

#mainNav a, #mainNav a:visited	/* menu at rest */	{	color: #333;  text-decoration: none; display: block;	}
#mainNav a:hover	/* menu at mouse-over  */		{	color: #9E0508;  text-decoration: none ; background-color: #F4E8C9;	}	
#mainNav a.top_parent, #mainNav a.top_parent:hover  /* styles for all top-parents */	{ }
#mainNav a.parent, #mainNav a.parent:hover 	/* styles for all parents */	{	}

#mainNav ul li { width: 139px; padding: 0; border-right: 1px solid #b4b4b4;  }
#mainNav ul li.last { border: none;  }
#mainNav ul li ul {	width: 180px; 	}
#mainNav ul li.here { background-color: tan; display: block; font-weight: bold; padding: 0;}

#mainNav ul	{	list-style: none; margin: 0; padding: 0; float: left;	/* width of all menu boxes */	}
#mainNav li	{	position: relative; float: left;}
#mainNav ul ul	{	position: absolute; z-index: 500; top: 1.7em; left: 0; display: none; margin: 0; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; text-align: left; border-bottom: 1px solid #b4b4b4; border-right: #b4b4b4; margin: 0; height: auto; width: 130px;	}
#mainNav ul ul ul		{	top: 0;	left: 100%;}
div#mainNav li:hover	{	cursor:pointer;	z-index:100;	}

#mainNav ul li ul li	{	background-color: #E7E0C6; opacity: 0.90; filter: alpha(opacity=90); /* IE patch */ text-align: left; border-bottom: 1px solid #b4b4b4; border-right: #b4b4b4; margin: 0; padding: 0; display: block; width: 100%; height: 20px; 	}
#mainNav ul li ul li a, #mainNav ul li ul li a:visited	{	color: /*#9D3530*/#333; text-decoration: none; text-transform: capitalize; display: block; font: normal 11px arial, verdana, helvetica, sans-serif; padding: 0.2em 0.3em; text-align: left; font-weight: bold;	}

div#mainNav li:hover ul ul, div#mainNav li li:hover ul ul, div#mainNav li li li:hover ul ul, div#mainNav li li li li:hover ul ul	{ display: none; }
div#mainNav li:hover ul, div#mainNav li li:hover ul, div#mainNav li li li:hover ul, div#mainNav li li li li:hover ul				{ display: block; }

/* ---------- Content Pages - Left Column Navigation ---------- */
hr	{	border: 0; background-color: #eee; 	}

#leftCol li a	{	text-decoration: none; text-transform: capitalize; color: #333; 	}
#leftCol li a:hover	{	text-decoration: underline;	}

#leftCol ul 			{	list-style:none; margin: 0 0 0.5em 0; padding: 0 0.3em;	}
#leftCol ul li			{	display: block; list-style: none; border-top: 1px solid #ccc; margin: 0; padding: 0.5em 0; text-align: left; font: normal 12px arial, helvetica, verdana, sans-serif; text-transform: capitalize; text-decoration: none;  color: #004659; 	}

#leftCol li.here	{	font-weight: bold; color: #004659;  	}
#leftCol li.here.last	{  font-weight: bold; 	}
							
#leftCol ul li ul		{	display: none; margin: 0;	}
#leftCol ul li.here ul	{	display: block;	}
#leftCol ul li.here ul li a	{	 color: black; font-weight: normal; font-style: italic; background-color: none; text-decoration: none;  	}
#leftCol ul li.here ul li a:hover	{	background-color: none; 	}

#leftCol #leftColTitle ul li		{	display: none; }
#leftCol #leftColTitle ul li.here	{	display: none; text-decoration: none; display: block; font: normal 19px georgia, times, times-roman, serif; text-align: left; text-transform: capitalize; padding: 1.8em 0.2em;  }
#leftCol #leftColTitle ul li.here a	{	display: none; text-decoration: none;  }
#leftCol #leftColTitle ul li.here a:hover	{	background-color: none;  }

/*HOME PAGE CONTENT */
.hmeResource	{	margin: 0.3em 0; padding: 0.2em; height: 40px;	}
/*END HOME PAGE CONTENT */

#onlineResources	{	text-align: left; padding: 0.3em;	}
#onlineResources h3 a:hover	{	text-decoration: none; background-color: none; color: #2B516E;	}
#onlineResources p img	{	margin-right: 1em; border: 1px solid #b4b4b4; align: left; 	}
#onlineResources p	{	text-align: left; margin: 0.3em 0; padding: 0.2em; font: normal 11px verdana, arial, helvetica, sans-serif;	}

#announcements	{	text-align: left; padding: 0.3em; clear: all;  	}
#announcements p	{	margin: 0.3em 0; padding: 0.2em; text-align: left; font: normal 11px verdana, arial, helvetica, sans-serif;	}
#announcements img	{	margin-right: 0.6em; border: none; width: 195px; height: auto; overflow: hidden; 	}

/* ---------- CONTACT FORMS ---------- */
#EmailForm input			{	float:left; }
#EmailForm label			{	float:left; width: 200px; line-height:1.5em; padding-right:10px; text-align:right;	}
#EmailForm div				{	clear:both; padding: 10px 0; font: normal 12px arial, helvetica, verdana, sans-serif; 	} 
#EmailForm h3				{	clear:both; margin: 15px 0 5px 0; }
#EmailForm					{	border: 0; 	}
fieldset 					{	border: none; }
.checkboxquestion			{	float:left;	}
.error						{	color: red; font-style: italic;	}

/* ---------- Search Window and Results Styles ---------- */	
#ajaxSearch	{	width: 100%; 	}
#ajaxSearch p img	{	width: 10px; height: auto;	}
#ajaxSearch_form	{	background-image: url(/assets/images/search_bg.png); background-repeat: no-repeat; background-position: top; padding: 0; margin: 0; height: 60px;	}
#ajaxSearch_input	{	margin: 1em 2.0em; padding: 0; width: 30%; 	}
#ajaxSearch_submit	{	margin: 1em 0; font: normal 10px arial, verdana, helvetica, sans-serif; text-transform: uppercase; font-weight: bold; padding: 0; }
#ajaxSearch_output	{	width: 100%; border: 1px thin black; font: normal 12px/18px arial; color: #333;  }
#ajaxSearch_output a	{	font-size: 18px; color: blue;   }
#ajaxSearch_resultListContainer	{	border: 1px solid #333; }
.ajaxSearch_intro	{	display: none;  }
.ajaxSearch_result	{	border-bottom: 1px dotted #333;  }
.AS_ajax_result	{	border-bottom: 1px dotted #333; margin: 0.6em 0;   }
.ajaxSearch_resultLink	{	margin: 0; }
.AS_ajax_resultLink	{	margin: 0; }
.ajaxSearch_resultDescription	{	padding: 0;	}
.AS_ajax_resultDescription	{	padding: 0; }
.ajaxSearch_extract	{	margin-left: 0; padding: 0px; background: #eee;	}
.AS_ajax_extract	{	margin-left: 0; padding: 0px; background: #eee;	}
span.AS_ajax_highlight AS_ajax_highlight1	{	font-weight: bold; background: #ff9;  color: red;	}

/* ---------- Newslisting Styles ---------- */
.ditto_summaryPost	{	text-align: left; font: normal 12px/22px verdana, sans-serif; color: #442E1C; padding: 0.2em 0.6em; margin: 0.4em 0; border-bottom: 1px dashed #b4b4b4;	}
.ditto_summaryPost img	{	margin: 0; padding: 0; 	}
.ditto_summaryPost	a	{	text-decoration: none; color: #2B516E; padding: 0; margin: 0;  	}
.ditto_summaryPost	a:hover	{	text-decoration: underline; color: black;	}
.ditto_summaryPost_credit	{	display: none;	}
.ditto_summaryPost h3	{	padding: 0; margin: 0;	}
.ditto_summaryPost h3 a	{	text-decoration: none; color: #2B516E; padding: 0; margin: 0;	}
.ditto_summaryPost h3 a:hover	{	text-decoration: underline; color: black;	}
#ditto_archivelist ul	{	list-style: none; padding: 0; 	}
#ditto_archivelist ul li	{	border:none;	}
.ditto_date	{	display: none; 	}
.ditto_month	{	display: none;	}

/*.date-header	{	display: none;	} */
.nl_summaryPost	{	text-align: left; font: normal 12px/22px verdana, sans-serif; color: #442E1C; padding: 0.2em 0.6em; margin: 0.4em 0; border-bottom: 1px solid #b4b4b4;	}
.nl_summaryPost	a	{	text-decoration: none; color: #2B516E; padding: 0; margin: 0;  	}
.nl_summaryPost	a:hover	{	text-decoration: underline; color: black;	}
.nl_summaryPost_credit	{	display: none;	}
.nl_summaryPost h3	{	padding: 0; margin: 0;	}
.nl_summaryPost h3 a	{	text-decoration: none; color: #2B516E; padding: 0; margin: 0;	}
.nl_summaryPost h3 a:hover	{	text-decoration: underline; color: black;	}

#featureTitle	{	height: 28px; background-color: #6484CA; width: 100%; float: left; border-top: 2px solid #4B6397; margin: 0; padding: 0;	}
#featureTitle p	{	font: normal 15px georgia, times, serif; color: white; padding: 0 0.8em; margin: 0.3em 0; font-weight: bold; text-align: left;	}