/*--CSS Stylesheet, Grace and Holy Trinity Episcopal Church--*/

/*----Universals and Classes----*/
* {
margin: 0;
padding: 0;
}

body {
background: #B1B6D3;
margin: 0;
padding: 0;
behavior:url(csshover.htc);
}

h2 {
font-weight: normal;
font-size: 18px;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

.no_style {
color: #000000;
text-decoration: none;
}

.blockquote {
margin: 0 35px 0 72px;
}

.blockquote_with_picture {
margin: 0 35px 0 270px;
}

.blockquote_baptism {
margin: 0 35px 0 365px;
}

.image_pad {
padding: 20px 0;
}

/*----Wrappers and Containers---*/

#wrapper_prime{
margin: 0 auto;
width: 100%;
min-width: 1019px;
padding-bottom: 180px;
overflow: visible;
background: url(images/bottom.gif) no-repeat bottom;
} *html #wrapper_prime { width: 1019px; }

	/*--Replaces #wrapper_prime on interior pages--*/

	#wrapper_prime_int {
	margin: 0 auto;
	width: 100%;
	min-width: 1019px;
	padding-bottom: 180px;
	background: url(images/bottom_int.gif) no-repeat bottom;
	overflow: visible;
	} *html #wrapper_prime_int { width: 1205px; }
	
	/*--------*/

#wrapper {
position: relative;
width: 100%;
min-width: 1019px;
/*padding: 10px 93px;
width: 1019px;*/
padding-top: 10px;
background: url(images/bg.gif) repeat-y center;
overflow: visible;
} *html #wrapper { width: 1205px; }

#top {
position: absolute;
height: 77px;
width: 100%;
top: 0px;
left: 0px;
background: url(images/top.gif) no-repeat center;
}

#content {
width: 1019px;
margin: 0 auto;
position: relative;
margin-bottom: -53px;
font-family: Californian FB, Arial;
}

	#wrapper_prime #content {
	background: #FFFFFF;
	}

	/*--Modifies #content for interior pages--*/
	
	.int {
	width: 1019px;
	min-height: 661px;
	background: url(images/int_bg.jpg) left bottom #61699A no-repeat;
	} *html .int { height: 661px; }
	
	.int.no_bg {
	background: none;
	padding-bottom: 100px;
	}
	
	/*--------*/

#header {
width: 661px;
height: 72px;
padding: 25px 179px 25px 179px;
background: #FFFFFF;
}

#menu {
position: relative;
width: 1003px;
height: 43px;
padding: 2px 8px 3px 8px;
background: #474D72;
z-index: 500;
}

	.menu_bar {
	float: left;
	height: 44px;
	}
	
	/*--#menu formatting--*/

	#menu ul li {
	float: left;
	list-style-type: none;
	position: relative;
	}

	#menu ul li ul {
	position: absolute;
	top: 44px;
	left: 0px;
	background: #474D72;
	text-align: center;
	display: none;
	padding: 0px 8px 8px 8px;
	}

	#menu ul li ul a {
	color: #FFFF00;
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 110%;
	}

	#menu ul li ul a:hover {
	color: #FFFFFF;
	}

	#menu ul li ul li {
	float: none;
	padding-bottom: 6px;
	}

	#menu ul li:hover ul {
	display: block;
	}

	#home a.menu_bar { width: 72px; background: url(images/menu/home.gif) no-repeat; }
	#home:hover a.menu_bar, #home a.menu_bar.selected { background: url(images/menu/home_selected.gif) no-repeat; } 
	#home ul, #home ul li a { width: 56px; }

	#who_we_are a.menu_bar { width: 127px; background: url(images/menu/who_we_are.gif) no-repeat; }
	#who_we_are:hover a.menu_bar, #who_we_are a.menu_bar.selected { background: url(images/menu/who_we_are_selected.gif) no-repeat; }
	#who_we_are ul { width: 111px; }

	#what_we_do a.menu_bar { width: 127px; background: url(images/menu/what_we_do.gif) no-repeat; }
	#what_we_do:hover a.menu_bar, #what_we_do a.menu_bar.selected { background: url(images/menu/what_we_do_selected.gif) no-repeat; }
	#what_we_do ul { width: 111px; }

	#visit_contact a.menu_bar { width: 152px; background: url(images/menu/visit_contact.gif) no-repeat; }
	#visit_contact:hover a.menu_bar, #visit_contact a.menu_bar.selected { background: url(images/menu/visit_contact_selected.gif) no-repeat; }
	#visit_contact ul { width: 136px; }

	#calendar a.menu_bar { width: 256px; background: url(images/menu/calendar.gif) no-repeat; }
	#calendar:hover a.menu_bar, #calendar a.menu_bar.selected { background: url(images/menu/calendar_selected.gif) no-repeat; }
	#calendar ul { width: 240px; }

	#learn_more a.menu_bar { width: 137px; background: url(images/menu/learn_more.gif) no-repeat; }
	#learn_more:hover a.menu_bar, #learn_more a.menu_bar.selected { background: url(images/menu/learn_more_selected.gif) no-repeat; }
	#learn_more ul { width: 121px; }

	#photos a.menu_bar { width: 78px; background: url(images/menu/photos.gif) no-repeat; }
	#photos:hover a.menu_bar, #photos a.menu_bar.selected { background: url(images/menu/photos_selected.gif) no-repeat; }
	#photos ul { width: 62px; }
	
	/*----*/

