/* CSS Styles for Cathedral Guadalupe website  */

/* HTML Tag Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FDF6DF;
	margin: 0px;
}

p {
	line-height: 18px;
	margin: 5px 0;
	padding: 0 10% 5px 40px;}

/* Main Container for all Divs */
#main {
	margin: 0px auto;
	background-color: #fff;
	background-image:url(images/redbkgd.gif);
	background-position:left;
	background-repeat:repeat-y;
	color: #333;}
	

/* Header Styles for homepage */
#header {
	width: 100%;
	height: 100px;
	background-color: #5998d3;
	background-image:url(images/cg_header_03.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	clear: both;}
#head1 {
	width:270px;
	float:left;}	
	
/* Header Styles for interior pages */
#header2 {
	width: auto;
	background-color: #5998d3;
	background-image:url(images/cg_header_alt_02.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin-left: 160px;
	padding: 0;}			
		
	
/* Red Sidebar containing logo, etc. */
#sidebar {
	float: left;
	clear: left;
	width: 160px;
	background-color:#890C08;
	height: 100%;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0;} 	
#sidebar p {
	font-size: 10px;
	line-height: 12px;
	color: #f6dfa9;
	font-weight:bold;
	margin: 10px 0 0 0;
	padding: 0;}
#sidebar p a {
	color: #f6dfa9;}
#sidebar p a:link, #sidebar p a:visited {
	text-decoration: none;}
#sidebar p a:hover {
	text-decoration: underline;
	color: #FFFFFF;}
#sidebar p a:active {
	text-decoration: underline;}	
	
		
/*Menubar Styles */
#menubar {
	height: auto;
	background-color: #f6dfa9;
	/* for an idea about adding drop shadow along side of sidebar
	background-image:url(../images/menubkgd.gif);
	background-position:left;
	background-repeat:repeat-y;  */
	margin: 0 0 0 160px;
	padding: 1px 0 0 40px;}	

/* Main Page Content */
#content {
	margin: 0 0 0 160px;
	padding: 0;}
		
#content h1 {
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	color: #890c08;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #890c08;
	margin: 35px 25px 20px 25px;
	padding:  0 50px 0 15px;}
#content h2 {
	font-size: 15px;
	line-height: 18px;
	color: #5998d3;
	margin: 7px 0 0 0;
	padding: 0 50px 0 40px;}
#content h3 {	
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 18px;
	color: #890c08;
	font-weight: normal;
	margin: 7px 0 0 0;
	padding: 0 50px 10px 40px;
	text-transform: uppercase;}
	
#content img {
	float: right;
	margin: 0 0 5px 15px;
	padding: 0;
	border: 1px solid #f6dfa9;}	

#mainimg {
	margin: 0 0 0 160px;
	padding: 0;}
	
/* Footer Styles */
#footer {
	width: 100%;
	height: 10px;
	background-color: #f6dfa9;
	margin: 0;
	padding: 2px 0;
	clear:both;}
#footer p {
	font-size: 10px;
	line-height: 11px;
	text-align:center;
	color: #333;
	margin:0;
	padding:0;}
	
	
/* Text on Homepage */
.intro {
	font-size: 15px;
	line-height: 22px;
	margin: 15px 0 10px 0;
	padding-top: 10px;}	
	

/* Parish Life Info */
.org1 {
	width: 75%;
	border: 1px dotted #890c08;
	background-color: #efcc90;
	margin: 10px 25px 10px 40px;
	padding:  5px 10px;
	clear: right;}
	
.org2 {
	width: 75%;
	border: 1px dotted #890c08;
	background-color: #f6dfa9;
	margin: 10px 25px 10px 40px;
	padding:  5px 10px;
	clear: right;}	
	
.org3 {
	width: 75%;
	border: 1px dotted #890c08;
	background-color: #fdf6df;
	margin: 10px 25px 10px 40px;
	padding:  5px 10px;
	clear: right;}
	
#content .logo {
	float: right;
	margin: 0;
	padding: 2px;
	width: 100px;
	background-color: #fff;
	border: 1px solid #890c08;}
	
#content .logo img {
	border: none;
	margin: 0;
	padding: 0;}
	
#content .org1 h2, #content .org2 h2, #content .org3 h2 {
	font-size: 15px;
	line-height: 18px;
	color: #890c08;
	margin: 5px 0 10px 0;
	padding: 0;}		
	
#content .org1 p, #content .org2 p, #content .org3 p {
	font-size: 12px;
	line-height: 16px;
	margin: 2px 0 10px 0;
	padding: 0;
	color: #000;}
	
#content .org1 h4, #content .org2 h4, #content .org3 h4 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	color: #890c08;}	
	
#content .org1 h6, #content .org2 h6, #content .org3 h6 {
	font-size: 10px;
	line-height: 14px;
	margin: 0 0 10px 0;
	padding: 0;
	font-style: italic;
	font-weight: normal;
	color: #000;}	

.sidebarbutton a {
	display: block;
	text-align:center;
	background-color: #F6DFA9;
	font-size: 11px;
	line-height: 13px;
	margin: 8px 10px;
	padding: 4px;
	}
.sidebarbutton a:link {
	text-decoration: none;
	color:  #3279BA;
	}
.sidebarbutton a:visited {
	text-decoration: none;
	color: #3279BA;
	}
.sidebarbutton a:hover {
	text-decoration: none;
	color: #890C08;
	}
.sidebarbutton a:active {
	text-decoration: none;
	color: #3279BA;
	}
/* mass sched for Mass section */
.mass	{
	border: 1px solid #890c08;
	margin: 0 50px 25px 40px;}
.mass th {
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	background-color: #Efcc90;
	color: #890c08;
	font-size: 14px;
	padding: 2px 5px;
	margin: 0;
	text-transform: capitalize;}
.mass th i {
	font-weight: normal;
	font-style: italic;}	
.mass h6 {
	font-size: 14px;
	line-height: 16px;
	margin: 5px 0;
	padding: 0 0 5px 0;}
.mass h6 i {
	margin: 5px 0;
	padding: 0;
	font-weight: normal;
	font-style: italic;}	
	
.plainlink a:link {
	color: #000000;
	text-decoration: none;
	}
.plainlink a:visited {
	color: #555555;
	text-decoration: none;
	}
.plainlink a:hover {
	color: #000000;
	text-decoration: underline;
	}
.plainlink a:active {
	color: #FF0000;
	text-decoration: underline;
	}