/* St.Anthony Parish Family - Global Stylesheet */

/*
Site Wide Styles
---------------------------------------- */

html {
background: #F9F1DE;
}

	body {
	margin: 0;
	padding: 0;
	font: x-small/1.7 Georgia, serif;
	color: #000;
	background: #fff;
	}
	

		ul#nav, ul#navone, ul#navtwo {
		font-weight: normal;
		text-transform: uppercase;
		}
		
		h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		margin: 0 0 .5em 0;
		padding: 0;
		line-height: 1em; /* the w3c css validator throws and error for just a number */
		}

			h1 { font-size: 218%; }
			
				h1.h1_title { /* HTML h1 interior pages */
				font-style: italic;
				color: #E79E3B;
				letter-spacing: -.05em;
				}

			h2 { font-size: 164%; }
			
				h2.h2_title { /* HTML h2 interior pages */
				color: #E79E3B;
				}

			h3 { font-size: 145%; }
			
				h3.h3_subtitle { /* HTML h3 interior pages */
				font-weight: normal;
				color: #AF4420;
				}

			h4 { font-size: 118%; }
			
			p, ul, ol, blockquote {
			font-size: 106%;
			}
			
				/* All interior pages have a #main div and an inner .pad div */
				
				#main {
				width: 100%;
				float: left;
				background: url(../images/common/steeple_bg.jpg) bottom left no-repeat;
				}
			
				.pad { /* this is the inner div for fluid padding that should be the same for all interior pages */
				padding: 10px 85px 30px 85px;
				}
				
			td { /* this is going to affect every td on the site */
			vertical-align: top;
			}
	
			a { /* all links site wide */
			color: #3f8983;
			}
			
				a:hover {
				color: #74B8B2;
				}
			
/*
Footer for all pages
---------------------------------------- */
			
#footer {
clear: both;
background: #af4520;
border-bottom: 2px solid #8C6238;
}
	 
	ul#b_nav, ul#address {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
	 	
		ul#b_nav {
	 	padding-top: .5em;
	 	background: url(../images/footer_top.gif) repeat-x;
	 	}
	 		
	 		ul#b_nav li, ul#address li {
	 		margin-right: 3px;
	 		}
	 		
	 			ul#b_nav a {
	 			color: #fff;
	 			font-size: .95em; /* this gets them all on one line */
	 			text-decoration: none;
	 			}
	 			
	 				ul#b_nav a:hover {
	 				text-decoration: underline;
	 				}
					
						li#bn_active a {
	 					color: #F9E472;
						font-size: .95em; /* this gets them all on one line */
						text-decoration: none;
						}
	 		
	 	ul#address {
	 	color: #f3ba4d;
		padding-bottom: .5em;
		background: url(../images/footer_bottom.gif) repeat-x;
	 	}
	 	
	 		ul#b_nav li, ul#address li {
	 		display: inline;
	 		}

		.footer_bullet {
		padding-left: 9px;
		background: url(../images/footer_bullet.gif) 0 50% no-repeat;
		}
		
/*
Header Styles for all interior Pages
---------------------------------------- */

table#int_header {
width: 100%;
}

	table#int_header a { /* The uppercase palatino nav links */
	color: #373535;
	font-size: 1.2em;
	white-space: nowrap;
	text-decoration: none;
	padding-left: 10px;
	background: url(../images/bullet.gif) 0 50% no-repeat;
	}
					
		table#int_header a:hover {
		color: #af4520;
		}
		
			table#int_header #n_active a { /* The uppercase palatino nav links */
			color: #af4520;
			text-decoration: none;
			padding-left: 10px;
			background: url(../images/bullet.gif) 0 50% no-repeat;
			}
	
	td#main_logo {
	width: 232px;
	}

		td#steeple {
		text-align: right;
		}
	
	td#left_bg {
	width: 84px;
	}

		td#navcellone {
		padding: 10px;
		background: url(../images/header/nav_bg.jpg) top left no-repeat;
		}
		
		td#navcelltwo {
		padding: 10px 10px 10px 5px;
		background-color: transparent;
		}
		
			ul#navone, ul#navtwo {
			font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
			list-style: none;
			margin: 0;
			padding: 0;
			}

	td#leftedge {
	width: 16px;
	}
		
		td#stretch {
		width: auto;
		background: url(../images/header/bg.gif) repeat-x #fff;
		}
				
/*
Index.php Styles
---------------------------------------- */

table#indexlayout {
width: 100%;
}

td#navcell, td#rightborder, td#rightstretch {
height: 157px;
}
	
td#leftsteeple {
width: 84px;
}

td#navcell {
width: 200px;
padding: 10px 0 10px 10px;
background: url(../images/navbg.jpg) top left no-repeat;
}
		
	ul#nav {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	list-style: none;
	margin: 0;
	padding: 0;
	}
			
		ul#nav a {
		color: #373535;
		text-decoration: none;
		padding-left: 10px;
		background: url(../images/bullet.gif) 0 50% no-repeat;
		}
					
			ul#nav a:hover {
			color: #af4520;
			}
				
td#rightborder {
width: 17px;
background: url(../images/rightstretch.jpg) repeat-x;
}
		
