@charset "utf-8";

body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: #2F4048;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}

a, a:visited {
     text-decoration:none;
     color:#00F;
}
a:hover {
     text-decoration:none;
     color:#F00;
}
#container {
	width: 920px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
} 

#header {
	padding: 0px 0;
	} 
#topart .image {
	margin: 0;
	padding: 0;
	Border: 0;
	}
#header1 
     {width:460px;
	float: left;
	height: 60px;
	padding: 5px 0 0 5px;
	}
.moduletable_srch form .search_srch {
 float:right;
 padding:10px 5px 0px 0px;
}

div.moduletablefblike { 
   float:left; 
   width:250px;
   height:50px;
   margin:10px 0 0 0;}

div#jflanguageselection {
     margin:0px 10px 0 0;
     padding:0px;
     float:right;
     width:auto;
     text-align:right;}

div#jflanguageselection img.langImg
    {margin:0; padding:3px;
}
div.moduletablelang { float:right; 
width:150px}

div.moduletablelang h3
{display:block;
 font-size:.8em;
 text-align:right;
 float:right;
     margin:5px 15px 0 0;
padding:0;
}

#header h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	color: #036;
	}
#header h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	color: #036;
	font-weight: normal;
}

#header a h1,
#header a:visited h1,
#header a h2,
#header a:visited h2
 {color: #036;
	}
#header a:hover h1,
#header a:hover h2 
    {text-decoration:none;
     color:#F00;
}

#address {
	float:left;
	width:460px;
	color: #036;
	font-size:14px;
	padding: 0 0 2px 5px;
}


#newsbox 
    {width:728px;
     margin:0 0px 0 0px;
}

#mainContent {float:left;
	width:728px;
	margin:0 0px 0 0px;
    padding:0px;
}
#mainContent1 {
    float:left;
	width:728px;
    margin:0;
    padding:0px;
}
#mainContent1a
    {float:left;
      width:230px;
padding:0px 4px 0 4px;
margin:0 0 5px 0;
}
#mainContent1b
    {float:left;
      width:480px;
      height:Auto;
      border:1px solid #CCC;
      padding: 4px;
}

#mainContent h4
    {margin:0; padding:0;
}
#mainContent p,
#mainContent ul
    {font-size:.85em;
     }
#mainContent2 {
	width:728px;
    margin:0;
    padding:0px;
}
#mainContent2a,
#mainContent2b
     {float:left;
      width:352px;
      height:225px;
      border:1px solid #CCC;
      padding:4px;
      margin: 4px 0 0 0;

}
#mainContent2a
     {margin-right:4px;
}
#mainContent2 h2
    {margin:0;
     padding:0;
     font-size:1.25em;
     font-weight:bold;
     text-align:center;
}

#mainContent3 {
    float:left;
	width:728px;
    margin:0;
    padding:0px;
}
#mainContent3a, 
#mainContent3b,
#mainContent3c
     {float:left;
      width:230px;
      height:230px;
      border:1px solid #CCC;
      padding:4px;
      margin: 4px 0 0 0;
}
#mainContent3a,
#mainContent3b
     {margin-right:4px;}

#mainContent3 h2
    {margin:0;
     padding:0;
     font-size: 1.2em;
     font-weight:bold;
     text-align:center;
}

#mainContent4 {
        margin-top:4px;
	float: left;
	width: 714px;
      padding:0 6px;
      border:1px solid #CCC;
}

#mainContent4 {
        margin-top:4px;
	float: left;
	width: 714px;
      padding:6px 6px;
      border:1px solid #CCC;
}

#mainContent4 p {
margin:0 0 6px 0; padding:0;
}

#bottom-content {
        margin-top:5px;
	float: left;
	width: 725px;
}

