/* stmm.info.css */

body {
  background-image: url(http://stmm.info//redcanvas.jpg);
  background-repeat: repeat;
  text-align: center;
  min-width: 960px;
}

/* Page Wrappers */
#indexwrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 1460px;
  margin-left: auto;
  margin-right: auto;
}

#hogarwrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 1459px;
  margin-left: auto;
  margin-right: auto;
}

#cyowrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 3355px;
  margin-left: auto;
  margin-right: auto;
}

#historywrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 1133px;
  margin-left: auto;
  margin-right: auto;
}

#historiawrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 1149px;
  margin-left: auto;
  margin-right: auto;
}

#joinwrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 953px;
  margin-left: auto;
  margin-right: auto;
}

#minfairwrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 4000px;
  margin-left: auto;
  margin-right: auto;
}

#ministrieswrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 3355px;
  margin-left: auto;
  margin-right: auto;
}

#partnerswrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 660px;
  margin-left: auto;
  margin-right: auto;
}

#sacramentswrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 1066px;
  margin-left: auto;
  margin-right: auto;
}

#whowrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 2642px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper {
  background-image: url(http://stmm.info//red40.jpg);
  background-repeat: repeat;
  text-align: left;
  width: 960px;
  height: 1350px;
  margin-left: auto;
  margin-right: auto;
}

/* Masthead format */
#header {
  height: 150px;
}

/* Menu Bars */
#navcontainer
{
margin-left: 50px;
margin-right: 0;
margin-top: -9px;
margin-bottom: 30px;
padding: 0;
height: 22px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #ebebeb;
width: 94px;
height: 20px;
border-top: 1px solid #aa0000;
border-left: 1px solid #aa0000;
border-bottom: 1px solid #aa0000;
border-right: 1px solid #aa0000;
padding: 0;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
margin-bottom: 0;
color: #aa0000;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer li a:hover
{
color: white;
background: #aa0000;
}

#navcontainer li a#current
{
color: white;
background: #aa0000;
}

/* Footer format */
#footer {
  float: left;
  width: 940px;
  height: 55px;
  clear: both;
  text-align: center;
  color: white;
  margin-left: 10px;
  background-image: url(http://stmm.info//gradient.jpg);
  background-repeat: repeat-x;
}

#footertext {
  font-size: 90%;
  font-family: sans-serif;
  font-stretch: expanded;
  margin-top: .7em;
}

#footertext a {
  text-decoration: none;
  color: white;
  font-family: sans-serif;
  font-style: oblique;
}

#footertext a:hover, #menu a:active, #menu a:focus {
  color: #550000;
}
  
#copyright {
  font-size: 80%;
  font-family: sans-serif;
  margin-top: -.5em;
  margin-bottom: .7em;
}

/* generic formats */
.center {
  float: left;
  text-align: center;
}

a {
	text-decoration: none;
	border-style: none;
}

img {
	border: 0px;
	border-style: none;
}

#left {
  float: left;
  width: 160px;
  height: 520px;
  margin-top: -3px;
  margin-left: 5px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

#center {
  float: left;
  width: 420px;
  height: 520px;
  margin-top: -3px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: sans-serif;
  font-size: small;
}

#right {
  float: left;
  width: 300px;
  height: 520px;
  margin-top: -3px;
  margin-left: 5px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

#centeredimage {
    text-align:center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.largecenteredimage {
    text-align:center;
    margin-left: 30px;
	margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
	font-size: large;
}

#centeredtext {
    text-align: center;
}

h2 {
  margin-top: 0px;
  margin-left: .3em;
  margin-bottom: .1em;
}

.lefttext {
  margin-top: 0px;
  margin-left: .5em;
}

.heading1 {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 2.5em;
  color: #aa0000;
}

.heading2 {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 2em;
  color: #aa0000;
}

.heading3 {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.5em;
  color: #aa0000;
}

.heading4 {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.3em;
  color: #aa0000;
}

.heading5 {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.2em;
  color: #aa0000;
}

.heading1ctr {
  text-align: center;
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 2.5em;
  color: #aa0000;
}

.heading2ctr {
  text-align: center;
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 2em;
  color: #aa0000;
}

/* index formats */
#sidemenu {
  float: left;
  width: 180px;
  height: 370px;
  margin-top: 0px;
  padding-left: 5px;
  font-size: 8px;
  font-family: sans-serif;
  color: #aa0000;
}

#sidemenu ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
}

#sidemenu ul li
{
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#sidemenu ul li a
{
padding: 0;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
margin-bottom: 0;
color: #aa0000;
text-decoration: none;
text-align: center;
font-family: sans-serif;
font-size: small;
}

#sidemenu li a:hover
{
color: white;
}

#event {
  float: left;
  text-align: center;
  width: 620px;
  height: 810px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: sans-serif;
  color: #aa0000;
} 

#divline {
  float: left;
  text-align: center;
  margin-top: 0px;
  margin-left: 25px;
  margin-right: 5px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  width: 900px;
  height: 4px;
  background-color: #aa0000;
}

