@import url(main_navigation.css);
@import url(prayer_corner.css);
@import url(orthodox_goods_spotlight.css);
@import url(parish_directory.css);
@import url(print_this_toolbar.css);
@import url(news_template.css);
@import url(flickr.css);

/*--------------------------------------------------------------------
	Site Body and Outer Framework
---------------------------------------------------------------------- */
body			{	font-family: Georgia, times, serif; font-size: 80%; line-height: normal; text-align: center; margin: 0; padding: 0;  	}
									
#body_wrapper	{	position:relative; width: 991px; #width: 990px; _width: 990px;  margin: 0 auto; padding: 0; text-align: left; 
					background: url(/assets/images/ui/acrod_page_body_bg.gif) repeat-y top left;	}		
	
#msthd			{	width: 100%; height: 162px; padding: 0; margin: 0; 	}
					
#msthd_links	{	position: relative; top: 131px; left: 190px; width: 547px; height: 30px;	}	
#msthd_links ul			{	position: relative; border: none; margin: 10px 0; padding: 0; list-style: none; float: left; width: 100%;  	}
#msthd_links li			{	float: right; text-align: left; list-style: none; padding: 0; margin: 0; width: auto; border-left: 1px solid #aaa;	}
#msthd_links li.last				{	border-left: none; 	}

#msthd_links a  		{	text-align: left; font-family: Arial; text-transform: uppercase; font-size: 75%; font-weight: bold; display: list-item;	
							text-decoration: none; color: #666666; margin: 0px; border-bottom: none; height: 12px;
							/* this setting is read by firefox and ie browsers*/ 		padding: 2px 0.63em;
							/* ie hack - this setting is read by all ie browsers */ 	#padding: 2px 7px; 
							/* ie hack - this setting is read only by ie6 and older */ 	_padding: 2px 7px; _float: left;	}	
					
#pg_body				{	width: 990px; padding: 0; margin: 0; }	

#bottom_christ_home		{	position: absolute; top: 212px; left: 0px; width: 185px; height: 243px; padding: 0; margin: 0;	}
						
#bottom_christ_content	{	position: absolute; top: 212px; left: 0px; width: 185px; height: 243px; padding: 0; margin: 0;	}

#center_col				{	float: left; padding: 0 5px 0 10px; margin: 0; border-top: 1px solid #f6f6f6;
							/* this setting is read by firefox and ie browsers*/ 		 width: 580px; 
							/* ie hack - this setting is read by all ie browsers */ 	#width: 588px; 
							/* ie hack - this setting is read only by ie6 and older */ 	_width: 587px;	}

#print_header	{	display: none;	}



/*--------------------------------------------------------------------
	Page Banner - Banners for the Prayer Corner, Cathedral, and 
	Seminary templates. 
---------------------------------------------------------------------- */
#page_banner, #page_banner p, #page_banner a img, #page_banner a	{	padding: 0; margin: 0; border: none;  	}


/*--------------------------------------------------------------------
	Search Box
---------------------------------------------------------------------- */

#searchbox			{	position: absolute; top: 138px; left: 760px; 	}
#searchbox input	{	display: inline;    	}
#ajaxSearch_input	{	color: #333; font-size: 10px; display: inline; width: auto; color: #4055ae; 	}
#ajaxSearch_intro	{	display: none;	}
#ajaxSearch_submit 	{	background-color: transparent; background-image: url(/assets/images/ui/btn_search.gif); 
						background-repeat: no-repeat; background-position: top left; border: none; width: 56px; height: 24px; 
						display: inline; padding: 0; margin: 0; color: #4055ae; font-size: 1pt;	}

/*--------------------------------------------------------------------
	Breadcrumbs
---------------------------------------------------------------------- */

#breadcrumbs 		{	float: left; background-color: #EDE8E4; height: 30px; width: 795px; margin: 0; padding: 0; 
						font-family: Arial; font-size: 75%; font-weight: bold; color: #4e4b27; 	}
