/* Theme Name: St. Xavier Church General Styles
Theme URI: http://www.stxchurch.org
Description: None
Version: 1.0
Author: Matt Radel on March 2nd, 2008
Author URI: http://#
    */

body {
	font-family: "lucida grande", "lucida sans", "lucida sans unicode", arial, sans-serif;
	background: url(img/bkg.png) repeat-x #0f72b6;
    color: #4d2d0e;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

p {
	margin: 3px 0 5px 0;
	font-family: "lucida grande", lucida, arial, sans-serif;
	font-size: 14px;
}

#schedule p{
	margin: 3px 0 5px 0;
	font-family: "lucida grande", lucida, arial, sans-serif;
	font-size: 12px;
	line-height:1.2em;
}

#schedule h2 {
		color: #95151e;
		font-size: 14px;
		font-family: palintino, georgia, serif;
		font-weight: normal;
		font-style: italic;
		margin: 4px 0 8px 0;
	}



a:link {
	color: #336699;
}

a:visited {
	color: #336699;
	text-decoration: none;
	border-bottom: 1px dotted #336699;
}

a:hover {
	color: #336699;
	text-decoration: none;
	background-color: #fff
}

/* Structure */

#mainContainer {
	background: url(img/body_bkg.png) no-repeat center top;
	width: 900px;
	margin: 0 auto;
}

