/**********************************************************************************************

	Title: First Presbyterian Church
	Author: XHTMLized
	Date: April 2008 

***********************************************************************************************/

body {
	font-size:75%;
	font-family:Georgia, "Times New Roman", serif;
	line-height:1.2em;
	margin:0;
	background:url(../images/bg-body.jpg) left top;
}

#accessibility-menu {
	position:absolute;
	left:-9999em;
}
.container {
	width:998px;
	margin:0 auto;
}
hr {
	display:none;
}

h1#page-title {
	color: #5A0E12;
	font-size: 2.2em;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

img{
	border:2px solid #F7F0DD;
}

.divider{ clear:both; height:15px;}

.clear_all{ clear:both;}

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
#header {
		height:153px;
		background:url(../images/bg-header.jpg) left top no-repeat;
		position:relative;
	}
/* Logo -> Image replacement. */
#header #logo, #header #logo a, #header #logo a span {
	display: block;
	width: 300px;
	height: 100px;
	margin:0;
	font-size:12px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}

#header #logo {
	position: absolute;
	top: 20px;
	left: 29px;
}

#header #logo a { /* style the text covered by image */ }

#header #logo a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/logo-firstp.gif) no-repeat;
}
#staff_login {
	float:right;
	width:200px;
	display:inline;
	margin-right:45px;
	margin-top:29px;
	background-color:transparent;
}
#staff_login h2 {
	margin:0;
	height:11px;
	width:95px;
	background: url(../images/titl-staff_login.gif) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
	margin-left:82px;
}
#staff_login ul {
	padding:0;
	margin:0;
	list-style:none;
}
#staff_login ul li {
	margin-bottom:8px;
}
#staff_login label {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.833em;
	line-height:1.6em;
	width:80px;
	text-align:right;
	margin-right:3px;
}
#staff_login p,
#staff_login span {
	float:right;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.833em;
	height:16px;
	margin:0;
	border:0;
}

#staff_login .username {
	font-weight:bolder;
	font-size:1.1em;
}

#staff_login input {
	width:110px;
	height:16px;
	padding-left:4px !important;
	line-height:16px;
	border:0;
}

#staff_login #staff_submit {
	float:right;
	height:14px;
	width:42px;
	text-indent:-9999em;
	border:0;
	margin-right:5px;
	background: url(../images/btn-submit.gif) left top no-repeat;
}

#staff_login #staff_login_msg {
	float:right;
	clear: none;
	margin-right:5px;
}
	
#staff_login .logout {
	clear:both;
	float:right;
	height:14px;
	width:42px;
	text-indent:-9999em;
	border:0;
	background: url(../images/btn-logout_trans.gif) left top no-repeat;
	margin:5px 0px;
}

a#btn-en_espanol {
	position:absolute;
	bottom:9px;
	right:50px;
	height:24px;
	width:99px;
	text-indent:-9999em;
	background: url(../images/btn-en_espanol.gif) left top no-repeat;
	overflow: hidden;
}
	a#btn-en_espanol:hover {
		background-position:left bottom;
	}
/* 2.1	Navigation
-----------------------------------------------------------------------------------------------*/	
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#navigation ul {
		padding:0;
		margin:0;		
		list-style:none;
	}
	#navigation li {
		float:left;
		position: relative; /* This helps display for IE 6 */
	}
	#navigation li a {
		display:block;
		height:44px;
		text-indent:-9999em;
		overflow: hidden;
	}
	#navigation li.btn-about a {
		background:url(../images/btn-about.gif) left top no-repeat;
		width:92px;
		
	}
	#navigation li.btn-contact_us a {
		background:url(../images/btn-contact_us.gif) left top no-repeat;
		width:113px;
	}
	#navigation li.btn-services a {
		background:url(../images/btn-services.gif) left top no-repeat;
		width:87px;
	}
	#navigation li.btn-document_repository a {
		background:url(../images/btn-document_repository.gif) left top no-repeat;
		width:199px;
	}
	#navigation li.btn-events a {
		background:url(../images/btn-events.gif) left top no-repeat;
		width:76px;
	}
	#navigation li.btn-news_articles a {
		background:url(../images/btn-news_articles.gif) left top no-repeat;
		width:131px;
	}
	#navigation li.btn-photo_gallery a {
		background:url(../images/btn-photo_gallery.gif) left top no-repeat;
		width:140px;
	}
	#navigation li.btn-helpful_links a {
		background:url(../images/btn-helpful_links.gif) left top no-repeat;
		width:160px;
	}
	