td#rightstretch {
width: 20px;
background: url(../images/rightstretch.jpg) repeat-x;
}
	
td#mottocell {
background: url(../images/mottobg.jpg) top right no-repeat;
}

	#mottocontainer {
	width: 90%;
	height: 157px;
	background: url(../images/rightstretch.jpg) repeat-x;
	}
	
	td#mottocell h1.index_h1_title, td#mottocell h2.index_h2_title {
	
	font-style: italic;
	font-weight: normal;
	margin: 0;
	line-height: 1.2;
	letter-spacing: -.05em;
	}
		
		td#mottocell h1.index_h1_title {
		
		color: #e9c071;
		padding: 18px 0 0 0;
		}
					
			td#mottocell h2.index_h2_title {
			color: #e8cf9d;
			padding: 13px 0 0 0;
			}

	td#welcome h3 {
	margin: 0 0 5px 0;
	padding: 0;
	}

	td#welcome p {
	margin: 0;
	padding: 0 0 1em 20px;
	}
				
td#house {
width: 219px;
}
		
tr#events {
background: url(../images/orange_tile.jpg) repeat-x;
}
		
td#eventscell {
background: url(../images/eventscontainer_bg.jpg) top right repeat-x;
}
	
	#eventscontainer {
	padding: 10px 0 50px 0;
	background: url(../images/steepleright.jpg) no-repeat;
	}
		
			
		td#eventscell h3 {
		padding-left: 40px;
		background: url(../images/events_flourish.gif) 0 11% no-repeat;
		}

			ul#events_list {
			margin: 0;
			padding: 0 0 0 40px;
			list-style: none;
			}
							
				ul#events_list li {
				margin-bottom: 1em;
				}
						
					span.event_date {
					font-size: 120%;
					color: #82817e;
					font-style: italic;
					font-weight: bold;
					margin: 0 .5em 0 0;
					}
						
		td#eventscell h3 {
		color: #af4520;
		padding: 5px 0 10px 40px;
		margin: 0;
		}
		
/*
Mission.html Statement Styles
---------------------------------------- */

body#missionstatement {
background: url(../images/mission/mission_logo.gif) 95% 40px no-repeat #fff;
}

	#mission {
	width: 60%;
	float: left;
	display: inline; /* IE float fix */
	padding-bottom: 1em;
	background: url(../images/common/lg_grey_flourish.gif) bottom right no-repeat;
	}

	#mission p.statement:first-letter {
	font-size: 150%;
	}
			
	#mission h2 {
	color: #AF4420;
	margin-top: 1em;
	}
			
		#mission p.adopted {
		color: #959595;
		margin-top: 1em;
		line-height: 0em;
		}
		
	#committee {
	width: 30%;
	float: right;
	display: inline; /* IE6 double margin fix */
	}
			#committee h2 {
			font-weight: normal;
			color: #959595;
			margin: 0;
			padding: 0;
			line-height: 1.5;
			}
			
				#committee ul {
				list-style: none;
				margin: 0;
				padding: 0 0 0 10px;
				color: #000;
				border-left: 4px solid #ececec;
				}	
				

	/*
	Mission.html Goals Lists Styles
	---------------------------------------- */
	
	#goals_container {
	width: 100%;
	float: left;
	}

		#goalone {
		width: 30%;
		float: left;
		clear: left;
		margin: 10px 10px 10px 0;
		display: inline; /* IE6 double margin fix */
		}
	
		#goaltwo {
		width: 30%;
		float: left;
		clear: none;
		margin: 10px;
		display: inline; /* IE6 double margin fix */
		}
	
		#goalthree, #goalfour {
		width: 30%;
		float: right;
		margin: 10px 0 10px 10px;
		display: inline; /* IE6 double margin fix */
		}
	
			h2.goaltitle { /* The h2 on the mission page */
			font-size: 200%;
			color: #E79E3B;
			letter-spacing: -.05em;
			margin: 0;
			padding: 0;
			line-height: 1em;
			}
		
				span.number { /* the number part of the goal h2 */
				font-size: 200%;
				}
	
				p.emphasis { /* The brown paragraph */
				color: #AF4520;
				font-weight: bold;
				}
		
					span.italic { /* italic text in the brown paragraph */
					font-style: italic;
					font-weight: normal;
					}
		
			h3.objective {
			color: #E5A853;
			margin: 0;
			padding: 0;
			line-height: 1.5;
			}
			
				ul.obj_list {
				margin: 0;
				padding: 0 0 0 10px;
				list-style: none;
				border-left: 4px solid #EBD096;
				color: #000;
				}
			
					ul.obj_list li {
					margin-bottom: 1em;
					}

/*
History.html Styles
---------------------------------------- */

#parish_history, #st_history {
width: 100%;
float: left;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ececec;
}

	#parish_history img, #lost_prayer img {
	float: right;
	display: inline; /* ie float fix */
	margin: 0 0 10px 10px;
	}
	
.imageLeft { 
	float: left;
	padding:10px 20px 10px 0px;
}
	
		p.foreverhome { /* the grey 'forever home' bit */
		color: #959595;
		margin-top: 1em;
		line-height: 0em;
		}
	
	#st_history img {
	float: left;
	display: inline; /* ie float fix */
	}
	