#breadcrumbs a		{	text-decoration: none; color: #4b4b4b; font-weight: normal; border-bottom: none; }
#breadcrumbs a:hover	{ color: #0078b3; background-color: transparent; }
.B_currentCrumb		{	font-weight: normal; color: /* #c5134a; */ black; font-weight: bold;	}
.B_crumbBox			{	display: block; margin: 8px 10px 0 10px; text-align: left;	}


/*--------------------------------------------------------------------
	Page Footer -- This is displayed on all webpages
---------------------------------------------------------------------- */
#footer	{	width: 971px; background: #95b6df url(/assets/images/ui/bg_footer.jpg) no-repeat top left; 
			margin: 0 auto; padding: 0; font-size: 90%; border-top: 3px solid #5378a6;   	}	
			
#footerNav  			{ 	position: relative; top: 0; z-index: 1000; padding: 0; margin: 10px 0; height: 50px; width: 100%;		}
#footerNav ul			{	position: relative; left: 140px; border: none; margin: 18px 0 0 0; padding: 0; list-style: none; float: left;  	}
#footerNav li			{	float: left; text-align: left; list-style: none; padding: 0; margin: 0; width: auto;	}
#footerNav ul li a  	{	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-weight: normal; display: list-item;	
							text-decoration: none; color: #23446e/*5378a6*/; margin: 0px; border-bottom: none; height: 22px; line-height: 12px;
							/* this setting is read by firefox and ie browsers*/ 		padding: 2px 0.63em;
							/* ie hack - this setting is read by all ie browsers */ 	#padding: 2px 7px; 
							/* ie hack - this setting is read only by ie6 and older */ 	_padding: 2px 7px; _float: left;	}
#footerNav a:hover  	{ 	text-decoration: underline; background-color: none;	}
#footerNav a:active 	{ 	text-decoration: none;	}



#footer p	{	font-family: tahoma, arial, helvetica, verdana, sans-serif; color: #23446e/*5378a6*/; padding: 10px; margin: 0 0 10px 0; text-align: center; line-height: normal; 	}
#footer img	{	float: left; padding: 5px; border: none; 	}

.donate	{	margin: 0 20px 0 3px;	}

.special_break	{	padding: 0; margin: 0; line-height: 0.01em;	}



/*--------------------------------------------------------------------
	Print Footer -- THIS IS ONLY DISPLAYED AT THE END OF A PRINT-OUT
---------------------------------------------------------------------- */
#print_footer	{	display: none; 	}





/*--------------------------------------------------------------------
	Left Column
---------------------------------------------------------------------- */


#left_col  				{	float: left; width: 185px; margin: 10px 0 0 0;	}

/*--------------------------------------------------------------------
	Left Column Title
---------------------------------------------------------------------- */

#leftColTitle	{	font-style: normal; font-size: 160%; font-weight: bold; border: none; margin-bottom: 15px; font-family: Arial; text-decoration: none;	}
#leftColTitle a	{	color: white; text-decoration: none; border-bottom: none;	}
#leftColTitle a:hover	{	background-color: transparent;	}

/*--------------------------------------------------------------------
	Left Column Navigation
---------------------------------------------------------------------- */

#sideNav	{	width: 166px; margin: 250px 0 0 15px; padding: 0;    	}
#sideNav ul	{	list-style: none; width: 95%; margin: 0; padding: 0; 	}

#sideNav ul li	{	border-bottom: 1px solid #2f368f; display: block; text-align: left; padding: 4px 0; margin: 0;	}
#sideNav ul li a	{	padding: 10px 0; margin: 0; border: none; font-family: Arial; text-transform: capitalize; line-height: normal; font-size: 100%; color: white; text-decoration: none; 	}
#sideNav ul li a:hover	{	background-color: transparent; color: orange;		}
#sideNav ul li.last	{	border-bottom: 1px solid #2f368f;	}