#banner {
width: 1019px;
height: 190px;
/*position: relative;*/
background: url(images/grace_episcopal.jpg);
z-index: 1;
}

	#banner img.right {
	padding: 17px 18px 0 0;
	}

#body {
width: 957px;
padding: 36px 31px 0px 31px;
}
	
	/*--containers used in #body--*/

	#middle {
	width: 557px;
	text-align: center;
	font-size: 13px;
	}
	
		/*--middle formatting --*/
		
		#middle a {
		color: #000000;
		text-decoration: underline;
		}
		
		#middle a.no_style {
		text-decoration: none;
		}
		
	
	.outer_columns {
	width: 174px;
	height: 232px;
	border: 1px #61699C solid;
	background: url(images/fp_box_bg.gif) no-repeat center 62px #B1B6D3;
	text-align: center;
	font-size: 15px;
	padding: 12px;
	}
		
		/*--.outer_columns formatting--*/
		
		.outer_columns a {
		color: #000000;
		text-decoration: none;
		}

		.outer_columns h1 {
		font-family: Californian FB;
		font-style: italic;
		font-weight: normal;
		font-size: 36px;
		line-height: 100%;
		}
	
		.squiggle {
		margin: 7px 0 13px;
		}
		
		/*----*/

	#footer {
	text-align: center;
	padding-top: 58px;
	font-size: 13px;
	}
	
		/*--#footer formatting--*/
		
		#footer a {
		padding: 0 9px;
		color: #000000;
		text-decoration: none;
		}

		#footer a:hover, #footer a.selected {
		text-decoration: underline;
		}
		
		/*----*/
		
		/*--Modifies #footer for interior pages--*/
		
		#content.int #footer {
		clear: both;
		width: 796px;
		position: absolute;
		left: 223px;
		bottom: 0px;
		}
		
		#content.int.no_bg #footer {
		width: 1019px;
		bottom: 0;
		left: 0;
		}
		
		/*--------*/
	
	/*--------*/
	
	/*--Replaces #body on interior pages--*/
	
	#body_int {
	width: 796px;
	float: right;
	background: #FFFFFF;
	}
	
		/*--extends #body_int for full page coverage--*/
		
		#body_int.full {
		width: 1019px;
		float: right;
		}
		
		/*--------*/
	
	/*--------*/