#mainContainer2 {
	background: url(img/body_bkg_repeat.png) repeat-y center top;
	width: 900px;
	margin: 0 auto;
}

	/* Header Styles */

	#header {
		background: url(img/header_bkg.png) no-repeat top center;
		width: 900px;
		height: 181px;
		position: relative;
	}
	
	 	#printLogo {
	 		display: none;
	 	}
	
		#header a#logo {
			position: absolute;
			top: 18px;
			left: 60px;
			background: url(img/logo.png) no-repeat;
			width: 294px;
			height: 81px;
			overflow: hidden;
			text-indent: -999em;
			margin: 0;
			padding: 0;
		}
		
		#header a#logo:visited {
			text-decoration: none;
			border: none;
		}
		
		#header input {
			background-color: #e5eefd;
			width: 199px;
			font-family: Palatino, Georgia, serif;
			color: #3675e4;
			font-size: 16px;
			height: 25px;
			line-height: 12px !important;
			padding: 5px 0 0 8px;
			margin: 0;
			voice-family: "\"}\""; 
  			voice-family:inherit;
  			width: 191px;
			height: 20px;
			border: 1px solid #e5eefd;
		}
		
		#header div.siteSearch {
			position: absolute;
			top: 40px;
			right: 80px;
		}
		
		#searchForm {
			position: relative;
			width: 275px;
			height: 27px;
			border: 3px solid #0f76b7;
		}
		
			#searchForm button {
				position: absolute;
				right: 0;
				top: 0;
				border: 0;
				margin: 0;
				padding: 0;
				width: 74px;
				height: 27px;
				overflow: hidden;
				text-indent: -999em;
				background: url(img/search_btn.png) no-repeat;
			}
			
			#searchForm button:hover {
				background: url(img/search_btn.png) no-repeat 0 -27px;
				cursor: hand;
				cursor: pointer;
			}
			
	#banner {
		position: absolute;
		width: 772px;
		height: 230px;
		top: 109px;
		left: 58px;
		z-index: 1;
	}
	
	/* Body Styles */
	
	#bodyWrap {
		width: 756px;
		margin: 152px auto 0 auto;
	}
	
		#leftColumn {
			float: left;
			width: 202px;
			padding-bottom: 30px;
		}
		
		#mainColumn {
			float: right;
			position: relative;
			right: 32px;
			width: 500px;
			padding: 8px 0 30px 0;
		}
		
		.clear {
			clear: both;
			font-size: 1px;
			line-height: 1px;
		}
	
	/* Footer Styles */
	
	#footer {
		position: relative;
		background: url(img/footer.png) no-repeat;
		width: 900px;
		height: 155px;
		font-size: 12px;
		color: #fff;
	}
	
		#footer p {
			position: absolute;
			top: 52px;
			left: 97px;
			font-size: 12px;
		}
		
		#footer a {
			color: #fff;
		}
		
		#footer a:visited {
			color: #fff;
		}
		
		#footer a:hover {
			color: #fff;
			text-decoration: none;
			background-color: transparent;
		}
		
		 address {
		 	position: absolute;
			top: 15px;
			right: 112px;
			line-height: 1.7em;
			font-style: normal;
		 }
		 
	/* Nav Styles */
	
	#nav {
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #ccbb91;
	}
	
	/* Level 1 */
	
	#nav li a {
		display: block;
		background: url(img/arrow_tan.png) no-repeat left center;
		font-family: palintino, georgia, serif;
		font-size: 16px;
		padding: 4px 10px 4px 18px;
		color: #4d2d0e;
		text-decoration: none;
		border-bottom: 1px solid #ccbb91
	}
	
	#nav li a:hover {
		background-color: #fff;
	}
	
	#nav li a.on {
		background-color: #fff;
		color: #00348F;
		font-style: italic;
	}
	
	/* Level 2 */
	
	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav li li a {
		display: block;
		background-image: none !important;
		background-color: #DFCEA7;
		font-family: "lucida grande", "lucida sans", "lucida sans unicode", arial, sans-serif;
		font-size: 12px;
		padding: 2px 10px 2px 18px;
		color: #4d2d0e;
		text-decoration: none;
		border-bottom: 1px solid #ccbb91
	}
	
	#nav li li a:hover {
		background-color: #fff;
	}
	
	#nav li li a.on {
		background-color: #fff;
		color: #00348F;
		font-style: italic;
	}
	
	/* Level 3 */
	
	#nav li li li a {
		display: block;
		background-image: none !important;
		background-color: #BFAD83;
		font-family: "lucida grande", "lucida sans", "lucida sans unicode", arial, sans-serif;
		font-size: 12px;
		padding: 2px 10px 2px 26px;
		color: #4d2d0e;
		text-decoration: none;
		border-bottom: 1px solid #ccbb91
	}
	
	#nav li li li a:hover {
		background-color: #fff;
	}
	
	/* Text Styles */
	
	h1 {
		color: #00348F;
		font-size: 28px;
		font-family: palintino, georgia, serif;
		font-weight: normal;
	        margin: 5px 0 10px 0;
                line-height: 1.1em;
	}
	
	h2 {
		color: #95151e;
		font-size: 21px;
		font-family: palintino, georgia, serif;
		font-weight: normal;
		font-style: italic;
		margin: 4px 0 8px 0;
	}
	
     h4 {
		color: #00348f;
		font-size: 18px;
		font-family: palintino, georgia, serif;
		font-weight: bold;
	    margin: 40px 0 0px 0;
        line-height: .3em;
		
		}
		
	 h5 {
		color: #4d2d0e;
		font-size: 12px;
		font-family: "lucida grande", lucida, arial, sans-serif;
		font-weight: bold;
	    margin: 15px 0 15px 0;
        line-height: .3em;
		}
	
	/* Form Styles */
	
	.red {
		color: #95151e;
		font-size: 17px;
	}
	
	form {
		display: inline;
	}
	
	label {
		display: block;
		width: 175px;
		float: left;
		margin-bottom: 6px;
		text-align: right;
		padding-right: 6px;
		font-size: 14px;
		line-height: 1.8em;
	}
	
	label.required {
		font-weight: bold;
	}
	
	form br {
		clear: left;
	}
	
	input {
		color: #3675e4;
		font-size: 14px;
	}
	
	select {
		font-size: 14px;
	}
	
	textarea {
		color: #3675e4;
		font-size: 14px;
	}
	
/* stefan added the following code to correct photo alignment issues
    */
.alignright { float: right !important; margin:0 0 15px 15px !important; }
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}