/* Generic Site-wide */

body 							{ font: normal x-small/1.5em  Verdana; color: #000000; voice-family: "\"}\""; voice-family: inherit; font-size: small; margin: 0px; padding: 0px; background: #002 url(images/gfx_pageBkg.jpg) repeat-x; }
html>body 						{ font-size: small; }

h1								{ font: normal 160%/1em "Trebuchet MS"; color: #000022; padding: 0 0 7px 0; margin: 0 0 0 0; }
h2								{}
h3								{ font: bold 110%/1.5em Verdana, sans-serif; color: #550000; padding: 0 0 3px 0; margin: 0 0 0 0; }
h4								{ font: bold 100%/1.5em Verdana, sans-serif; color: #000000; padding: 0 0 3px 0; margin: 0 0 0 0; }							
h5								{ font: normal 90%/1.5em Verdana, sans-serif; padding: 0 0 10px 0; margin: 0 0 0 0;}
h5.R							{ font: normal 90%/1.5em Verdana, sans-serif; padding: 0 0 5px 0; margin: 0 0 0 25px;}
h6								{}

.width50						{ width: 50%; }
.marginTop16					{ margin-top: 16px; }
.floatRight						{ float: right; }
.padding15						{ padding: 15px; }
.paddLeft10						{ padding-left: 15px; }
.paddRight20					{ padding-right: 20px; }
.paddBtm15						{ padding-bottom: 15px; }
.paddTop10						{ padding-top: 10px; }
.paddTop20						{ padding-top: 20px; }
.paddTop50						{ padding-top: 50px; }
.paddBtm20						{ padding-bottom: 20px; }
.paddBtm50						{ padding-bottom: 50px; }
.paddTop7						{ padding-top: 7px; }
li.list							{ list-style: url(images/gfx_bullet.gif); padding: 0px 0 7px 0px; margin: 0px 0 0px 0; }
.marginTB20						{ margin: 20px 0 20px 0; }
.services_boldRed				{ font: bold 90%/1.5em Verdana, sans-serif; color: #550000; padding: 7px 0 7px 0; margin: 0 0 0 0; }
.services_bold					{ font: bold 90%/1.5em Verdana, sans-serif; padding: 7px 0 7px 0; margin: 0 0 0 0; }
.marginLeft25					{ margin-left: 25px; }
.alignCenter					{ text-align: center; }
.red							{ color: #880000; }
.bold							{ font-weight: bold; }
.lineHeight_R					{ line-height: 30px; }

.quote							{ color: #550000; width: 450px; padding: 10px 0 10px 12px; }
.quoteRef						{ color: #555555; padding: 0 0 10px 24px; }

/* Home Page */
.indexBkg						{ position: absolute; left: 50%; margin-left: -382px; top: 0px; z-index: 1; }
.indexImage_wrapper				{ position: absolute; left: 50%; margin-left: -300px; top: 221px; z-index: 5; }
.index_linkPhotos				{ position: absolute; left: 50%; margin-left: 197px; top: 565px; z-index: 10; width: 112px; height: 70px; }

/* Hypertext Elements */
a:link 							{ color: #2152A3; text-decoration: underline; }
a:visited 						{ color: #770000; }
a:hover							{ color: #660099; }
a 								{ color: #2152A3; text-decoration: underline; }

.footer a:link 					{ color: #E7DCB1; text-decoration: underline; }
.footer a:visited 				{ color: #E7DCB1; }
.footer a:hover					{ color: #FFF; }
.footer a 						{ color: #E7DCB1; text-decoration: underline; }

/* Primary Navigation */
#navcontainer					{ position: absolute; left: 50%; margin-left: -330px; top: 174px; background: url(images/gfx_indexNavBkg.jpg) repeat-x; width: 664px; height: 34px; z-index: 2;  }
#navcontainer ul				{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainer ul li				{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navcontainer ul li a			{ padding: 10px 22px 10px 22px ; margin: 0 0px 0 0; color: #E7DCB1; text-decoration: none; display: block; font: normal 11px/1em verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; border-right: 0px #000011 solid; border-top: 3px #000011 solid; border-bottom: 0px; }
#navcontainer ul li a:hover		{ color: #E7DCB1; background: #30303A;  border-top: 3px #C9DD03 solid; border-bottom: 0px; border-right: 0px #000011 solid; }
#navcontainer a:active			{ color: #E7DCB1; }
#navcontainer li#active a		{ color: #E7DCB1; }
#interior_linkPhotos			{ position: absolute; right: 100px; top: 57px; width: 111px; height: 70px; z-index: 10; }

/* Interior Banner */
.banner_name					{ position: absolute; left: 78px; top: 11px; width: 579px; height: 61px; }
.banner_phNumber				{ position: absolute; right: 78px; top: 16px; width: 124px; height: 24px; }
.banner_crossLeft				{ position: absolute; left: 42px; top: 90px; width: 23px; height: 31px; }
.banner_crossRight				{ position: absolute; right: 42px; top: 90px; width: 23px; height: 31px; }

#navcontainerInt_bkg			{ position: absolute; right: 78px; top: 93px; background: url(images/gfx_indexNavBkg.jpg) repeat-x; width: 70%; height: 31px; z-index: 1; }
#navcontainerInt				{ position: absolute; left: 78px; top: 90px; background: url(images/gfx_indexNavBkg.jpg) repeat-x; width: 664px; height: 34px; z-index: 2; }
#navcontainerInt ul				{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainerInt ul li			{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navcontainerInt ul li a		{ padding: 10px 22px 10px 22px; margin: 0 0px 0 0; color: #E7DCB1; text-decoration: none; display: block; font: normal 11px/1em verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; border-right: 0px #000011 solid; border-top: 3px #000011 solid; border-bottom: 0px; }
#navcontainerInt ul li a:hover	{ color: #E7DCB1; background: #30303A;  border-top: 3px #C9DD03 solid; border-bottom: 0px; border-right: 0px #000011 solid; }
#navcontainerInt a:active		{ color: #E7DCB1; }
#navcontainerInt li#active a	{ color: #E7DCB1; }

.PnavON							{ font: normal 11px/1em verdana, sans-serif; background-color: #FFF; color: #000; text-transform: uppercase; letter-spacing: 1px; display: block;  padding: 10px 22px 10px 22px; border-top: 3px #000011 solid; }

/* Interior */
.interiorPanel_pos				{ position: absolute; top: 133px; width: 100%; }
.interiorPanel_pad				{ padding: 0 0 35px 23px; }
.interiorPanel_pad2				{ padding: 0 0 35px 0px; }

/* Secondary Navigation */
#navcontainerSec 				{ width: 190px; padding: 0px; }
#navcontainerSec ul				{ margin: 0; padding: 0; list-style-type: none; font: normal 12px/1.3em verdana, sans-serif; }
#navcontainerSec a				{ display: block; width: 178px; background-color: #E9E3CE; border-bottom: 1px solid #F8F4E7;  padding: 8px 0px 8px 7px ;  border-left: 3px #E9E3CE solid;  }
#navcontainerSec a:link, #navlistSec a:visited
								{ color: #000; text-decoration: none; }
#navcontainerSec li				{ margin: 0 ; padding: 0; }	
#navcontainerSec a:hover		{ background-color: #E1D9BD; color: #000; border-left: 3px #C9DD03 solid; }

.SnavON							{ font: normal 12px/1.3em verdana, sans-serif; background-color: #FFF; color: #000; padding: 8px 0px 8px 7px ; display: block; width: 178px; border-bottom: 1px solid #F8F4E7; border-left: 3px #C9DD03 solid; }

/* Footer */
.footerTxt						{ font: normal 90%/1.6em Verdana, sans-serif; color: #E7DCB1; text-align: center; padding: 23px 0 0 0; }

/* Our Church - Consecration */
.center							{ text-align: center; width: 100%; }
.TN_wrapper						{ width: 469px; }
.TN								{ padding: 0 4px 10px 0; }	

/* Our Church - Iconography */
#icons a:link,
#icons a:visited				{ width: 187px; height: 55px; background: url(images/gfx_iconsLink.gif) #FFF no-repeat; display: block; }
#icons a:hover					{ background-color: #F9FCE5; }

.popUp_content					{ position: absolute; left: 50%; margin-left: -43%; margin-top: 20px; margin-bottom: 50px; width: 80%; background-color: #F8F4E7; padding:30px; }
.closeButton_icons				{ float: right; }
.pullQuote						{ margin: 5px 15px 5px 15px; color: #880000; }
.endnotes						{ font: normal 85%/1.2em Verdana, sans-serif; }

/* Services */
#calendar a:link,
#calendar a:visited				{ width: 319px; height: 93px; background: url(images/gfx_calendarLink.gif) #FFF no-repeat; display: block; }
#calendar a:hover				{ background-color: #F9FCE5; }

/* Agia Sophia */
#agiaSophia a:link,
#agiaSophia a:visited			{ width: 192px; height: 45px; background: url(images/gfx_agiaSophia_movieLink.gif) #FFF no-repeat; display: block; }
#agiaSophia a:hover				{ background-color: #F9FCE5; }

/* Orthodox Faith */
#timeline a:link,
#timeline a:visited				{ width: 187px; height: 55px; background: url(images/gfx_timelineLink.gif) #FFF no-repeat; display: block; }
#timeline a:hover				{ background-color: #F9FCE5; }

input.button_close				{ font: normal 90% Verdana, sans-serif; color: #000000; background-color: #BBC8E1; height: 22px; padding: 1px 3px 2px 3px; border: 1px #A9B9DA solid; border-right: 1px #0C1D45 solid; border-bottom: 1px #0C1D45 solid; }
input.button_closeHover			{ color: #000000; background-color: #8EA7CE; text-align: center; cursor: pointer;  }

.closeButton_timeline			{ position: absolute; left: 50%; top: 627px; margin-left: 103px; z-index: 99; }

/* FAQ */
.FAQ_question					{ color: #2152A3; text-decoration: underline; cursor: hand; cursor: pointer; padding: 0 0 6px 0; }
.FAQ_answer						{ padding: 0 20px 0 0 ; }

/* Contact us */
.directions						{ width: 250px; }

.leftCol						{ float: left; width: 48%; }
.rightCol						{ float: left; width: 48%; }
.alignLeft						{ text-align: left; }	
.directionsTxt					{ font: bold 110%/1.5em Verdana, sans-serif; color: #550000; padding: 0 0 3px 0; margin: 0 0 0 0; }