/* BUTTONS */
.button_div {
	text-align: center;
	display: block;
}

.button {
	height: 31px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -99999px;
	overflow: hidden;
	border: none !important;
	background-color: transparent;
	cursor: pointer;
	display: block;
}

.button:hover {
	background-position: bottom;
}

.button_submit {
	width: 115px;
	background-color: transparent;
	border: none !important;
	background-image:url(../images/btn_submit_form.jpg);
}

/* Drop Menu */
#navigation ul li ul {
	width: 170px !important;
	position: absolute !important;
	display: none;
	margin: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	top: 32px;
	left: 0px;
	/*border-top:1px solid #FFBA00;*/
	z-index: 9999 !important;
	padding-top: 12px !important;
	
}
#navigation ul li:hover ul,
#navigation ul li:focus ul,
#navigation ul li ul.msiefix{
	padding: 0px;
	margin: 0px;
	z-index: 9999 !important; 
	display: block !important;
	width: 170px; 
}

#navigation ul li ul li {
	position: relative !important;
	background: none !important;
	width:170px;
	z-index: 9999 !important;
	border-top:none;
	display: block !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 2px !important;
	
}


#navigation ul li ul li:hover {
	
}
#navigation ul li ul li a{
	position: relative;
	background: none !important;
	width:160px !important;
	background-color:#273F75 !important;
	text-indent: 0px !important;
	display: block !important;
	margin: 0px !important;
	padding: 5px 5px;
	font-size: 1.0em;
	color: #FFFFFF;
	opacity: 0.9;
	height: auto !important;
	top: 0px !important;
	text-decoration: none !important;
	border: 2px solid #FFFFFF;
	
}
#navigation ul li ul li a:hover{
	background-color:#203360 !important;
	color: #FFFFFF;
}

#navigation ul li ul#about_menu li {
	left: 20px;
}
/* END Drop Menu */


