/* 

--MAIN STYLESHEET--

Site URL: http://convoydc.org
Copyright: 2008, All Rights Reserved.
Designer: David Russell | National Community Church

Blue: #014574			Gray: #3E3E3B			Tan: #DCD8C8

<style><!-- for syntax highlighting in text editor -->
*/

/* RESET STYLES */		
						html, body, div, span, applet, object, iframe,
						h1, h2, h3, h4, h5, h6, p, blockquote, pre,
						a, abbr, acronym, address, big, cite, code,
						del, dfn, em, font, img, ins, kbd, q, s, samp,
						small, strike, strong, sub, sup, tt, var,
						dl, dt, dd, ol, ul, li,
						fieldset, form, label, legend,
						table, caption, tbody, tfoot, thead, tr, th, td {
							margin: 0;
							padding: 0;
							border: 0;
							outline: 0;
							font-weight: inherit;
							font-style: inherit;
							font-size: 100%;
							font-family: inherit;
							vertical-align: baseline;
						}
						/* remember to define focus styles! */
						:focus {
							outline: 0;
						}
						body {
							line-height: 1;
							color: black;
							background: white;
						}
						ol, ul {
							list-style: none;
						}
						/* tables still need 'cellspacing="0"' in the markup */
						table {
							border-collapse: separate;
							border-spacing: 0;
						}
						caption, th, td {
							text-align: left;
							font-weight: normal;
						}
						blockquote:before, blockquote:after,
						q:before, q:after {
							content: "";
						}
						blockquote, q {
							quotes: "" "";
						}
						.clearfix:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
						}
						/* Hides from IE-mac \*/
						* html .clearfix {height: 1%;}
						/* End hide from IE-mac */
/* END RESET */

html {}

p, #page ul {
	margin-bottom: 1em;
	font-size: 1.4em;
	line-height: 1.75em;
	text-align: justify;
}

	em {font-style: italic;}
	
	strong {font-weight: bold;}

body {
	background-color: #3E3E3B;
	font: 10px/1.5em Georgia, "Times New Roman", Times, serif;
	color: #373736;
}

.align {
	width: 94em;
	margin: 0 auto;
}

	.right {
		float: right;
		text-align: right;
	}
	
		img.right {
			margin: 0.2em 0 0.2em 1em;
		}

a {color: #2D7596;}

	a:hover {color: #0D4B74;}
	
	/* a:visited {color: #FFAD77;} */

blockquote {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 1em;
	text-align: justify;
}

q {font-style: italic;}

code, pre {font-family: "Courier New", Courier, monospace;}

dl {}

	dt {
		font-weight: bold;
		margin-left: 1em;
	}
	
	dd {
		margin: 0 0 1em 3em;
	}

	ul li ul li ul {
		margin-top: 0;
	}
	
h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 2em;
	font-weight: 100;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.5em;
	font-weight: 100;
}

h4 {
	font-size: 1.4em;
	font-weight: bold;
}

h5 {
	font-size: 1.2em;
	font-weight: bold;
}

div.hr {
	height: 2px;
	background-color: #E2DDCC;
	margin-bottom: 1em;
}

	div.hr hr {visibility: hidden;}

#header {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(/images/site/header.gif) center transparent repeat-x;
	background-color: #014574;
	height: 16.5em;
	color: #FFF;
}

		#header .align {
			background: url(/images/site/header-center.jpg) center transparent no-repeat;
			display: block;
			width: 940px;
			height: 160px;
			background-position: 0 -0.7em;
		}
		
		#header h1 {float: left;}
		
			#header h1 a {
				background: url(/images/site/h1.jpg) no-repeat;
				display: block;
				width: 300px;
				height: 130px;
				margin: 20px 0 0 3px;
			}
		
				#header h1 a span {
					display: none;
					overflow: hidden;
				}
		
		#header p {
			font-style: italic;
			font-size: 2em;
			font-weight: 100;
			float: right;
			position: relative;
			top: 3em;
			margin-right: 1em;
		}
		
		#header p img {
			margin-left: 1em;
		}
		
		#header * a {
			color: #FFF;
			text-decoration: none;
		}
		
#content {
	background-color: #DCD8C8;
	padding-bottom: 2em;
}

#nav {
	float: left;
	width: 30em;
	margin: 2em 2em 0 0;
}

	#nav ul {}
	
		#nav p a {
			background-color: #EBE6D8;
			text-align: center;
			padding: 0.5em 0;
			font-size: 1.2em;
			border: 2px solid #C1BCB3;
		}
		
			#nav p a:hover {
				background-color: #F9F3EA;
			}

		#nav a {
			text-decoration: none;
			display: block;
		}
			
		#nav li a {
			padding: 0.5em;
		}
		
		#nav li {
			font-size: 1.4em; 
			font-family: Gill Sans, Verdana, Arial, sans-serif;
			font-weight: 100;
			text-transform: uppercase;
			margin-bottom: 0.5em;
		}
		
			#nav li a {
				background-color: #535351;
				color: #FFF;
			}
			
				#nav li a:hover {
					background-color: #353332;
				}
		
		#nav li ul li {
			font-size: 1em;
			font-weight: normal;
			text-transform: none;
			margin: 0.2em 0 0 0;
		}

		#nav li ul li a {
			background-color: #C5C2B4;
			color: #535351;
			padding-left: 1.25em;
		}
		
			#nav li ul li a:hover {
				background-color: #A6A59A;
			}
	