/*--Wrappers and Containers for interior pages--*/

	#title {
	position: relative;
	width: 796px;
	height: 99px;
	background: url(images/title_bg.jpg) left no-repeat #000000;
	z-index: 1;
	}

		/*--#title formatting--*/
		
		#title h1 {
		font-weight: normal;
		font-style: italic;
		font-family: californian fb;
		color: #727BB4;
		font-size: 36px;
		position: absolute;
		left: 83px;
		bottom: 10px;
		}

		#title h1 span.smaller {
		font-size: 30px;
		}
		
		#title.full {
		width: 1019px;
		}
		
		#title.what_we_do { background: url(images/what_we_do_title.jpg) left no-repeat #000000; }
		#title.visit_contact { background: url(images/visit_contact_title.jpg) left no-repeat #000000; }
		#title.calendar_schedule { background: url(images/calendar_schedule_title.jpg) left no-repeat #000000; }
		#title.learn_more { background: url(images/title_visit_bg.jpg) left no-repeat #000000; }
		#title.photos { background: url(images/title_photos_bg.jpg) left no-repeat #000000; }
				
		/*----*/

	#int_menu {
	width: 213px;
	float: left;
	text-align: center;
	color: #FFFF00;
	/*padding: 24px 5px 0 5px;*/
	padding: 24px 0 0 5px;
	}
	
		/*--#int_menu formatting--*/

		#int_menu h1 {
		font-weight: normal;
		font-size: 18px;
		line-height: 100%;
		}

		#int_menu h1, #int_menu p {
		margin-bottom: 18px;
		}
		
		#int_menu p.parent {
		margin-bottom: 6px;
		}
		
		#int_menu p.smaller {
		font-size: 12px;
		margin-bottom: 2px;
		}
		
		#int_menu p.smaller.last {
		margin-bottom: 13px;
		}
		
		#int_menu a {
		text-decoration: none;
		color: #FFFF00;
		}

		#int_menu a.selected {
		color: #FFFFFF;
		}

		#int_menu a:hover {
		color: #FFFFFF;
		}
		
		/*----*/

	#pad {
	padding: 40px 38px 100px 38px;
	font-size: 14px;
	min-height: 297px;
	} *html #pad { height: 297px; }
	
		/*--#pad formatting--*/

		#pad h1 {
		font-size: 24px;
		font-style: italic;
		font-weight: normal;
		}

		#pad h1.larger {
		font-size: 30px;
		}

		#pad h1.no_style {
		font-style: normal;
		}

		#pad img.left {
		padding: 0 30px 30px 0;
		}

		#pad a, #pad a:hover {
		color: #000000;
		text-decoration: underline;
		}
		
		.full #pad {
		padding-bottom: 0px;
		}
		
		#pad ol li, #pad ul li {
		margin-left: 18px;
		}
		
		#pad h1.smaller {
		font-size: 18px;
		}
		
		/*----int page formatting ----*/
		/*--visitor's form--*/
			table {
			width: 720px;
			border-collapse: collapse;
			}
			
			td {
			padding-bottom: 7px;
			word-wrap: break-word
			}
			
			.col_1 {
			width: 150px;
			}
			
			.col_2 {
			width: 570px;
			}
			
			.input {
			background: #FAFAFD;
			border: 1px #A0A5C4 solid;
			}
			
			input.input {
			width: 560px;
			}
			
			select.input {
			width: 570px;
			}
			
			textarea.input {
			width: 710px;
			height: 125px;
			overflow: auto;
			}
			
			input, select, textarea {
			padding: 4px;
			font-family: arial;
			font-size: 12px;
			}
			
			#code {
			margin-top: 8px;
			border: 1px #60699C solid;
			}
			
			#code_entry {
			width: 248px;
			text-align: center;
			background: #FAFAFD;
			border: 1px #A0A5C4 solid;
			color: #61699C;
			height: 16px;
			padding: 4px 0;
			}
			
			.red {
			color: #FF0000;
			}
			
			/*--SWEEPS--*/
			
			#sweeps {
			font-size: 18px;
			padding-left: 424px;
			}
			
			/*--Vestry--*/
			
			#vestry_wrapper {
			width: 290px;
			margin: 0 auto;
			}
			
			.vestry_portraits {
			float: left;
			width: 145px;
			text-align: center;
			}
			
			.vestry_names {
			width: 145px;
			padding-top: 10px;
			font-size: 16px;
			}
			
				.vestry_names .office {
				font-size: 12px;
				}
			
			.one_third {
			width: 240px;
			padding: 40px 0 60px 0;
			float: left;
			text-align: center;
			font-size: 12px;
			}
			
			.one_seventh {
			width: 102px;
			padding: 15px 0 65px 0;
			float: left;
			text-align: center;
			font-size: 12px;
			}
			
				#pad .one_third h1, #pad .one_seventh h1 {
				font-size: 16px;
				font-style: normal;
				}
			
			#campus table {
			width: 355px;
			}

			#campus table table {
			width: auto;
			font-size: 12px;
			}

			table#campus td {
			padding: 0 0 0 0;
			vertical-align: top;
			}

			#campus tr.smaller td {
			vertical-align: middle;
			}
			
			#thumb_container {
			margin: 0 auto;
			width: 796px;
			padding: 15px 0 0 0;
			}
			
				/*--thumb_container formatting--*/
				#thumb_container a img {
				border: none;
				margin: 0 3px 6px 3px;
				}
				
		#pledge_form {
		position: relative;
		padding: 10px;
		border: 1px #000000 solid;
		margin-top: 15px;
		}

		
		#pledge_photo {
		position: absolute;
		top: -11px;
		left: -17px;
		}
		
		#pledge_tag {
		padding-left: 92px;
		font-size: 18px;
		}
			
		/*----*/
		
		/*----*/
		
	#pad_center {
	width: 720px;
	text-align: center;
	}