#sideNav ul li ul			{	display: none;	}
#sideNav ul li.active ul		{	display: block; padding: 0 10px;	}
#sideNav ul li.active ul li a	{	font-size: 11px; font-weight: normal; text-decoration: none; color: #a7dcf3; padding: 0;	}
#sideNav li.active a, #sideNav ul li.active ul li.active a		{	color: #a7dcf3; font-weight: bold;	}
#sideNav ul li.active ul li.last	{	border-bottom: none;	}

#sideNav ul ul ul {	display: none !important;	}

/*--------------------------------------------------------------------
	HOMEPAGE Left Column Navigation
---------------------------------------------------------------------- */

#homepage_sideNav	{	width: 166px; margin: 0 0 0 15px; padding: 0; position: relative; top: 180px;   	}
#homepage_sideNav p	{	line-height: normal; font-size: 85%; color: white; font-family: Tahoma, Arial, Verdana, sans-serif; margin: 0 0 10px 0;    	} 
#homepage_sideNav a	{	margin: 10px 0; color: #d5e2ff; font-weight: bold; 	}
#homepage_sideNav a:hover	{	color: black; background-color: transparent;  	}
#homepage_sideNav h1	{	color: white; font-size: 125%; line-height: normal; margin: 0 0 10px; padding: 0; 
							font-family: Tahoma, Arial, Verdana, sans-serif; border-bottom: 1px solid #b4b4b4;   	}
#homepage_sideNav h4, #homepage_sideNav h2	{	color: white; font-size: 90%; line-height: normal; margin: 0; padding: 0; font-family: Tahoma, Arial, Verdana, sans-serif;   	}
#homepage_sideNav img	{	margin: 7px 2px; padding: 0; border: none;	}



/*--------------------------------------------------------------------
	Right Column
---------------------------------------------------------------------- */
#right_col		{	float: left; margin: 0 5px; font-family: Arial; /* background-color: #eee; */
					padding: 6px; background: #f9f7ed url(/assets/images/ui/right_nav_bg.jpg) left top no-repeat; 
					border-left: 1px solid #f6f6f6; 
					/* this setting is read by firefox and ie browsers*/ 		 width: 182px; 
					/* ie hack - this setting is read by all ie browsers */ 	#width: 172px; 
					/* ie hack - this setting is read only by ie6 and older */ 	_width: 172px; 	}


/*This finishes off the gradent background at the foot of the right column. */
.rcol_bottom		{	background: #fff url(/assets/images/ui/right_nav_bg-bottom.jpg) left top no-repeat; 
						float: right; height: 100px; margin: 0 10px 0 0; 
						padding: 0; border-left: 1px solid #f6f6f6;
						/* this setting is read by firefox and ie browsers*/ 		 width: 194px; 
						/* ie hack - this setting is read by all ie browsers */ 	#width: 186px;
						/* ie hack - this setting is read only by ie6 and older */ 	_width: 187px; _margin: 0 5px 0 0;	}


/*--------------------------------------------------------------------
	Right Column: General Content Styles
---------------------------------------------------------------------- */

#right_col h1, 
#right_col h2,
#right_col h3,
#right_col h4,
#right_col h5,
#right_col h6		{	font-size: 130%; font-family: Tahoma, Verdana, Arial; font-weight: normal; padding: 0; 
						margin: 10px 0 8px 0; color: #333; /*#880000;*/  }
#right_col p		{	line-height: normal; margin: 0 0 8px 0; padding: 0; font-size: 90%;	}
#right_col img 		{	border: 2px solid #b4b4b4; padding: 0; margin: 0 auto 0 auto;  }
#right_col a img 	{	border: none;	}


#right_col a		{ text-decoration: none; border-bottom: none; color: #333; text-decoration: underline;  }
#right_col a:hover	{	text-decoration: none; 	}



.ssopcoc 	{	margin: 0 0 30px 0;	}
.ssopcoc a	{	font-size: 90%;	}

.ssopcoc ul {	list-style: none; margin: 0; padding: 0; 	}
.ssopcoc ul li	{	margin: 2px 0; padding: 4px 0; 	}