#page {
	float: right;
	background-color: #EBE6D8;
	width: 62em;
	padding: 2.75em 2em 1em 2em;
	margin-bottom: 1.5em;
}

	#page h2 {color: #014574;}

	#page h3 {
		color: #727270;
		font-size: 1.4em;
		font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		padding: 0.5em 0 0.3em 0;
	}
	
	#page h4 {
		font-size: 1.3em;
		padding-bottom: 0.3em;
	}
	
	#page ul {
		margin: 0 1em 1em 1em;
	}
	
		#page li {
			background: url(/images/site/li.png) no-repeat #E4DFD3;
			background-position: 0.7em 0.7em;
			padding: 0.2em 0.5em 0.2em 1.85em;
			margin-bottom: 0.3em;
		}

	body#home #page {
		background-color: #535351;
		color: #FFF;
	}
	
		body#home #page h2 {color: #D2D1CF;}
		
		body#home #page h3 {color: #CCC;}
		
		body#home #page a {color: #FFFFCC;}
		
		body#home #page #flash {
			margin-bottom: 1em;
		}
		
		.video-link {
			display: block;
			margin-bottom: 2em;
		}
		
		body#home #page ul {margin-bottom: 2em;}
		
			body#home #page ul li {background-color: #666;}
		
	#page form {}
	
		#page form label {
			font-family: Gill Sans, Verdana, Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			float: left;
			text-align: right;
			width: 25%;
			clear: both;
			line-height: 2.5em;
		}
		
		#page form input, #page form textarea {
			float: right;
			margin-bottom: 1em;
			width: 70%;
			padding: 0.1em;
		}
		
		#page form input.button {width: auto; clear: both;}
		
		#page form input {
			font-size: 1.6em;
		}
		
		#page form textarea {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.5em;
		}
	
	#page #map {
		width: 57em;
		height: 30em;
		border: 0.5em solid #DCD8C8;
		margin-bottom: 1em;
	}
	
	#page .highlight {
		background-color: #FFFF99;
		color: #333333;
		padding: 1em 2em 0 2em;
		border: 2px solid #777;
		margin-bottom: 2em;
	}
	
	#page .indent {
		background: url(/images/site/indent.png) repeat-y #E4DFD3;
		border-left: 0.25em solid #C9C4BA;
		margin: 1em 1em 2em 1em;
		padding: 1em;
	}
	
		#page .indent p {
			line-height: 1.5em;
			margin: 0;
		}
		
	#page .sponsor {margin-bottom: 1em;}
	
		#page .sponsor-image {
			float: left;
			margin-right: 1em;
			width: 11em;
			text-align: center;
		}
		
		#page .sponsor-description {float: left;}

			#page .sponsor-description p {width: 31em;}
		
#help {
	float: right;
	color: #FFF;
	background: url(/images/site/help-form-bg.jpg) top repeat-x;
	background-color: #014574;
	width: 62em;	
	padding: 0.5em;
	margin: 3.5em 0 1em 0;
}

	#help h3 {
		width: 32.8em;
		font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.8em;
		letter-spacing: 0.05em;
		padding: 0.5em 0;
		line-height: 1.1em;
	}
	
		#help h3 a {color: #FFF; text-decoration: none;}
	
	#help p {
		float: left;
		background: url(/images/site/help-form-div-bg.png) top repeat-x;
		width: 275px;
		margin: 0 0.5em;
		padding: 0.5em;
		line-height: 1.5em;
	}
	
	#help #help-form {
		float: right;
		background: url(/images/site/help-form-div-bg.png) top repeat-x;
		width: 275px;
		margin: 0 0.5em;
		padding: 1.3em 1em;
	}
	
		#help #help-form .hiddenFields {
			display: none;
		}
	
		#help #help-form label {
			display: block;
			text-transform: uppercase;
			font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
			font-size: 1.2em;
			font-weight: 100;
			letter-spacing: 0.1em;
		}
		
		#help #help-form input {
			display: block;
			margin: 0 0 1em 0;
			padding: 0.1em;
			font-size: 1.5em;
			width: 17.5em;
		}
		
		#help #help-form input.button {
			float: right;
			padding: 0;
			margin: 0 0 0 0;
			font-size: 1.3em;
			width: auto;
		}

#footer {
	height: 19em;
	background: url(/images/site/footer.gif) top transparent repeat-x;
	color: #FFF;
}

	#footer .align {
		background: url(/images/site/footer-center.png) transparent no-repeat;
		display: block;
		width: 94em;
		height: inherit;
		background-position: 0 1.5em;
	}

	#footer a {color: #FFFFCC;}

	#footer .column {
		float: left;
		width: 30em;
	}
	
		#footer .contact, #footer .partners {margin-right: 2em;}
		
		#footer .vcard, #footer ul {
			background-image: url(/images/site/transparent.png);
			padding: 0.75em 1em;
			font-size: 1.2em;
			line-height: 1.75em;
		}
		
			#footer ul li {
				border-bottom: 1px solid #737370;
			}
			
				#footer ul li.last {
					border: none;
					text-align: center;
					font-weight: 100;
					font-style: italic;
				}
				
			#footer .vcard {line-height: 1.8em;}
			
				#footer .vcard span.url,
				#footer .vcard span.type {
					display: none;
				}
			
				#footer .vcard span.street-address, span.tel, span.email {
					display: block;
				}
	
	#footer h3 {
		font: 1.35em Gill Sans, Verdana, Arial, sans-serif;
		font-weight: 100;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		margin: 1.5em 0 0.3em 0;
	}
	
	#footer .org {font-weight: bold; display: block; border-bottom: 1px solid #737370;}