#footer {
	background:#FFF;
	text-align: center;
	font-size: 0.7em;
	padding: 20px 0 10px 0;
} 
#footer p {
	margin: 0; 
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.CustFoot
    {font-size:9px;
     color:#AAA;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/****Beginning of formatting for generated content****/

/****Home page****/
div.moduletableFrontPage1
    {
}
div.blog_moreHome 
    {width:680px;
     margin:0;
     padding:0;
}
/**div.blog_moreHome div 
    {display:none;
}**/
div.blog_moreHome ul
    {list-style-type:none;
     text-align:center;
}
div.blog_moreHome ul li
    {float:left;
     width:210px;
     font-size:.85em;
}

/****General - not homepage****/
div#breadcrumbs
    {Float:left; Width:680px;
font-size:.8em
}

table.blogAltarServers {width:100%;}
table.contentpaneopenAltarServers {width:100%}

.contentpaneopen,
.contentpaneopenlitmin,
.contentpaneopenPrayer,
div.contentpane_cal
    {width:100%; 
     float:left;
     margin:5px;
}
.blogLectors,
.blogmassinfo,
.blogBaptism,
.blogBulletins,
.blogSacraments,
.blogKofC,
.blogContactInfo,
.blog,
.contentpaneopenLectors
     {width:100%
}
.componentheadingWorship,
.componentheadingmassinfo,
.componentheadingAltarServers,
.componentheadingLectors,
.componentheadingMusic,
.componentheadingEMHC,
.componentheadingUshers,
.componentheadingArt,
.componentheadingAdoration,
.componentheadingBulletins,
.componentheadingPrayer,
.componentheadingSacraments,
.componentheadingBaptism,
.componentheadingReconciliation,
.componentheadingConfirmation,
.componentheadingKofC,
.componentheadingContactInfo,
div.moduletablelitminmenu h3,
.componentheading
    {font-size:1.6em;
     font-weight:bold;
     padding:5px 5px 5px 0px;
     margin:0;
     background-color:transparent;
}

.contentpaneopenMinContacts
 {  font-weight:bold;
     padding:5px 5px 5px 0px;
     margin:0;
     background-color:transparent;
}
.contentheadingWorship,
.contentheadingmassinfo,
.contentheadingAltarServers,
.contentheadingLectors,
.contentheadingMusic,
.contentheadingEMHC,
.contentheadingmassinfo,
.contentheadingArt,
.contentheadingAdoration,
.contentheadingBulletins,
.contentheadingPrayer,
.contentheadingUshers,
.contentheadingSacraments,
.contentheadingBaptism,
.contentheadingReconciliation,
.contentheadingConfirmation,
.contentheadingKofC,
.contentheadingContactInfo,
.contentheadingMinContacts,
.componentheadingMinContacts,
.contentheading
{font-size:1.4em;
     padding:0px 5px 5px 0px;
     margin:0;
}
.readonWorship,
.readonmassinfo,
.readonAltarServers,
.readonLectors,
.readonMusic,
.readonEMHC,
.readonmassinfo,
.readonArt,
.readonAdoration,
.readonBulletins,
.readonPrayer,
.readonUshers,
.readonBaptism,
.readonReconciliation,
.readonConfirmation,
.readon
    {font-weight:bold;
}

/****General - ministry header inof****/
table.MinistryContact
    {width:100%;
     padding:0;
     margin:0;
}
table.MinistryContact td
    {width:50%;
}
div.MinistryContact1,
div.MinistryContact2  
    {height:100%;
     width:95%;
     float:left;
     padding:5px;
     border: 1px inset #000000;
     background-color: #e8e7d5;
}
div.MinistryContact1 {float:left}
div.MinistryContact2 {float:right} 

table.MinistryContact  h4
    {margin:0;
     padding:0;
}
div.WideContact
    {height:100%;
     width:710px;
     float:left;
     padding:5px;
     border: 1px inset #000000;
     background-color: #e8e7d5;
}

/****Mass Information****/
div#masssched1 {
     border: 1px inset #000000;
     margin: 0px 40px 0pt 10px;
     padding: 0px; width: 250px;
     float: left;
     background-color: #e8e7d5;
}
div#masssched2 {
     border: 1px inset #000000;
     margin: 0pt;
     padding: 0pt;
     width: 350px;
     float: left;
     background-color: #e8e7d5;
}
div#masssched3 {
     margin: 5px 5px 0 5px;
     text-align:center;
     font-weight:bold;
     padding: 0;
     width: 100%;
     float: left;
}

