@import url(flickr.css);
@import url(content.css);

body	{
		font: normal 14px/1.5em Arial, Verdana, Sans-Serif; letter-spacing: 0.02em;
		background: #663333 url(/assets/images/template/polystavrion_burgundy.jpg) fixed;
		margin: 0px 0px 0px 0px;
		}

#header {width:950px;height:159px; margin: 0 auto; background: url('/assets/images/template/header-full-tan-950.jpg') no-repeat; border-left: 1px solid #912d10; border-right: 1px solid #912d10;}
#printheader {display:none;}
#mainbody {	padding:0px; margin:0 auto; width: 950px; background-color: #ffffff; border-left: 1px solid #912d10; border-right: 1px solid #912d10; }

#mobileheadertext	{	display: none;	}
.contenttopnav		{	display: none;	}

#leftnav  	{	float:left; width:130px;padding:0px; margin: 0;	}
#leftnav ul	{	list-style: none; margin: 10px 0 0 5px; padding: 0;	font-size: 17px;}
#leftnav ul ul {	display: none;	}
#leftnav li	{	padding: 5px 3px; margin: 0;	}
#leftnav ul li.active a {	font-weight: bold;	}
#leftnav ul li.active ul {	display: block;	}
#leftnav ul li.active ul li {	font-size: 14px;	}


#topnav  	{	width: 950px; padding:0px; height: 22px; color: white; background-color: #891923;	}
#topnav ul	{	list-style: none; margin:0; padding:0; position: relative;	}
#topnav li	{	float: left; padding: 0 8px; font-size: 15px; position: relative;	}
#topnav a	{	color: white; }
#topnav ul ul {	display: none;	}
#topnav ul li:hover ul {	display: block;	position: absolute;	top: 20px; left: 0; width: 180px; background-color: #891923; z-index: 20; }
#topnav ul ul li {	padding: 4px; background-color: #891923;	width: 180px;	}
#topnav ul ul li:hover {	background-color: #660000;	}

.wide-main		{	float:left; width: 650px; margin: 0 10px 0 0;	}
.med-main		{	float:left; width: 360px; margin: 0 10px 0 0;	}
.narrow-main	{	float:left; width: 260px; padding: 0 0 0 10px; 	}
.spotlight-image {	padding: 10px 0 0 0;	}

#maincontent 		{	float:left; margin:10px 0 0 10px; width: 800px;}
#maincontent-wide 	{	margin: 10px 10px 0 10px; width: 950px;}

p, table	{ }

p			{	}

.photocaption	{	font-size:12px; 	}

