/* -- Stylesheet for Holy Apostles Catholic Church -- */
/* -- By: Michael Broussard -------- On: 05/30/08 -- */
/* default elements */
* {
margin: 0;
padding: 0;
}

* html body {
font-size: 100.01%;
}

html, body {
color: #222;
background: #fff url(../images/back.gif) top left repeat;
font-size: 82.5%;
font-family: arial, helvetica, sans-serif;
}

.right .content a, .right .content a:visited {
color: #00661A; 
text-decoration: none;
border-bottom: 1px solid #00661A; 
}

.right .content a:hover {
color: #00661A; 
text-decoration: none;
border-bottom: 1px dashed #00661A; 
}

h1, h2, h3, h4 {
color: #222;
}

h1 {
margin: 0;
margin-top: 0; 
margin-bottom: .2em;
padding: 0;
font-size: 1.8em;
font-weight: normal;
border-bottom: 2px solid #222;
}

h2.calendar {
margin: 0;
padding: 0;
border-bottom: none;
}

h2 {
padding: 8px 0 2px 0;
font-size: 1.4em;
font-weight: normal;
}

.bottom .left h2, .bottom .right h2 {
color: #fff;
padding: 8px 0 2px 0;
font-size: 1.4em;
font-weight: normal;
}

h2.pastor {
color: #222;
margin: 0 0 2px 0;
padding: 0 0 0 8px;
text-align: center;
font-size: 1.6em;
font-weight: normal;
}

h2.services {
margin: 0 0 5px 0;
padding: 3px 0 3px 8px;
font-size: 1.6em;
font-weight: normal;
color: #000;
background: #959D95; 
border-bottom: 1px solid #555;
}

h2.christmas {
margin: 0 0 5px 0;
padding: 3px 0 3px 8px;
font-size: 1.5em;
font-weight: normal;
color: #000;
background: #959D95; 
border-bottom: 1px solid #555;
}

h2.services_nav {
margin: 0 0 5px 0;
padding: 3px 0 3px 8px;
font-size: 1.25em;
font-weight: normal;
color: #000;
background: #7A857A; 
border-bottom: 1px solid #555;
}

h3 {
padding: 8px 0 2px 0;
font: bold 1.2em arial, helvetica, sans-serif;
}

blockquote {
display: block;
margin-top: .2em;
padding-left: 26px;
font: normal 1.1em Georgia,serif;
background: url(../images/quote.gif) no-repeat;
}

sup {
font-size: 1em;
}

form {
margin-bottom: 1.2em;
}

img {
border: none;
}

label {
display: block;
}

li {
line-height: 1.5em;
}

p {
padding: 2px 0 10px;
font-size: .9em;
}

ul, ol {
padding: 0 2em 1.2em;
}

ul.lom {
font-size: .9em;
}

ol {
margin: 0;
font-size: .9em;
}

/* structure */
#wrapper {
background: #000000;
margin: 0 auto;
width: 752px;
}

#container {
background: #FBF9F4;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto;
width: 750px;
}

/* header */
.header {
border-top: 1px solid #666; 
border-bottom: 1.8em solid #000;
background: #93a1ac url(../images/banner.gif) no-repeat left center;
height: 200px;
}

/* main */
.main#two-columns {
background: #ffffff url(../images/two-columnsb.gif) repeat-y;
}

/* bottom */
.bottom {
background: #000000;
border-top: 1px solid #6E776E; 
color: #fff; 
}

.bottom .left,.bottom .right {
width: 48%;
padding: 0 0 0 10px;
}

.bottom .right {
height: 244px;
background: url(../images/belltowerb.gif) right bottom no-repeat;
}

/* footer */
.footer {
background: #889188; 
color: #000;
padding: 3px;
font-size: .85em;
}

.footer .left {
width: 50%;
}

.footer .right {
width: 50%;
text-align: right;
}

.footer p {
margin: 0;
padding: 0;
font-size: 1em;
text-align: center;
}

.footer a, .footer a:visited {
color: #000;
text-decoration: none;
}

.footer a:hover {
color: #000;
text-decoration: underline;
}

/* gallery */
table {
margin-top: 0em;
border-collapse: collapse;
}

th {
padding-bottom: .2em;
text-align: left;
font-size: 1em;
}

.gallery td {
vertical-align: top;
text-align: center;
}

.gallery em {
display: block;
}