/* 2.3	Content
-----------------------------------------------------------------------------------------------*/	
#content-wrapper {
	background:url(../images/bg-content_wrapper.jpg) left top repeat-y;
	padding-top:1px;
}
	.container #navigation li a:hover, .container #navigation li a.selected {
		background-position:left bottom;
	}
	#content {
		width:656px;
		/*margin-right:49px;*/
		margin-right:46px;
		float:right;
		display:inline;
		padding:0px 0 0;
		/*background: url(../images/bg-content.jpg) left top repeat-y;*/
		/*top: -2px;*/
		margin-top: -2px;
	}
	/*
	#content.withwelcome {
	*/
		/*padding-top:90px;*/
	/*
		position:relative;
	}
	*/
	#sidebar {
		width:293px;
		float:left;
		padding:1px 0;
	}
	#welcome_container {
		position: relative;
		margin-left:20px;
		top: 15px;
		padding-top: 20px !important;
	}
	#welcome {
		width:331px;
		height:113px;
		margin:0;
		/*
		top:5px;
		left:75px;
		*/
		top: -70px;
		left:-20px;
		text-indent:-9999em;
		position:absolute;
		background: url(../images/titl-welcome.png) left top no-repeat;
		z-index: 0;
	}
	img.right {
		float:right;
		margin:8px 0 8px 5px;
	}
	#real-content-index{
		margin: 0px;
		padding:90px 60px 10px 93px;
		background: url(../images/bg-content.jpg) left top repeat-y;
		min-height: 400px;
	}
	#real-content{
		margin: 0px;
		padding:20px 80px 10px 93px;
		background: url(../images/bg-content.jpg) left top repeat-y;
		min-height: 475px;
	}
	#content h3 {
		padding-top:20px;
		margin-top:0;
		font-size:1.5em;
		font-weight:bold;
		color:#5a0e12;
		line-height:1.2em;
		margin-bottom:0;
	}
	#content h3.index_h3 {
		padding-top:40px;
	}
	#content p,
	#content dl {
		margin-top:0;
		margin-bottom:1.2em;
		font-size:1.166em;
		line-height:1.4em;
	}
	#content p {
		color:#000000;
	}
	#content dl {
		margin-bottom:10px;
		padding-right:245px;
		color:#5a0e12;
	}
	#content a {
		color:#b30009;
		text-decoration:none;}
	#content a:hover {
		text-decoration:underline;
	}
	#content .center {
		text-align:center;
	}
	#content .subtitle {
		color:#380909;
		font-weight:bold;
	}
	#content dt {
		font-weight:bold;
	}
	#content dt,
	#content dd {
		text-align:center;
		/*float:left;*/
		padding:0;
		margin:0;
	}
	#content ul {
		margin:0;
		padding:0;
	}
	#content ul li {
		margin-bottom:5px;
	}
	#content #welcome_military a {
		float:right;
		background:url(../images/welcome-military.png) top left no-repeat;
		width:198px;
		height:89px;
		text-indent:-9999em;
		overflow: hidden;
		margin-right: 20px;
		cursor: pointer;
	}
	#content #welcome_military a:hover {
		background-position: bottom !important;	
	}
	#content #join_a_church {
		position:absolute;
		right:-30px;
		/*bottom:-60px;*/
		top: -50px;
		background:url(../images/don_just_join.png) left top no-repeat;
		width:257px;
		height:185px;
		text-indent:-9999em;
	}
	#content #content-closer {
		background:url(../images/bg-content-closer.gif) left top no-repeat;
		height:110px;
		position: relative;
	}
	
	#content image{
		border:2px solid #F7F0DD;
		}
	
	.flashbanner {
	float:right;
	margin-top:10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#content .caption {
	font-size:0.95em;
	font-family:Arial, Helvetica, sans-serif;}
	
/* 2.4	Sidebar
-----------------------------------------------------------------------------------------------*/	
#sidebar #church_image {
	background:url(../images/bg-church_image.jpg) left top no-repeat;
	height:532px;
}
	#sidebar #church_image img {
		margin:63px 0 0 50px;
	}
#sidebar {
	font-family:Arial, Helvetica, sans-serif;
	color:#210e03;
}
	#sidebar h3 {
		padding-left:72px;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:0;
		font-size:1.166em;
	}
	#sidebar a {
		color:#210e03;
		text-decoration:none;
	}
	#sidebar ul {
		margin:0;
		padding-left:52px;
		line-height:1.166em;
		list-style:none;
	}
		#sidebar ul li {
			padding:3px 0 3px 24px;
		}
		#sidebar ul li.rss {
			background:url(../images/icn-rss.gif) left 50% no-repeat;
		}
		#sidebar ul li.pdf {
			background:url(../images/icn-pdf.gif) left 50% no-repeat;
		}
/* 2.5	Calendar
-----------------------------------------------------------------------------------------------*/	
#calendar {
	clear:both;
	background:url(../images/bg-calendar.gif) left top no-repeat;
	position:relative;
	top:-48px;
	left:2px;
	height:190px;
}

#no_calendar {
	clear:both;
	/*background:url(../images/bg-calendar.gif) left top no-repeat;*/
	position:relative;
	/*top:-48px;*/
	left:2px;
	height:50px;
}

#calendar a {
	color:#662022;
	text-decoration:none;
}
	#calendar a:hover {
		color:#203460;
		text-decoration:underline;
	}