.navbar, .navbar a, .navbar a:visited			{font-size:14pt; color: #584E45;  display: block; padding: 3px 2px;}

.navselected, .navselected a, .navselected a:visited {font-size:14pt; color: #912d10; font-weight:bold; }

.subcategories, a.subcategories, a.subcategories:visited		{ font-family:Arial,Helvetica,Verdana; font-size:9pt; font-weight:bold; color: #584E45;}

form			{margin: 0px 0px 0px 0px;}

.newslinks	{
	line-height:18px;
	list-style-type: none;
	margin-left:0px;
}
.newslinks li	{ margin-left:0px;}

.highlights		{background-color:#ffeeee; border:1px solid #990000; padding: 3px 3px 3px 3px; text-align:justify; margin: 0px auto; display:block; width:400px;}

.highlights2		{background-color:#ffeeee; border-style: solid; border-color:#990000; border-width:1px;padding: 3px 3px 3px 3px; text-align:justify; width:220px; margin: 0px auto; display:block; width:270px;}

.highlights3		{background-color:#ffeeee; border-style: solid; border-color:#990000; border-width:1px;padding: 3px 3px 3px 3px; text-align:justify; width:220px; margin: 0px auto; display:block; width:270px; font-size:16px;}

.highlights2 a, .highlights2 a:visited, .highlights3 a, .highlights3 a:visited {color:#9B4E45; font-weight:bold;}

.highlights2 a:hover, .highlights2 a:visited:hover, .highlights3 a:hover, .highlights3 a:visited:hover {background-color: #9B4E45; color:#ddb194; font-weight:bold;}

#specialannouncement {	}
#specialannouncement a {	background-color: green; color: white; display: block; width: 95%; margin: 0 auto; text-align: center; padding: 5px 0; text-decoration: underline; 	}
#specialannouncement a:hover {	text-decoration: none; background-color: #00cc00;	} 

.mainbody		{	padding-left: 10pt; padding-top:10px;}

.comments		{	font-size:12px; font-style:italic; }

.comments2		{	font-size:10px; font-style:italic; color:#584E45; text-align:center;}

.whatsnew		{ }

.imageborder {padding-right:4px; padding-bottom:4px;}

.title		{font-size:20px; font-weight:bold; line-height: 20px; }

.title2		{font-size:13pt; color:#584E45; font-weight:bold;}

.calendarheading {background-color:#000; color:#ECCEB3; text-align:center; font-weight:bold;}
.calendardate {font-size:16px; font-weight:bold;}
.calendarfasting {font-size:10px; text-align:center; background-color:#E0C0B0;text-transform:uppercase;}
.calendartable tr td {vertical-align:top;}
.calendardetails	{	font-size:10px;}
.copyright			{	font: 10px/14px normal Arial, sans-serif; color:#9E7A5A; text-align:center;}

.thumb	{  margin: 6px; }	
.gallery { width:800px;}

.sharethis-box	{	display: block; text-align: right; padding-top: 10px;	}

/* Multimedia Page */ 
.mmimage 	{	float: left; width: 250px; height: 180px; padding: 20px 10px; 	}
.mmtext		{	float: left; width: 450px; height: 180px; padding: 20px 10px;	}
.mmtitle 	{	font-size: 18px; font-weight: bold;	}
.mmdescription	{	font-style: italic;	}

/* Sermons Multimedia */

.inline-audiobox	{	float: right; width: 210px; padding: 0; border: 2px solid #4C100D; background-color: #fff;	}
audio				{	width: 190px;	}
.inline-audiobox h4	{	color: #fff; padding: 6px; margin: 0; background-color: #4C100D;	}
.audioplayer		{	padding: 10px;	}
.downloadlink		{	padding: 10px; 	}

/*------------------------------------------------------------------------
	DITTO ELEMENTS
--------------------------------------------------------------------------*/

.ditto_summaryPost	{	text-align: left; padding: 0; margin: 0 0 10px 0; 
						font-family: helvetica, arial, sans-serif; border-bottom: 1px solid #eee; 	}
.ditto_summaryPost p	{	margin: 0; padding: 0; color: #333;	}
.ditto_summaryPost h6 a	{	font-weight: normal;	}
.date	{	color: #333; font-weight: bold;	}
.summary	{	 	}
.introtext	{		}

#ditto_wrapper	{	text-align: left; margin-bottom: 20px; border: 1px solid #e8e8e8; background-color: #f5f5f5; padding: 10px 5px; 	}
#ditto_wrapper p	{	padding: 0; margin: 0; line-height: normal;	}
#ditto_pages	{	font-size: 10pt; font-family: Helvetica, Arial, sans-serif;	}
.ditto_previous_off	{	color: #ccc;	}
.ditto_next_off {	color: #ccc;	}	
.ditto_page	{	margin: 0 4px; color: #000; font-weight: normal;	}
.ditto_currentpage	{	padding: 0 3px; color: white; background-color: #680f29; font-weight: normal;	}
.summary_text { font-size: 11pt; font-family: Helvetica, Arial, sans-serif; color: #333; font-weight: normal; line-height: 18pt;  }

/* -------------- Google Events -------------- */
.google_cal_wrapper		{	margin: 5px 0 22px 0; font-size: 14px; line-height: 15px !important;}

.google_cal_singleevent_wrapper	{		}
.google_cal_googlelink		{	float:right; border: 1px dotted navy; padding: 6px; background-color: #cccccc;	}
.google_cal_wrapper h4		{	font-size: 14px; font-weight: bold; margin: 0; padding:0;  	}
.google_cal_location		{	padding: 3px 0 0 0; font-size: 12px; font-style: normal;	}
.google_cal_date 			{	font-size: 12px; }
.google_cal_time 			{	font-size: 12px; margin: 0 5px 0 0; }
.google_cal_title 			{	font-size: 12px; }
.google_cal_more 			{	font-size: 12px; }


.homeNewsImage 			{	float: left; width: 150px; 		}

/* -------------------- Forms --------------------- */

#EmailForm input			{	float:left; }
#EmailForm label			{	float:left; width:40%; line-height:1.5em; padding-right:10px; text-align:right;	}
#EmailForm div				{	clear:both; padding: 10px 0;	} 
#EmailForm h3				{	clear:both; margin: 15px 0 5px 0; }
#EmailForm					{	border: 0; 	}
fieldset 					{	border: none; }
.checkboxquestion			{	float:left;	}

.errors						{	padding: 8px; margin: 8px; border: 1px dashed red; color: red;	}


/* -------------- wayfinder generic items styles -------------- */  


.item_block				{	margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #cccccc;	}

.item_thumbnail			{	float: left; width: 200px;	}
.item_info				{	float: left; width: 340px; 	}
.item_info h2, .item_info h3
						{	margin: 0 0 10px 0;	}
.item_summary			{	font-size: 14px;	}
.item_thumbnail img		{	border: none;  max-width: 180px;	}
.item_link				{	text-align:right;	}


/* --------------- Buttons ------------ */

	.greenbutton 			{	width: 35%; 	}
	.greenbutton a			{	display: block; color: white; background-color: green; text-decoration:none; margin: 0 auto; border-radius: 4px; padding: 10px; text-align: center;	}
	.greenbutton a:hover	{	color: white; background-color: red;	}

	.bluebutton 			{	width: 35%; 	}
	.bluebutton a			{	display: block; color: white; background-color: blue; text-decoration:none; margin: 0 auto; border-radius: 4px; padding: 10px; text-align: center;	}
	.bluebutton a:hover	{	color: white; background-color: orange;	}