/* staff table */
table.staff {
margin: 0 auto;
margin-top: 1em;
font-size: .9em;
width: 90%;
border: 1px solid #000;
border-collapse: collapse;
}

table.staff td {
width: 50%;
padding: 2px 2px 2px 2px; 
}

table.staff tr.even {
background: #f5f5f5; 
}

table.ffd {
margin: 0 auto;
margin-top: 1em;
font-size: .9em;
width: 90%;
border: 1px solid #000;
border-collapse: collapse;
}

table.ffd td {
padding: 2px 2px 2px 2px; 
}

table.ffd tr.even {
background: #f5f5f5; 
}

/* address table */
table.address {
margin: 0 auto;
margin-top: .5em;
font-size: .9em;
width: 90%;
border: none;
border-collapse: collapse;
}

table.address td.heading {
font-weight: bold;
font-style: normal;
border-bottom: 1px solid #000;
}

table.address td {
font-style: italic;
}

/* misc */
.clear, .clearer {
clear: both;
} 

.clearer {
font-size: 0;
}

.col2 .left {
width: 30%;
}

.col2 .right .content {
background: #ffffff;
}

.col2 .right {
width: 69%;
background: #ffffff;
}

.content {
padding: 0 0 0 18px;
}

#schedule {
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
width: 325px;
border: 1px solid #555;
background: transparent url(../images/massback.gif) 95% 60% no-repeat;
}

#schedule_nav {
margin: 0 auto;
margin-top: .5em;
margin-bottom: .5em;
width: 210px;
border: 1px solid #555;
background: #fff  url(../images/massback.gif) center center no-repeat;
}

#christmas_schedule {
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
width: 325px;
border: 1px solid #555;
background: transparent url(../images/2010.gif) 100% 90% no-repeat;
}

#ashwed_schedule {
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
width: 325px;
border: 1px solid #555;
background: none;
}

#schedule p, #schedule_nav p, #christmas_schedule p, #ashwed_schedule p {
margin-left: 1em;
}

#pschedule {
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
width: 100%;
border: none;
}

#pschedule p {
margin-left: .5em;
}

#pschedule table.schedule {
width: 100%;
border: 1px solid #000000;
text-align: left;
}

#pschedule table tr.odd {
background-color: #EDEDED;
}

#pschedule table td {
padding-left: 1em;
}

#portraits {
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
width: 325px;
background: transparent;
border: none;
}

img.photo {
margin: 0 auto;
margin-left: 28px;
}

img.photo a, img.photo a:hover, img.photo a:visited {
border: none;
text-decoration: none;
}

h2.penance {
margin: 0;
margin-left: -.05em;
padding: 3px 0 3px 8px;
font-size: 1.6em;
font-weight: normal;
color: #000;
background: #959D95;
border: 1px solid #555;
border-bottom: none;
}

.left {
float: left;
}

.right {
float: right;
}

.right .content {
padding: 18px 12px 10px 12px;
}

/* -- bottom block links -- */
ul.block_bottom {
border-top: 1px dashed #fff; 
margin: 4px 0;
padding: 0;
width: 90%;
}

.block_bottom li {
border-bottom: 1px dashed #fff; 
list-style: none;
}

.block_bottom li a, .block_bottom li em {
color: #fff;
display: block;
}

.block_bottom li em {
font-size: 0.9em;
font-style: normal;
}

.block_bottom li a {
padding: 4px 3%;
text-decoration: none;
width: 94%;
}

.block_bottom li a span {
font-weight: bold;
}

.bottom .left .block_bottom li a:hover {
background: #333333;  
color: #fff; 
}

.left .block_bottom, .left .block_bottom li {
border-color: #fff; 
}

.left .block_bottom li a:hover {
background: #C0C8CE; 
}

.bottom .right a, .bottom .right a:visited {
color: #fff; 
text-decoration: none;
}

.bottom .right a:hover {
color: #fff; 
text-decoration: underline;
}

/* -- spans -- */
.center {
text-align: center;
}

.bold {
font-weight: bold;
}

p.news {
margin: 0 5px 0 0;
}

p.contact {
text-align: right;
}

p.small {
font-size: .85em;
}

.adlink a, .adlink a:visited {
color: #000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #000;
}

.adlink a:hover {
color: #000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dashed #000;
}

/* -- misc -- */
address {
font-size: .9em;
}