#lost_prayer {
width: 95%;
float: right;
padding-bottom: 50px;
color: #555;
}

	#lost_prayer img {
	margin-top: 10px;
	}

	#lost_prayer h3.h3_subtitle {
	margin-bottom: 1em;
	font-variant: small-caps;
	color: #464646;
	}

		#lost_prayer p.lord {
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1em;
		}
		
			ul#losses {
			list-style: none;
			margin: 0 0 0 11px;
			padding: 0;
			}

/*
Mass-Schedule.php Styles
---------------------------------------- */

body#schedule #main {
padding-bottom: 150px;
}

#theschedule {
width: 55%;
float: left;
display: inline; /* IE float fix */
}
	
	#theschedule dl {
	margin: 1em 0 0 30px;
	}
		
		#theschedule dt {
		font-size: 218%;
		color: #E79E3B;
		letter-spacing: -.05em;
		}
		
			#theschedule dd {
			font-size: 118%;
			color: #AF4420;
			}
	
/*
Contact.php Styles
---------------------------------------- */

#contact_form_table { /* the table that encloses the form */
width: 500px;
margin: 0 auto 0 auto;
}

	#contact_form { /* the form itself */
	width: 100%;
	}
	
		/* color and borders for the form */
		
		#contact_form_table td {
		color: #AF4420;
		}
				
		span.req {
		color: #8A2906;
		font-size: 95%;
		font-style: italic;
		padding-left: .5em;
		}
				
		#contact_form input, #contact_form select, #contact_form textarea {
		color: #000;
		width: 100%;
		background: #FDF6E5;
		border: 1px solid #959595;
		margin-bottom: 1em;
		}
		
		#submit {
		width: 500px;
		margin: 0 auto 0 auto;
		}
			
			#contact_form .c_submit {
			width: auto;
			}
			
	#copy-header {
	font-size: 110%;
	color: #363636;
	font-style: italic;
	}
	
#contact_list {
width: 450px;
margin: 0 auto 0 auto;
}

	#contact_list table {
	width: 100%;
	}
	
		#contact_list th {
		text-align: left;
		color: #AF4420;
		}
	
		tr.even {
		background: #FDF6E5;
		}
			
/*
Events.php (Calendar) Styles
---------------------------------------- */

#thecalendar {
width: 100%;
padding: 1px;
}
	
	td.calendar_month, td.prevmonth, td.nextmonth {
	vertical-align: middle;
	text-align: center;
	}
			
		td.prevmonth, td.nextmonth {
		font-size: 120%;
		}
	
	td.calendar_month {
	font-size: 218%;
	color: #E79E3B;
	letter-spacing: -.05em;
	}
		
		td.calendar_day {
		font-size: 118%;
		color: #AF4420;
		background: #FDF6E5;
		text-align: center;
		vertical-align: middle;
		border-top: 1px solid #959595;
		border-bottom: 1px solid #959595;
		}
		
			td.calendar_today { /* the current day */
			font-weight: bold;
			background: #FFFAEF;
			}
	
			td.calendar_day_left, td.calendar_day_right {
			font-size: 118%;
			color: #AF4420;
			background: #FDF6E5;
			text-align: center;
			vertical-align: middle;
			padding-left: 5px;
			}
			
				td.calendar_day_left {
				border-top: 1px solid #959595;
				border-bottom: 1px solid #959595;
				border-left: 1px solid #959595;
				}
				
				td.calendar_day_right {
				border-top: 1px solid #959595;
				border-bottom: 1px solid #959595;
				border-right: 1px solid #959595;
				}
				
		td.calendarcell, td.calendar_today {
		font-size: 110%;
		border-right: 1px solid #959595;
		border-bottom: 1px solid #959595;
		padding: 4px;
		}
				
			td.calendarcell_left {
			font-size: 110%;
			padding: 4px;
			border-right: 1px solid #959595;
			border-bottom: 1px solid #959595;
			border-left: 1px solid #959595;
			}
			
/*
Events.php (Detail) Styles
---------------------------------------- */

.event_text {
width: 45%;
float: left;
margin-right: 20px;
padding-bottom: 100px; /* till i find out if the images are gonna be the same sizes */
}
			
/*
Organizations Page Styles
---------------------------------------- */

body#organizations div.pad h3.h3_subtitle, body#organizations div.pad p, body#organizations div.pad ul, body#organizations div.pad ol, body#organizations div.pad blockquote {
margin-left: 20px;
}

body#organizations div.pad ol {
padding-left: 25px;
}

	.floatright { /* i don't know if using a class for such a simple thing is a good idea, but lets try it */
	float: right;
	}
	
	.floatleft {
	float: left;
	}
	
/*
Weekly Bulletin Page Styles
---------------------------------------- */

body#bulletin .pad {
padding-bottom: 150px;
}



/* home page donate button 
--------------------------------------------*/
	#donate img{
	border:none;
	float:right;
	margin:5% 15% 0 0;
	}
	
/* News Listing */
.news-listing { padding-bottom: 15px; }