#indexcenter {
  float: left;
  width: 230px;
  height: 370px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: smaller;
}

#indexright {
  float: left;
  width: 520px;
  height: 370px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: smaller;
}

#indexbottom {
	float: left;
	width: 880px;
	height: 840px;
	margin-top: -10px;
	margin-left: 100px;
}

.announce {
    text-align:center;
    margin-top: 0px;
    margin-bottom: 0px;
	margin-left: 0px;
    padding: 0px;
}

.schedule {
	text-align:left;
	font-family: sans-serif;
    font-size: small;
    margin-bottom: 0px;
	margin-left: 0px;
    padding: 0px;
}

#confesstime {
	text-align:left;
	font-family: sans-serif;
    font-size: small;
    margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    padding: 0px;
}

/* cyo formats */
#cyoleft {
  float: left;
  width: 450px;
  height: 3100px;
  margin-top: -3px;
  margin-left: 5px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

#cyoright {
  text-align: center;
  float: left;
  width: 450px;
  height: 3100px;
  margin-top: -3px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: sans-serif;
  font-size: small;
}

.cyoheading {
  text-align: center;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 2em;
  color: #aa0000;
}

/* history formats */
.historywide {
  float: left;
  text-align: center;
  width: 900px;
  height: 420px;
  margin-top: -3px;
  margin-left: 10px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

.historiawide {
  float: left;
  text-align: center;
  width: 900px;
  height: 436px;
  margin-top: -3px;
  margin-left: 10px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

.historynarrow {
  float: left;
  text-align: center;
  width: 180px;
  height: 400px;
  margin-top: -3px;
  margin-left: 10px;
  font-family: sans-serif;
}

/* join formats */
.joinwide {
  float: left;
  text-align: center;
  width: 900px;
  height: 700px;
  margin-top: -6px;
  margin-left: 32px;
  padding-left: 0px;
  font-family: sans-serif;
}

.largecenteredbrochure {
    float: left;
	text-align:center;
    margin-left: 0px;
	margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}

/* ministries formats */
#minleft {
  float: left;
  width: 450px;
  height: 3100px;
  margin-top: -3px;
  margin-left: 5px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

#minright {
  float: left;
  width: 450px;
  height: 3100px;
  margin-top: -3px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: sans-serif;
  font-size: small;
}

.linktext {
  text-align: center;
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.2em;
  color: #aa0000;
}

.minheading {
  margin-top: 0px;
  margin-left: .4em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.5em;
}

.italics {
  margin-top: -10px;
  margin-left: .4em;
  font-style: italic;
}

/* ministryfair formats */
#leftminfair {
  float: left;
  width: 450px;
  height: 3740px;
  margin-top: -3px;
  margin-left: 5px;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: small;
}

#centerminfair {
  float: left;
  width: 450px;
  height: 3740px;
  margin-top: -3px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: sans-serif;
  font-size: small;
}

/* partners formats */
#partnerleft {
	float: left;
	text-align: center;
	width: 300px;
	height: 400px;
}

#partnercenter {
	float: left;
	text-align: center;
	width: 300px;
	height: 400px;
}

#partnerright {
	float: left;
	text-align: center;
	width: 300px;
	height: 400px;
}

/* sacraments formats */
#sacleft {
  float: left;
  width: 450px;
  height: 750px;
  margin-top: -3px;
  margin-left: 10px;
  padding-left: 5px;
  margin-right: 10px;
  font-family: sans-serif;
  font-size: small;
}

#sacright {
  float: left;
  width: 450px;
  height: 750px;
  margin-top: -3px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: sans-serif;
  font-size: small;
}

/* who formats */
#visionimage {
  text-align: center;
  float: left;
  width: 420px;
  height: 630px;
  margin-top: 0px;
  margin-left: 5px;
  padding-left: 5px;
}

#visionmission {
  float: left;
  width: 530px;
  height: 630px;
}

.heading2ctr {
  text-align: center;
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 2em;
  color: #aa0000;
}

.heading3ctr {
  text-align: center;
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.5em;
  color: #aa0000;
}

.heading4ctr {
  text-align: center;
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bolder;
  font-size: 1.2em;
  color: #aa0000;
}

.largetext {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .1em;
  font-weight: bold;
  font-size: 1.2em;
}

.staffdescription {
  text-align: left;
  float: left;
  margin-top: 90px;
  font-family: sans-serif;
  font-size: medium;
}

.staffname {
  margin-top: -10px;
  margin-left: 0em;
  margin-bottom: .4em;
  font-weight: bolder;
  font-size: 1.25em;
  color: #aa0000;
}

.stafftitle {
  margin-top: 0px;
  margin-left: 0em;
  margin-bottom: .5em;
  font-weight: bolder;
  font-size: 1.05em;
  font-family: sans-serif;
  color: #aa0000;
}

.stafftable {
  width: 900px;
  height: 1703px;
  margin-top: 12px;
  margin-left: 20px;
  padding-right: 10px;
}

.stafftablephoto {
  margin-top: 8px;
}