/*--------------------------------------------------------------------
	Right Column: Photo Gallery
---------------------------------------------------------------------- */
#right_col div .photoSetWrapper	{	float: left; width: 100%; padding: 0; 	} 
#right_col div .photoSetBlock	{	float: left; height: auto; width: 90%; border-top: 1px solid #e5e5e5;	}
#right_col div .photoSetImage	{	float: left; padding: 0 2px; margin: 0; width: 70px;   	}
#right_col div .photoSetImage img	{	border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #aaa; 
										border-left: 1px solid #ccc;padding: 3px; background-color: white; width: 60px; height: auto;   	}
#right_col div .photoSetTitle 		{	text-align: left; margin: 4px 0 0 0; padding: 0; font-weight: normal; font-size: 100%; 	}

/* .links	{	margin: 8px 0; background-color: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0;	}
.links ul	{	margin: 0; padding: 0 0 0 25px; color: #3c60af;	}
.links li	{	padding: 0; margin: 0;	}
.links ul li a		{		} */



/*--------------------------------------------------------------------
	Right Column: Prayer Corner
---------------------------------------------------------------------- */
#right_col .prayer_corner_header h2, 
#right_col .prayer_corner_header h2 a	{	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; 
											text-decoration: none; font-size: 112%; font-weight: normal;	}

#right_col .prayer_corner_icon		{	position: absolute; margin: 0 5px 0 0; padding: 0; width: 70px 	}
#right_col .prayer_corner_icon img	{	border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #aaa; 
										border-left: 1px solid #ccc;padding: 3px ; background-color: white; width: 60px; height: auto; 	}
#right_col .prayer_corner_saints p	 	{	font-weight: bold; font-size: 90%; margin: 30px 0 10px 0; 	}
#right_col .prayer_corner_readings p	{	position: relative; left: 80px; top: 0; font-weight: bold; font-size: 90%; 
											width: 100px; margin: 5px 0; padding: 0; border-bottom: 1px solid #e5e5e5; height: auto;	}
   
#right_col .prayer_corner_saints p a, 
#right_col .prayer_corner_readings p a	{	font-weight: normal; text-decoration: none; 	}

#right_col .prayer_corner_switch	{	font-size: 80%; color: #303030; font-style: italic; padding: 3px; background-color: white; 
										border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #aaa; 
										border-left: 1px solid #ccc;padding: 3px;   	}
										


/*--------------------------------------------------------------------
	Right Column: Orthodox Goods.com
---------------------------------------------------------------------- */									
#right_col #og_spotlight					{	float: left; text-align: left; border-top: 1px solid #ccc;
												margin: 15px 0 30px 0; padding: 0; font-family: Tahoma, Arial, Verdana, sans-serif; 
												font-weight: normal; 	}

#right_col #og_spotlight a					{	text-decoration: none; color: #333;	}
#right_col #og_spotlight a:hover			{	text-decoration: underline; background-color: transparent;	}
						
#right_col #og_spotlight p					{	font-size: 100%; line-height: normal;  margin: 0; color: #303030; 	}

#right_col #og_spotlight .all				{	border: none; 	}
#right_col #og_spotlight .store_item		{	float: left; margin: 2px 0; font-size: 78%; padding: 3px 0;   	}
#right_col #og_spotlight .store_item img	{	padding: 4px; height: 60px; width: auto; border: 1px solid #f1f1e9; 
												margin: 0 8px 0 4px; background-color: white; 	}

#right_col #og_spotlight .og_url			{	font-size: 80%; color: #727272; margin: 0 0 12px 5px; 	}
#right_col #og_spotlight .og_url a			{	text-decoration: underline; color: #0079bc;  	}

#right_col #og_spotlight h4				{	border-bottom: none; text-decoration: none; padding: 10px 0 0 0; margin: 0 0 0 5px; 
											font-size: 120%; font-weight: normal; color: #333;       	}