#calendar #stand {
	width:190px;
	float:left;
	display:inline;
	margin-left:54px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#203460;
	margin-right:30px;
}
#calendar #stand h3 {
	margin-top:60px;
	font-size:1.166em;
	font-weight:normal;
	margin-bottom:0;
}
#calendar #stand h4 {
	font-size:1em;
	text-transform:uppercase;
}
#calendar #stand p {
	margin:3px 0px;
}
#calendar .left {
	width:200px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.916em;
	margin-top:35px;
	margin-left:5px;
}
#calendar .left a:hover {
	text-decoration:none;
}
#calendar .left h4 {
	margin:0;
	margin-top:12px;
	font-size:1em;
	text-transform:uppercase;
}
#calendar .left p {
	margin:0;
	margin-top:5px;
}
#calendar .left ol {
	margin:0;
	list-style:none;
	padding:0;
}
#calendar .left li {
	padding:0;
	margin:0;
}
#calendar .right {
	width:250px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:70px;
	margin-right:30px;
	padding-left:15px;
}
#calendar .right h4 {
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.2em;
	line-height:1.2em;
	text-align:left;
}
#calendar .right .icon{
	background: url("/images/icon_sprites.gif") no-repeat top left;
	background-position: -48px 0px;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
}
#calendar .right .sprite-acrobat { background-position: -48px 0px; } 
#calendar .right .sprite-image { background-position: -64px 0px; } 
#calendar .right .sprite-excel { background-position: -32px 0px; } 
#calendar .right .sprite-text { background-position: 0px 0px; } 
#calendar .right .sprite-word { background-position: -16px 0px; }

#calendar .right a {
	font-weight:bolder;
}
#footer-top {
	height:11px;
	background:url(../images/bg-footer-top.gif) left top no-repeat;
}
#footer {
	height:268px;
	background:url(../images/bg-footer.jpg) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.833em;
}
#footer p {
	float:right;
	display:inline;
	width:250px;
	margin-top:188px;
	line-height:20px;
}
#footer p.designed_by {
	background: url(../images/logo-sts.gif) right center no-repeat;
	padding-right: 5x;
	margin-right: 100px;
	width:150px;}
	
#footer a {
	color: #5F1111;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*** STAFF ***/
