/* CSS Document 
Austin Diocese CSS Stylesheet 
USE THIS STYLESHEET FOR THE HOEMAPGE - index.php
*/

body {
	font-family: Veranda, Tahoma, sans-serif;
	font-size: 1.1em;
	color: #000000;
	padding: 0em;
	margin: 0em;
	text-align: center;
	background: #6699CC;
}

p, h1, h2, h3 {margin: 0; padding: 0;}

a:link { font-weight: bold; color: #003f77; text-decoration: underline; }
a:visited { font-weight: bold; color: #990000; text-decoration: underline; }
a:hover { font-weight: bold; color: #CC6666; text-decoration: none; }
a:active { font-weight: bold; color: #003f77; text-decoration: none; }

h1 { font-family: Veranda, Tahoma, sans-serif; font-size: 200%; font-weight: bold; color: #003f77; line-height:1em; }
h2 { font-family: Veranda, Tahoma, sans-serif; font-size: 150%; font-weight: bold; color: #003f77; }
h3 { font-family: Veranda, Tahoma, sans-serif; font-size: 120%; font-weight: bold; color: #003f77; }



/* -------------- CONTAINER ----------------- */
#container { 
	width:820px;
	height:auto;
	float: left;
	margin-left: auto; margin-right: auto; margin-top:0; margin-bottom:0;
	padding-left: 10px; padding-right: 0em; padding-top: 0em; padding-bottom: 0em;
	text-align:left;
	border:0;
	background-image:url(../images/template/background_homepage.gif);
	background-repeat:repeat-y;
}
	
	/* -------------- MASTHEAD ----------------- */
	#masthead { 
		width:800px;
		height:250px;
		float: left;
		margin-left: auto;
		margin-right: auto;
		margin-top:0em;
		padding:0;
		background-color:#FFFFFF;
		background-image:url(../images/template/masthead_bg.jpg);
	}
	
	/* -------------- TOP NAVIGATION ----------------- */
		#top_nav { 
			font-size: 70%;
			width: 770px;
			float:left;
			padding-top:8px; padding-right: 30px; padding-bottom:9px;
			margin:0em; 
			word-spacing:4em;
			text-align:right;
			background-image:url(../images/template/navtop_bg.jpg);
			background-position:top;
			background-repeat:repeat-x;
			background-color:#006699;
		}
		
		#top_nav a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
		#top_nav a:link, a:visited { text-decoration: none; }
		#top_nav a:hover { text-decoration:underline; color:#FFFFCC; }
		
		
	
	/* -------------- LEFT SIDE ----------------- */
	#left_side { 
		font-size: 70%;
		width:150px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		float:left;
	}
	
	
		/* -------------- SIDE NAVIGATION ----------------- */
		#navside {
			float:left;
			width:150px;
			margin-top:-2em;
		}
		#navside h1 { visibility:hidden; padding:0em; margin:0em; }
		#navside h3 a { 
			font-size: 80%;
			font-weight:bold;
			margin-top:-1.3em; margin-bottom:-1.2em; 
			padding-left:5px; 
			color:#826A05; 
			background:#D5CB8C; 
			border: none;
		}
		#navside h3 a:hover { 
			color:#826A05; 
			background:#D5CB8C;
		}
		#navside p { margin: 5px; padding: 5px; }
		
		#navside ul { 
			list-style-type: none; 
			margin: 0em; 
			padding: 0em;
		}
		#navside li { 
		display:inline;
		
		}
		#navside a {
		width:auto;
		display: block;
		padding:5px;
		color: #F4EED6;
		text-decoration:none;
		font-weight:normal;
		background: #C2AC4E;
		border-bottom: #BAA13A solid 1px;
		border-top: #DED093 solid 1px;
		}
		#navside a:hover {
		background: #A68C1E;
		color: #FFFFFF;
		}
		
			#navside li li a {
			display: block;
			padding:5px;
			padding-left:10px;
			color: #826A05;
			text-decoration:none;
			font-weight:normal;
			background: #E3DBAC;
			border-bottom: none;
			border-top: none;
			}
			#navside li li a:hover {
			background: #D5CB8C;
			color: #826A05;
			}
			
				#navside li li li a {
				/* display: block; */
				padding-top: 2px; padding-bottom: 2px;
				padding-left:20px;
				color: #826A05;
				text-decoration:none;
				font-size: 90%;
				font-weight:normal;
				background: #E3DBAC;
				border-bottom: none;
				border-top: none;
				}
				#navside li li li a:hover {
				/* background: #D5CB8C; */
				background: none;
				color: #826A05;
				}
		
		/* -------------- NEWSLETTER SIGNUP BOX ----------------- */
		#newsletter_form { 
			width:140px;
			margin:0em; 
			padding: 5px;
			/* font-size: 1em; */
			background-color: #6699CC;
			background-image:url(../images/template/bg_newsletter_signup.gif);
			background-repeat:repeat-x;
			color: #FFFFFF;
			border-top: #FFFFFF solid 1px;
			border-bottom: #006699 solid 1px;
		}
		#newsletter_form input.email { 
			width:130px;
			margin-top:2px; margin-bottom:2px;
			padding:2px;
			font-size: 90%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background: #F3F6F9;
			border: #003366 solid 1px;
			color:#003366;
		}
		#newsletter_form input.button { 
			margin-top:2px; margin-bottom:2px;
			padding:0em;
			font-size: 90%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#003366;
		}
	
		/* -------------- QUICKLINKS BOX ----------------- */
		#quicklinks { 
			width:140px;
			margin:0em; 
			padding: 5px;
			/* font-size: 1em; */
			background-color: #990000;
			background-image:url(../images/template/bg_quicklinks.gif);
			background-repeat:repeat-x;
			color: #FFFFFF;
			border-top: #FFFFFF solid 1px;
			border-bottom: #990000 solid 1px;
		}
		#quicklinks h3 { font-family: Veranda, Tahoma, sans-serif; font-size: 1.2em; font-weight: bold; color: #FFFFFF; }
		#quicklinks ul { 
			margin-top: 0em; margin-bottom: 0em; 
			margin-left: 2em; margin-right: 2em;
			padding: 0em;
		}
		#quicklinks a {
		color: #FFFFFF;
		text-decoration:none;
		}
		#quicklinks a:hover {
		text-decoration:underline;
		}
	
	
	/* -------------- RIGHT SIDE ----------------- */
	#right_side { 
		font-size: 70%;
		margin-left: auto; margin-right: auto; margin-top: 0em; margin-bottom: 0em;
		width: 650px;
		float:left;
	}
		
		/* -------------- CONTENT ----------------- */
		#content {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0em;
	padding: 0em;
	line-height:normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		}
		#content hr.invisible { 
			margin: 0em;
			padding: 0em;
			border: 0em;
			visibility:hidden;
		}
		
		#content p, h1, h2, h3 { margin-bottom: 0em; margin-top: 0em; }
		#content a:link { font-weight: bold; color: #003f77; text-decoration: none; }
		#content a:visited { font-weight: bold; color: #990000; text-decoration: none; }
		#content a:hover { font-weight: bold; color: #CC6666; text-decoration: none; }
		#content a:active { font-weight: bold; color: #003f77; text-decoration: none; }
		#content img { border:1px solid #000000; margin:5px; }
		#content img.noborder { border:0; margin:0; padding:0; }
		
		#content h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 160%;
	margin-bottom: 0.2em;
	margin-top: 1em;
	ccolor: #003f77;
		}
		
		
		/* -------------- COLUMNS IN CONTENT DIV ----------------- */
		/* -------------- 490 px total width ----------------- */
		#column_1 p { margin-bottom: 1em; font-size: 1.2em;}
		#column_1 { 
			padding: 10px;
			float:left;
			width:200px; height:auto;
			text-align:left;
			vertical-align:top;
		}
		#column_1_wide p {
	margin-bottom: 1.2em;
}
		#column_1_wide {
	padding: 10px;
	float:left;
	width:395px;
	height:auto;
	text-align:left;
	vertical-align:top;
		}
		#column_2 p {
	margin-bottom: 1.2em;
}
		#column_2 { 
			padding: 10px;
			float:left;
			width:195px; height:auto;
			text-align:left;
			vertical-align:top;
		}
		#column_3 p { margin-bottom: 1em; }
		#column_3 { 
			padding: 10px;
			float:left;
			width:195px; height:auto;
			text-align:left;
			vertical-align:top;
		}
		
		
		/* -------------- RECORD TITLES ----------------- */
		.row_head { font-weight:bold; color:#FFFFFF; }
		td.row_head { background-color:#006699; }
		#content a.row_head:link { color: #FFFFFF; text-decoration:none; }
		#content a.row_head:visited { color: #FFFFFF; text-decoration:none; }
		#content a.row_head:active { color: #FFFFCC; text-decoration:underline; }
		#content a.row_head:hover { color: #FFFFCC; text-decoration:underline; }
		
			
			/* -------------- TITLES ----------------- */
			.title { font-weight: bold; }
			
			/* -------------- ZEBRA STRIPING FOR TABLE ROWS ----------------- */
			.row_a { background-color:#F3F6F9; }
			.row_b { background-color:#E4EDF5; }
			.row_c { background-color:#D3E1EE; }
			.row_d { background-color:#C4D8E9; }
			.row_hilight { background-color:#F4F0D7; }
			
			/* -------------- ARROWS FOR UNORDERED LISTS ----------------- */
			.arrow_red ul { 
				list-style-type: none;
				margin:0em; 
				padding:0em; 
			}
			.arrow_red li { 
				list-style-type: none; 
				background-image: url(../images/template/arrow_red.gif);
				background-repeat: no-repeat;
				background-position: 0 .4em;
				padding-left: .75em;
				margin-left: -3.75em;
			}
			.arrow_red a:link { font-weight: bold; color: #990000; text-decoration: underline; } /* COPIED FROM DEFAULT */
			.arrow_red a:visited { font-weight: bold; color: #990000; text-decoration: underline; }
			.arrow_red a:hover { font-weight: bold; color: #CC6666; text-decoration: none; }
			.arrow_red a:active { font-weight: bold; color: #CC6666; text-decoration: none; }
			
			/* -------------- SPANISH HIGHLIGHTS ----------------- */
			.spanish { 
				font-weight: bold;
				color:#996666;
			}
			
			/* -------------- TWO-COLUMN FLOAT ----------------- */
			#float_list .title { font-weight: bold; color: #006699; }
			#float_list ul { margin:0em; padding:0em; }
			#float_list li {
				width:44%; /* Change this value proportionally to how many columns you want */
				list-style-type: none;
				font-size: 120%;
				color: #000;
				font-weight: bold;
				float:left;
				/* background-color:#F3F6F9; Background color for each record box */
				/*padding:2px;
				margin-left:0em;*/
				margin-right:10px;
				margin-bottom:10px;
				padding:10px;
			}
			
			#float_detail .title { font-weight: bold; color: #006699; }
			#float_detail ul { margin:0em; padding:0em; }
			#float_detail li {
				width:auto;
				font-size: 83%;
				font-weight: normal;
				float: none;
				margin: 0;
				padding:5px;
				background-color:#E4EDF5; /* Background color for detail box */
				line-height:normal;
			}
			
			/* -------------- SINGLE CENTERED BOX ----------------- */
			#single_box .title { font-weight: bold; color: #003366; font-size: 1.5em;}
			#single_box ul { margin-left:auto; margin-right:auto; padding:0; }
			#single_box li {
				width:auto;
				list-style-type: none;
				font-size: 65%;
			}
			
			
			#single_box_detail { margin-top:1em; padding:5px; background-color:#E4EDF5; }
			#single_box_detail .title { font-weight: bold; color: #006699; font-size: 75%;}
			#single_box_detail p { 
				margin-top:1em; 
				padding:0em; 
				font-size: 65%; 
				font-weight: normal;
			}
			#single_box_detail ul { margin:0em; padding:0em; height:auto; }
			#single_box_detail li {
				width:auto;
				font-size: 65%;
				font-weight: normal;
				float: none;
				margin:0em;
				padding:5px;
				background-color:#E4EDF5; /* Background color for detail box */
				line-height:normal;
			}
			
			/* -------------- RECORD DETAIL BOX ----------------- */
			#detail_box { 
				margin:0em; 
				padding:5px;
				border:0em; 
				line-height:normal;
				background-color:#E4EDF5;
				display:inline;
				width:100%;
				height:auto;
				color:#003366;
			}
			table.detail_box { 
				padding:5px;
				border:0em; 
				line-height:normal;
				background-color:#E4EDF5;
				width:100%;
				color:#003366;
			}
			h2.detail_box { margin-top:0em; }
			
			/* -------------- COLORED BOXES FOR HIGHLIGHTED CONTENT ----------------- */
			#box_a { 
				margin:0em; 
				padding:5px;
				border:0em; 
				color:#003366;
				background-color:#F3F6F9;
			}
			#box_a {  
				margin:0em; 
				padding:5px;
				border:0em; 
				color:#003366;
				background-color:#F3F6F9; 
			}
			#box_b {  
				margin:0em; 
				padding:5px;
				border:0em; 
				color:#003366;
				background-color:#E4EDF5; 
			}
			#box_c {  
				margin:0em; 
				padding:5px;
				border:0em; 
				color:#003366;
				background-color:#D3E1EE; 
			}
			#box_d {  
				margin:0em; 
				padding:5px;
				border:0em; 
				color:#003366;
				background-color:#C4D8E9; 
			}
			#box_hilight {  
				margin:0em; 
				padding:5px;
				border:0em; 
				color:#003366;
				background-color:#F4F0D7; 
			}
			
			/* ------------- FLOATED IMAGE BOX ------------------ */
			#image_right {  
				margin:0em;
				padding:5px;
				float:right;
				display:inline;
				font-weight:normal;
				line-height:normal;
			}
			#image_right a:link { font-weight: normal; color: #003366; text-decoration: none; } /* COPIED FROM DEFAULT */
			#image_right a:visited { font-weight: normal; color: #003366; text-decoration: none; }
			#image_right a:hover { font-weight: normal; color: #006699; text-decoration: underline; }
			#image_right a:active { font-weight: normal; color: #006699; text-decoration: underline; }
			#image_right img { border:1px solid #000000; margin:0em; padding:0em; }
			
			.float_right { float:right; }
			.float_left { float:left; }
			.clearboth { clear:both; } /* Used for clearing floats */
			
			/* ------------- ADDITIONAL LINKS ------------------ */
			#additional_links {  
				margin-left:10px; margin-right:0em; margin-top:0em; margin-bottom:10px;
				padding:5px;
				background: url(../images/template/additional_links_top.gif) #E4EDF5 top repeat-x;
				float:right;
				display:inline;
				width:150px;
				font-weight:normal;
				line-height:normal;
			}
			#additional_links ul { 
				list-style-type: none;
				margin:0em; 
				padding:0em; 
			}
			#additional_links li { 
				list-style-type: none; 
				background-image: url(../images/template/arrow_blue.gif);
				background-repeat: no-repeat;
				background-position: 0 .8em;
				padding-left: .8em;
				margin-left: 0em;
				padding-bottom: .5em;
				padding-top: .5em;
			}
			#additional_links a:link { font-weight: normal; color: #003366; text-decoration: none; } /* COPIED FROM DEFAULT */
			#additional_links a:visited { font-weight: normal; color: #003366; text-decoration: none; }
			#additional_links a:hover { font-weight: normal; color: #006699; text-decoration: underline; }
			#additional_links a:active { font-weight: normal; color: #006699; text-decoration: underline; }
			
			#additional_links .title { 
				font-weight: bold; 
				color: #FFFFFF; 
				text-decoration: none; 
				margin-top:0em;
				padding-top:0em;
			}
	
	/* -------------- FOOTER ----------------- */
	#footer { 
		font-size: 60%;
		width:810px;
		height:auto;
		font-family: Arial, Veranda, Tahoma, sans-serif;
		color: #EFEFEF;
		float: left;
		text-align:center; 
		background-image:url(../images/template/background_homepage_footer.gif);
		background-repeat:no-repeat;
		padding: 10px;
		margin: 0em;
	}
	
	#footer a:link, a:visited { font-weight: normal; color: #003366; text-decoration: underline; }
	#footer a:hover { font-weight: normal; color: #336699; text-decoration: none; }
	
	
	
/* -------------- CATHEDRAL IMAGE ----------------- */
#cathedral { 
	width:353px;
	height:312px;
	top:1px;
	margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: -40px;
	padding: 0em;
	background:url(../images/template/cathedral_homepage.gif) top left no-repeat;
	position:absolute;
	z-index:200;
}