/* CSS Document */


/* -----------------------------------
Site:       St. Mary's - version 12
Updated:	04/05/2011

Document Sections:

	- Global
	- Headers
	- Global 2nd part
	- Right Sidebar area	
	- (Page Specific)
		- Upcoming Events section
		- Soccer Page
		- Contact Us page
	- Footer
	
----------------------------------- */


/* =============== GLOBAL =============== */


body{
	padding:0px;
	margin:0px;
	background-color:#2C292A;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .75em;
	max-width: 1440px;		/* added by G */
}

h1{
	color:#BA5A13;
	font-size:1.5em;
	margin-top:20px;
	margin-bottom:20px;
}

h2{
	color:#BA5A13;
	font-size:1.2em;
}

h3{
	font-size:1em;
	color:#EAB488;
	margin:0px;
}

h4{
	font-size:1.1em;				/* Version 10: Made bigger. Use to be 1em */
	color:#BA5A13;
	font-style:normal;
	margin-bottom:20px;
}

h5{
	font-size:1.1em;				/* Version 10: Made bigger. Use to be 1em */
	color:#BA5A13;
	text-decoration:underline;
	margin:0px;
}

h6 {								/* Implemented <h6> tags for Upcoming Events section in Side Bar. <h4> also sometimes used in this section
										NOTE: This h6 rule can be deleted once #upcoming_events rules are finished. */
	font-size: 1em;
	font-weight: bold;
	margin-bottom:10px;
}


.title_bar{
	font-family:"Times New Roman", Times, serif;
	font-size:2.1em;
	padding-left:35px;
	padding-top:7px;
	padding-bottom:7px;
	width:auto;
}

.beige_title{
	color:#e8ccaa;
}

.orange_title{
	color:#f9aa4b;
}

.sky{
	background:url(images/sky.jpg) no-repeat;
}


/* =============== HEADERS =============== */


.header{
	width:auto;
	height:150px;
	padding:0px;	
}


.home_header{
	clear:both;
	width:100%;  
	height:150px;
	background:url(images/header2011-A1.jpg) no-repeat;  /* Gnote: I removed the repeat-x, added no-repeat */
}


.new_parishioners_header{
	clear:both;
	width:100%;
	height:150px;
	background:url(images/header2011-A2.jpg) no-repeat; 	/* Gnote: I removed the repeat-x, added no-repeat */
}


.sacraments_header{										/* Gnote: I added this class sacraments */
	clear:both;
	width:100%;
	height:150px;
	background:url(images/Header-A3.jpg) no-repeat;		/* Gnote: I removed the repeat-x, , added no-repeat */
}


.youth_ministry_header{
	clear:both;
	width:100%;
	height:150px;
	background:url(images/header2011-A4.jpg) no-repeat;	/* Gnote: I removed the repeat-x, , added no-repeat */
	
}


.contact_us_header{
	clear:both;
	width:100%;
	height:150px;
	background:url(images/header2011-A6.jpg) no-repeat;	/* Gnote: I removed the repeat-x, added no-repeat */
}



/* =============== GLOBAL 2nd Part =============== */



.link_bar{
	font-size:1.15em;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	text-align:left;
}

.link_bar a{
	color:#EFEFEF;
	text-decoration:none;
}

.link_bar a:hover{
	color:#CCCCCC;
}

.active_page{
	color:#EAB488;
}

.main_container{
	background-color:#FFFFFF;
	width:100%;
	max-width: 1440px;						/* added by G */
}

.left_menu_bar{
	background-color:#6F6F6F;
	width:200px;
	padding-bottom:100px;
}

.content{
	width:auto;
	background:inherit;
}

.content_text{
	margin-top:55px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:100px;
	line-height:17px;
	text-align:justify;
}

.content_text p{
	font-size: 1.1em;						/* Version 10: added by G  */
}



.blue_line{
	background:url(images/blueline-1b.gif) repeat-x;	/* Version 10: Name of .gif file changed  */
	background-color:#8bafd2;
	width:15px;
}

/* ===============  RIGHT SIDEBAR AREA  =============== */


.right_bar{
	width:30%;
	min-width: 220px;
	background:url(images/image-side2.gif) repeat-x;
	background-color:#ffe4bc;
	padding-top:35px;
	padding-left:35px;
	padding-right:40px;
	padding-bottom:150px;
	font-size: .9em;
	text-align: left;
}

.right_bar p{
	font-size: 1.1em;								/* Version 10: added by G, to make site wide right_bar font larger  */
}

.right_bar td{
	font-size: 1.1em;								/* Version 10: added by G, to make site wide right_bar font larger */
}

.right_bar hr{
	margin-top: 20px;								/* Version 10.1: added by G */
	background-color: #333333;
}


/* ===============  UPCOMING EVENTS SECTION  =============== */



#upcoming_events h2 {								
	font-size: 1.2em;
	color:#BA5A13;
}


#upcoming_events h3 {								/* Version 10.1: added by G, to have independent header styles for upcoming events section  */
	font-size: 1.2em;
	color: #222222;
}


#upcoming_events h4 {								/* Version 10.1: added by G, to have independent header styles for upcoming events section  */
	font-size: 1em;
	color:#222222;
	font-weight: bold;
	margin-bottom:10px;
}

#upcoming_events strong {						
	color:#222222;
}



.orange a {
	text-decoration: none;
}


.orange a:hover {
	text-decoration: underline;
}


.orange a:link {
	color: #BA5A13;
}

.orange a:visited {
	color: #BA5A13;
}

p.orange {
	font-size: 1.2em;
	margin-left: 150px;
	margin-top: 0px;
}

#upcoming_events ul {
	color: #BA5A13;
	line-height: 1.8em;
}




/* ===============  SOCCER PAGE  =============== */

.soccer_content1 {
	margin-top:55px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:100px;
	line-height:17px;
	text-align:justify;
}

.soccer_h1 {
	font-size: 2em;
	line-height: 25px;
	text-align: center;
}


.soccer_content1 h1{
	margin-bottom: 0px;
}


p.soccer_content2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}


/* ===============  CONTACT US PAGE  =============== */



.contact-us img { 			/* Contact page only - photos table   */
		border: 1px solid; 		
}

.contact-us td { 			/* Contact page only - photos table,  */
		text-align: center;
		padding-top: 15px;
		padding-bottom: 20px;
}


/* ===============  FOOTER  =============== */


.footer{
	padding-left:40px;
	padding-top:20px;
	padding-bottom:20px;
}

.footer_text{
	color:#FFFFFF;
	font-size:1em;
	margin-top:5px;
	width:800px;
}

.bottom_gray{
	background-color:#6F6F6F;
	height:15px;
	width:100%;
}

.left_links{
	margin-left:20px;
	margin-top:45px;
	margin-bottom:45px;
	line-height:35px;
	font-size:1.15em;
}

.left_links a{
	color:#EFEFEF;
	text-decoration:none;
}

.left_links a:hover{
	color:#CCCCCC;
}

.top_link a{
	font-size:0.85em;
	color:#999999;
}


/* 
<div class="quote"> use to be in Contact Us page. 
Likely not needed anymore. Save temporarily

.quote{
	text-align:center;
}

*/