.staff_member{ clear:both;}
.staff_member h3{ padding-top:0px !important;}
.staff_member img{ border:2px solid #F7F0DD;}
.staff_member a{ color: #5A0E12; font-weight:bolder;}
.staff_member a:hover{ color: #1E2B5B;}
.right img{ float:right; margin-left:15px;}
.right{ text-align:right;}
.left img{ float:left; margin-right:15px;}
.left{ text-align:left;}

/*** EVENTS ***/
.events{
	clear:both;
	float:left;
	padding-left:15px;
	margin-top:15px;
	padding-bottom:15px;
	width:95%;
	border-bottom:1px dashed #5A0E12;
}
.event{
	clear:both;
	float:left;
	padding-bottom:15px;
}
.events p{ margin:0px !important;}
.event .date{ font-weight:bolder; /*text-decoration:underline;*/}
.events img{ border:2px solid #F7F0DD; float:left; margin:0px 15px 15px 0px;}
.image_gallery{float:left; margin:0px 15px 10px 0px;}
.gallery_link{ margin:5px auto;}
.image_gallery img{ border:2px solid #F7F0DD;}
.gallery_link .icon{
	background: url("/images/icon_sprites.gif") no-repeat top left;
	background-position: -80px 0px;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
}
h3.event_category { padding-top: 15px !important; clear:both;}
h3.first { padding-top: 0px !important;}
.event a,.events a{ color: #5A0E12;}
.event a:hover,.events a:hover{ color: #1E2B5B;}
.event .inline_gallery{ display:none;}

/*** NEWS ***/
.news{
	clear:both;
	float:left;
	padding-left:15px;
	margin-top:15px;
	padding-bottom:15px;
	width:95%;
	border-bottom:1px dashed #5A0E12;
}
.article{
	clear:both;
	float:left;
	padding-bottom:15px;
}
.news p{ margin:0px !important;}
.article .date{ font-weight:bolder; /*text-decoration:underline;*/}
.article img,.news img{ border:2px solid #F7F0DD; float:left; margin:0px 15px 15px 0px;}
.article a,.news a{ color: #5A0E12;}
.article a:hover,.news a:hover{ color: #1E2B5B;}
.news_document{
	clear:both;
	margin-top:5px;
}
.news_document .icon{
	background: url("/images/icon_sprites.gif") no-repeat top left;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
	background-position: -48px 0px;
}
.news_document a{ color: #5A0E12;}
.news_document a:hover{ color: #1E2B5B;}

/*** SERVICES ***/
.services{
	clear:both;
	float:left;
	padding-left:15px;
	margin-top:15px;
	padding-bottom:15px;
	width:95%;
	border-bottom:1px dashed #5A0E12;
}
.service{
	clear:both;
	float:left;
	padding-bottom:15px;
}
.services p{ margin:0px !important;}
.service img,.services img{ border:2px solid #F7F0DD; float:left; margin-right:15px;}
h3.service_category { padding-top: 15px !important; clear:both;}
h3.first { padding-top: 0px !important;}
.services a{ color: #5A0E12;}
.services a:hover{ color: #1E2B5B;}

/*** DOCUMENTS ***/
.document{
	clear:both;
	padding-left:15px;
	margin-top:15px;
}
.document p{ margin:5px 21px !important;}
.document .icon{
	background: url("/images/icon_sprites.gif") no-repeat top left;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
}
.document .sprite-acrobat { background-position: -48px 0px; } 
.document .sprite-image { background-position: -64px 0px; } 
.document .sprite-excel { background-position: -32px 0px; } 
.document .sprite-text { background-position: 0px 0px; } 
.document .sprite-word { background-position: -16px 0px; }
.document_category { padding-top: 25px !important;}
.document a{ color: #5A0E12;}
.document a:hover{ color: #1E2B5B;}

/*** FAQS ***/
.faqs {	padding-bottom:20px;}
.faqs h3{ padding-top:0px !important;}
.faq_question { font-weight: bold; padding: 10px 5px; cursor: pointer; line-height:1.1em;}
.faq_answer { display: none; color: #000000; padding:10px; line-height:1.4em;}

/*** PHOTO GALLERY ***/
.gallery{width:100%; margin:0; padding:0; clear:both; font-family: Arial, Helvetica, sans-serif; font-size:0.833em;}
.gallery li{ float:left; display:inline; width:33.33%; text-align:center; padding-bottom:15px;}
.gallery li p{margin: 5px 10px;}
.gallery li p.caption_j{ text-align:justify; margin:auto 15px;}
.gallery li p.caption_c{ text-align:center;}
.gallery img{ border:2px solid #F7F0DD; margin:0;}
.gallery a{ color: #5A0E12;}
.gallery a:hover{ color: #1E2B5B;}
.return_link{ float:left; clear:none; padding-bottom:15px;}

/*** HELPFUL LINKS ***/
.helpful_link{
	clear:both;
	padding-left:15px;
	margin-top:15px;
}
.helpful_link p{ margin:5px 21px !important;}
h3.helpful_link_category { padding-top: 10px !important;}
h3.first { padding-top: 0px !important;}
.helpful_link a{ color: #5A0E12;}
.helpful_link a:hover{ color: #1E2B5B;}

/*** CONTACT FORM STYLES  ***/

#contact-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
	
}
#contact-form legend{
	margin-left: 5px;
	padding: 0;
	color: #0072BC;
	font-weight: bold;
	font-size: 18px;
}
#contact-form fieldset ol{
	padding: 5px 0;
	margin: 0;
	list-style: none;
}
#contact-form fieldset li{
	line-height: 20px;
	vertical-align: middle;
	padding: 5px 0px;
	
}
#contact-form fieldset.submit{
	float: none;
	width: auto;
	border-style: none;
	margin:0;
	padding:0;
}

#contact-form input,
#contact-form textarea{
	border:2px solid #5A0E12;
}

#contact-form input:hover,
#contact-form textarea:hover{
	border:2px solid #1E2B5B;
}

#contact-form input:focus,
#contact-form textarea:focus{
	border:2px solid #1E2B5B;
}

.failure, .success {
	text-align: left;
	padding: 5px 0px 5px 0px;
	color: #CC0000;
	font-weight: bold;
}

.success {
	color: #006600;
}

.dontfillmeout {
	display:none;
}