/* ========== stfrancis_082006.css =========================================== */



/* ========== body =========================================================== */



body.stfrancis {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: normal;

  font-style: normal;

  margin: 0px 0px 0px 0px;

  color: #56442c;

  background-color: #ffffff;

}


body.portal {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: normal;

  font-style: normal;

  margin: 0px 0px 0px 0px;

  color: #56442c;

  background-color: #FFFFD7;

}


body.shrine {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: normal;

  font-style: normal;

  margin: 40px 0px 0px 0px;

  color: #ffffff;

  background-color: #0041fe;

}



/* ========== headers========================================================= */



h1 {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  font-weight: bold;

  font-style: normal;

  margin: 0px 0px 11px 0px;

}

h2 {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 12px;

  font-weight: bold;

  font-style: normal;

  margin: 0px 0px 11px 0px;

}

h3 {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 16px;

  font-weight: bold;

  font-style: normal;

  margin: 0px 0px 11px 0px;

}



/* ========== links ========================================================== */



a {

  text-decoration: none;

  color: #2d2ab8;

  font-weight: bold;

}

a:hover {

  text-decoration: none;

  color: #2d2ab8;

  font-weight: bold;

}



a.shrine {

  text-decoration: none;

  color: #ffffff;

  font-weight: bold;

}

a.shrine:hover {

  text-decoration: none;

  color: #ffff33;

  font-weight: bold;

}





/* ========== spans ========================================================== */



span.donate {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 10px;

  line-height: 12px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #56442c;

}

span.menu {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 10px;

  line-height: 15px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

} 

span.menu-selected {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 10px;

  line-height: 15px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #ba1f29;

}

span.menu-large {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 4px 0px 0px;

  padding: 0px 0px 0px 0px;

} 

span.menu-selected-large {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 4px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #ba1f29;

}

strong {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #ba1f29;

}

strong.footer {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 10px;

  line-height: 20px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}





/* ========== paragraphs ===================================================== */





p {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  margin: 0px 0px 11px 0px;

  padding: 0px 0px 0px 0px;

  color: #56442c;

}

p.shrine {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: bold;

  margin: 0px 0px 11px 0px;

  padding: 0px 0px 0px 0px;

  color: #222222;

}

p.items {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #56442c;

}

p.footer {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 9px;

  line-height: 20px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #56442c;

}

p.caption {

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 9px;

  line-height: 13px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  margin: 4px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  color: #56442c;

}



/* ========== lists ========================================================== */



ul {

  margin-top: 4px;

  margin-bottom: 4px;

  margin-left: 1em;

  padding: 0px;

}

ol {

  margin-top: 4px;

  margin-bottom: 16px;

  margin-left: 1em;

  padding: 0px;

}

li {

  margin-bottom: 4px;

  padding-left: 0em;

  margin-left: 1em;

  font-size: 11px;

  line-height: 14px;

}

ul.menu {

  list-style: none;

  padding: 2px 0px 0px 0px;

  margin: 0px 0px 0px 0px;

}

li.menu {

  padding: 0px 0px 0px 0px;

  margin: 0px 20px 0px 0px;

  font-size: 10px;

  line-height: 15px;

  float: left;

}

ol.items {

  list-style-type: none;

  padding: 0px 0px 0px 0px;

  margin: 0px 0px 0px 0px;

  font-size: 10px;

  font-weight: bold;

  line-height: 15px;

  color: #ba1f29;

}

li.items {

  padding: 0px 0px 0px 0px;

  margin: 0px 0px 7px 0px;

  font-size: 10px;

  font-weight: bold;

  line-height: 15px;

  color: #ba1f29;

}



/* ========== images ========================================================= */



img.item-small {

  margin: 0px 10px 10px 0px;

  float: left;

}

img.item-large {

  margin: 0px 10px 20px 0px;

  float: left;

}

img.vision {

  margin: 0px 10px 30px 0px;

  float: left;

}





/* ========== forms ========================================================== */



form.email {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

input.email {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 200px;

  height: 15px;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  color: #56442c;

}

input.volunteer {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 200px;

  height: 15px;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  color: #56442c;

}

textarea.message {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 200px;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  color: #56442c;

}

input.submit {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0px;

  text-decoration: none;

  font-weight: normal;

  color: #56442c;

}





/* ========== divs =========================================================== */



div.body {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 100%;

  background-color: #ffffff;

}



div.donate {

  margin: 5px 10px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  float: right;

  text-align: right;

  width: 200px;

}

div.vision {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 20px 0px;

  background-color: #ffffff;

  width: 160px;

  float: left;

}



div.photo {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 20px 0px;

  background-color: #ffffff;

  width: 250px;

  float: left;

}



div.header-above {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 100%;

  height: 43px;

  background-color: #ffffd6;

  background-image: url(../images/common/fleur-1.gif);

  background-repeat: no-repeat;

  background-position: top left;

}



div.header-middle {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 100%;

  height: 18px;

  background-color: #ffffd6;

}



div.header-menu {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 800px;

  height: 18px;

  background-color: #ffffd6;

}



div.menu-left {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 175px;

  height: 18px;

  float: left;

  background-color: #ffffd6;

  background-image: url(../images/common/fleur-2.gif);

  background-repeat: no-repeat;

  background-position: top left;

}



div.menu-right {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffd6;

  width: 600px;

  height: 18px;

  float: left;

}



div.header-below {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 800px;

  height: 36px;

  clear: both;

  background-color: #ffffff;

  background-image: url(../images/common/fleur-3.gif);

  background-repeat: no-repeat;

  background-position: top left;

}



div.title {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 800px;

  height: 73px;

  background-color: #ffffff;

  clear: both;

}



div.vertical-title {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 107px;

  height: 73px;

  clear: both;

  float: left;

  background-color: #ffffff;

  background-image: url(../images/common/fleur-4.gif);

  background-repeat: no-repeat;

  background-position: top left;

}



div.main {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  clear: both;

  width: 800px;

}



div.vertical-left {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  width: 107px;

  height: 200px;

  float: left;

  background-color: #ffffff;

  background-image: url(../images/common/fleur-5.gif);

  background-repeat: no-repeat;

  background-position: top left;

}



div.content {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 400px;

  float: left;

}

div.content-title {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 425px;

  float: left;

}



div.content-secondary {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 500px;

  float: left;

}



div.vertical-center {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 38px;

  float: left;

}



div.sidebar {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 245px;

  float: left;

}



div.sidebar-secondary {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 145px;

  float: left;

}



div.vertical-right {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 10px;

  float: left;

}



div.footer {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 800px;

  height: 83px;

  clear: both;

}

div.footer-image {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 108px;

  height: 78px;

  float: left;

}

div.footer-form {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 600px;

  float: left;

}

div.footer-email {

  margin: 30px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 600px;

  height: 30px;

  float: left;

}

div.footer-text {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffff;

  width: 600px;

  height: 16px;

  clear: both;

  float: left;

}



div.bottom {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #ffffd6;

  width: 100%;

  height: 20px;

  clear: both;

}



div.shrine-header {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #0041fe;

  width: 100%;

  height: 74px;

  text-align: center;

  clear: both;

}



div.shrine-image {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #0041fe;

  width: 100%;

  height: 318px;

  text-align: center;

  clear: both;

}



div.shrine-links {

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  background-color: #0041fe;

  width: 100%;

  height: 20px;

  text-align: center;

  clear: both;

}