/****Prayer/Spirituality groups****/
div#PrayerImage
    {float:right;
     margin:0 0 10px 0px;
}
div#PrayerImage div
    {font-size:.6em;
     text-align:right;
}
div.PrayerContact
    {float:left;
     width:310px;
     height:120px;
     padding:5px;
     margin:0px 10px 10px 0;
     border: 1px inset #000000;
     background-color: #e8e7d5;
}

/****General - Misc****/
.clergy img {
       float:left;
       margin: 0 5px 10px 0px;
}

.article_column
    {border:1px solid #AAA;
     padding:2px;
}
table.catblog_1 div
    {border:1px solid #AAA;
     margin:0px 0 5px 0;
     padding:0px;
     width:100%;
}

.article_column h2 {
font-size:1.4em; font-weight:normal;}

table.catblog_1 div div
    {border:none;
     margin:0px;
     padding:0px;
     width:auto;
}

.contentpaneMinContacts
    {font-size:.80em;
}
.sectiontableheaderMinContacts
    {font-size:1.20em;
     font-weight:bold;
}
.contentpaneMinContacts table
    {margin:0;padding:0;
     border:1px #000 Solid;
}
.contentpaneMinContacts td
    {padding:5px 1px 5px 4px;
}
table#clergycontact {
width:100%;
}
table#clergycontact td {
width:50%;
}

table#ppccontact {
width:100%;
}
table#ppccontact td {
width:50%;
}
table#ppccontact td img {
float:left;
margin:0 5px 0 0;
border:none;
}

/****Top of page links on specific category pages****/
div.moduletablelitminmenu,
div.moduletableWorshipMenu,
div.moduletableSacramentMenu,
div.moduletableContactMenu
    {padding:0px 0 0 0; 
     margin:5px 0px 0px 0px;
     float:left;
     width:690px;
     font-size:.95em;
}
div.moduletablelitminmenu ul,
div.moduletableWorshipMenu ul,
div.moduletableSacramentMenu ul,
div.moduletableContactMenu ul
    {list-style-type:none;
     padding:0; 
     margin:0;
}
div.moduletablelitminmenu ul li,
div.moduletableWorshipMenu ul li,
div.moduletableSacramentMenu ul li,
div.moduletableContactMenu ul li
    {list-style-type:none;
     padding:5px;
     float:left;
     font-weight:bold;
     text-align:center;
     margin:0;
}
div.moduletablelitminmenu ul li
    {width:88px;
}
div.moduletableWorshipMenu ul li
    {width:160px;
}
div.moduletableContactMenu ul li
    {padding-right:40px; 
     font-size:1.1em;
     width: 120px;
}


div.moduletableSacramentMenu ul li.item105 {width:65px;}
div.moduletableSacramentMenu ul li.item106 {width:100px;}
div.moduletableSacramentMenu ul li.item107 {width:80px;}
div.moduletableSacramentMenu ul li.item104 {width:115px;}
div.moduletableSacramentMenu ul li.item110 {width:95px;}
div.moduletableSacramentMenu ul li.item108 {width:90px;}
div.moduletableSacramentMenu ul li.item109 {width:65px;}

/*#mainContent2b 
{background-image: URL("http://www.olglahabra.org/images/stories/misc/mainContent2b.jpg"); background-repeat: no-repeat;background-position:top right;}


#mainContent3b 
{background-image: URL("http://www.olglahabra.org/images/stories/lafiesta/LaFiestaFaded200px.png"); background-repeat: no-repeat;background-position:center center;}*/