/* HCFM STYLESHEET */

body * {
  margin: 0;
  padding: 0;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: .7em;
  background: #f4f3e7 url(../images/bg-body.gif) repeat-x;
  color: #2f3437;
}

img {
  border: 0;
}

p {
  margin: 10px 0 10px 0;
  line-height: 1.3em;
}

h1 {
  font-size: 2.5em;
  margin: 10px 0 0 0;
}

h2 {
  margin: 10px 0 0 0;
  font: italic 2.0em Georgia, "Times New Roman", Times, serif;
  color: #91c80d;
}

h3 {
  font-size: 1.3em;
}


h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

a {
  color: #0081ab;
}

a:hover {
  color: #3399CC;
}

blockquote {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  color: #106d9d;
  font-family:Georgia, "Times New Roman", Times, serif;
  float:right;
  font-size: 1.5em;
  width: 300px;
  float:right;
  padding: 10px;
  margin: 5px -30px 10px 20px;
  position:relative;
  line-height: 1.5em;
}

ul, ol {
  margin: 0 0 10px 50px;
}

ul li {
  list-style-image:url(../images/bullet.gif);
}

/*---------------------------------------------------------
  Special Classes
---------------------------------------------------------*/
.clear {
  clear:both;
}

hr.clear {
  clear:both;
  margin:10px 0;
}

.left {
  float:left;
}

img.left {
  float:left;
  margin:15px 15px 15px 0;
}
img.mainbanner{
  float:left;
  margin:0;
}

.right {
  float:right;
  margin: 0 0 10px 10px;
}

.banner {
  float:left;
  margin:0 0 0 10px;
}

.author {
  display:block;
  font-size: 0.7em;
  font-weight:bold;
  color:#000;
}

/*---------------------------------------------------------
  Navigation Elements
---------------------------------------------------------*/
ul.navUtility li.none, ul.footer li.none {
  background: none;
}

/********** Persistant Navigation ******************************/

ul.navPersistant {
  float:right;
  list-style:none;
  padding: 0 0 15px 0;
  margin: 20px 0;
  border-bottom: 1px solid #C7C7C7;
}

ul.navPersistant li {
  float:left;
  background:url(../images/h3-replacement.gif) #FFF no-repeat;
  padding: 0 20px 0 0;
  list-style:none;
}

ul.navPersistant li a{
  display:block;
  background:no-repeat top left;
  text-decoration:none;
  text-indent:-1000px;
  overflow: hidden;
  height: 20px;
}

ul.navPersistant li.shop {
  background-image:url(../images/nav-shop.gif);
  width: 65px;
}

ul.navPersistant li.gift {
  background-image:url(../images/nav-gift.gif);
  width: 103px;
}

ul.navPersistant li.email {
  background-image:url(../images/nav-email.gif);
  width: 134px;
  padding: 0;
}

/********** Utility Navigation ******************************/

ul.navUtility {
  clear:right;
  float:right;
  list-style:none;
  width: 200px;
  text-align:right;
  margin:0;
}

ul.navUtility li {
  display:inline;
  padding: 0 10px 0 10px;
  background:url(../images/seperator.gif) no-repeat bottom right;
  list-style:none;
}

ul.navUtility li a, ul.navSecondary li a {
  color:#000000;
  text-decoration:none;
}

ul.navUtility li a:hover {
  text-decoration:underline;
  background: none;
}

/********** Primary Navigation ******************************/
ul.navPrimary {
  list-style:none;
  margin:0;
}

ul.navPrimary li {
  float:left;
  padding: 0 30px 0 0;
}

ul.navPrimary li a {
  display:block;
  background-position: top left;
  background-repeat:no-repeat;
  text-decoration:none;
  overflow: hidden;
  height: 14px;
  text-indent: -100em;
}

ul.navPrimary li a:hover {
  background-position: bottom left;
}

ul.navPrimary li.about a{
  background-image:url(../images/nav-about.gif);
  width: 53px;
}

ul.navPrimary li.cause a{
  background-image:url(../images/nav-sainthood.gif);
  width: 61px;
}

ul.navPrimary li.prayer a{
  background-image:url(../images/nav-prayer.gif);
  width: 38px;
}

ul.navPrimary li.rosary a{
  background-image:url(../images/nav-rosary.gif);
  width: 42px;
}

ul.navPrimary li.news a{
  background-image:url(../images/nav-news.gif);
  width: 90px;
}

ul.navPrimary li.contact a{
  background-image:url(../images/nav-contact.gif);
  width: 66px;
}

ul.navPrimary li.principal a{
  background-image:url(../images/nav-principal.gif);
  width: 59px;
}
ul.navPrimary li.rosario a{
  background-image:url(../images/nav-rosario.gif);
  width: 150px;
}

ul.navPrimary li.noticias a{
  background-image:url(../images/nav-noticias.gif);
  width: 90px;
}


/********** Secondary Navigation ******************************/
ul.navSecondary {
  list-style:none;
  padding: 30px 0 30px 0;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 1.6em;
  background:url(../images/corners-bottom-navsecondary.gif) no-repeat bottom;
  margin:0;
}

ul.navSecondary li {
  padding: 0 10px 10px 20px;
  list-style-image:none;
}

ul.navSecondary li a{
  color: #2f3437;
}

ul.navSecondary li a:hover {
  text-decoration:underline;
}

ul.navSecondary li.current {
  background-color: #b9bbbe;
  padding: 20px 10px 20px 20px;
  margin: 0 0 10px 0;
}

ul.navSecondary li.current ul {
  font-size: 0.65em;
  margin:0;
}

ul.navSecondary li.current ul li {
  list-style: url(../images/bullet-nav.gif);
  line-height: 1.5em;
  margin:0 0 0 15px;
  padding:0;
}

ul.navSecondary li.current ul li a {
  color: #006699;
  padding: 0 0 0 2px;
}

ul.navSecondary li.current ul li a:hover {
  text-decoration:underline;
}

/********** Footer Navigation ***********************************/

ul.footer {
  width: 800px;
  list-style:none;
  padding: 20px 0 0px 0;
  margin:0;
}

ul.footer li {
  display:inline;
  padding: 0 10px 0 10px;
  background:url(../images/seperator.gif) no-repeat bottom right;
}

#footer a {
  color: #3d4345;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}
/*---------------------------------------------------------
  Global Layout Elements
---------------------------------------------------------*/
#globalWrapper {
  background:url(../images/bg-content.gif) no-repeat #FFF;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  margin-top: -30px;
  margin-right:auto;
  margin-left:auto;
  width: 800px;
  position:relative;
  z-index: 2;
  padding: 15px 0 0 0;
}

#header {
  margin-left:auto;
  margin-right:auto;
  width: 800px;
}

#sites {
  float:right;
  padding: 0 20px 0 0;
  margin-top:-6px;
}

#sites select {
  width: 150px;
  font-size: 0.9em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  vertical-align:middle;
}
#sites * {
  vertical-align:middle;
}

/*---------------------------------------------------------
  Homepage Layout Elements
---------------------------------------------------------*/

/********** Wrappers ***********************************/

#navPrimary {
  background:url(../images/bg-nav.gif) #3399cc;
  clear:both;
  float:left;
  width: 770px;
  height: 43px;
  padding: 15px 0 0 30px;
}

#left {
  width: 250px;
  float:left;
  padding: 0 10px 0 10px;
}

#middle {
  padding: 0px 10px 10px 0;
  width: 270px;
  float:left;
}

#right {
  padding: 0 0 0 0;
  width: 240px;
  float:left;
}

#bottom {
  background-color:#FFF;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  height: 100px;
  clear: both;
  padding: 0 0 10px 0;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
#bottom img {
margin-left:270px;
}
#footer {
  background:url(../images/bg-bottom.gif) top no-repeat;
  margin: auto;
  width: 800px;
  color: #3d4345;
  text-align:center;
  padding: 0 0 50px 0;
}

#prayer {
  width: 220px;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding: 0 15px 15px 15px;
  background:url(../images/bg-potd-corners.gif) bottom no-repeat #dbdde0;
  font-size: 1.2em;
  margin-top: -10px;
}

#prayer p.title {
  font-size: .8em;
  font-weight:bold;
  color:#006699;
  }


#event {
  width: 220px;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding: 0 15px 15px 15px;
  background:url(../images/bg-potd-corners.gif) bottom no-repeat #dbdde0;
  font-size: 1.2em;
  margin-top: -10px;
}

#event p.title {
  font-size: .8em;
  font-weight:bold;
  color:#006699;
  }

#news {
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  width:200px;
}

#special {
  background-color: #c8e281;
  color: #577110;
}
#special img, #signup img {
  display:block;
}
#special .inner {
  padding:0 15px;
}
#special a {
  color: #577110;
}
#upcoming {
  padding: 0 0 20px 10px;
}
#signup p {
  padding: 0 5px 5px 10px;
  font-style:italic;
  font-size: 1.1em;
}

#signup {
  background:url(../images/corners-bottom-signup.gif) no-repeat #3399cc bottom;
  color: #FFF;
  width: 230px;
  margin: 0 0 10px 10px;
}

#product {
  width: 225px;
  padding: 10px;
  border: 1px solid #CCC;
  text-align:center;
}

h1.logo {
  float:left;
  margin: 0 0 0 20px;
  display:inline;
}

h3.tagline {
  float:left;
  margin: 50px 0 0 10px;
  display:inline;
}

h3.prayer {
  height: 100px;
  width: 250px;
  text-indent: -100em;
  background: url(../images/prayer-of-the-day.gif) no-repeat;
}

h3.event {
  height: 100px;
  width: 250px;
  text-indent: -100em;
  background: url(../images/rosary-globe.gif) no-repeat;
}

h4.signup {
  background:url(../images/corners-top-signup.gif) no-repeat #3399cc top;
  padding: 10px 10px 0 10px;
}

/*---------------------------------------------------------
  Secondary Page Layout Elements
---------------------------------------------------------*/
#leftSecondary {
  width: 210px;
  float:left;
}

#navSecondary {
  width: 200px;
  background:url(../images/corners-top-navsecondary.gif) top no-repeat #dbdde0;
  margin: 0 0 40px 10px;
}

#calloutTop {
  margin: 0 0 0 10px;
  background:url(../images/corners-top-callout.gif) no-repeat;
  width: 200px;
  height: 10px;
}

#callout {
  margin: -3px 0 0 10px;
  padding: 20px 10px 20px 10px;
  width: 178px;
  font-family:Georgia, "Times New Roman", Times, serif;
  text-align:center;
  border-left: 1px solid #d5e0ba;
  border-right: 1px solid #d5e0ba;
  background-color: #f6ffe1;
  color: #2f3437;
}

#calloutBottom {
  background: url(../images/corners-bottom-callout.gif) no-repeat;
  width: 200px;
  margin: 0 0 100px 10px;
  height: 10px;
}

#calloutBottomSurvey {
  background: url(../images/corners-bottom-callout.gif) no-repeat;
  width: 200px;
  margin: 0 0 32px 10px;
  height: 10px;
}

#main {
  float:left;
  width: 510px;
  margin: 10px 0 0 30px;
}

#main h2 {
  font-size: 3.0em;
}
h1.cause, h1.about, h1.prayer, h1.rosary, h1.news, h1.contact, h1.sitemap, h1.terms, h1.giving {
  width: 550px;
  padding: 162px 20px 0 0;
  height: 27px;
  background-repeat:no-repeat;
  background-color:#000000;
  font-family:Georgia, "Times New Roman", Times, serif;
  text-align:right;
  font-style:italic;
  color: #FFF;
  font-weight:normal;
  font-size: 1.8em;
  float:left;
  margin: 0 0 0 10px;
}
h1.about {
  background-image: url(../images/h-about.jpg);
}
h1.cause {
  background-image: url(../images/h-cause.jpg);
}
h1.about {
  background-image: url(../images/h-about.jpg);
}
h1.prayer {
  background-image: url(../images/h-prayer.jpg);
}
h1.rosary {
  background-image: url(../images/h-rosary.jpg);
}
h1.news {
  background-image: url(../images/h-news.jpg);
}
h1.contact {
  background-image: url(../images/h-contact.jpg);
}
h1.sitemap {
  background-image: url(../images/h-sitemap.jpg);
}
h1.terms {
  background-image: url(../images/h-terms.jpg);
}
h1.giving {
  background-image: url(../images/h-giving.jpg);
}
/*---------------------------------------------------------
  form styles
---------------------------------------------------------*/

label{
  display:block;
  float:left;
  width:150px;
  margin:0 10px 0 0;
}
div.row{
  clear:both;
  margin:10px 0;
}
div.radioOptions{
  margin:0 0 0 160px;
}
div.radioOptions label{
  display:inline;
  float:none;
  width:auto;
}
div.rowSubmit{
  margin: 0 0 0 160px;
}

span.error {
font-weight:bold;
color:red;
margin:10px 0;
}
/*---------------------------------------------------------
  sIFR Styles
---------------------------------------------------------*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-hasFlash h2{
  visibility: hidden;
  letter-spacing: -9px;
}

.langSwitch{
  clear:right;
  float:right;
  list-style:none;
  width: 300px;
  text-align:right;
  margin:0 10px 0 0;
}
.eng{
  margin-top:80px;
}
h3.button{
  background-color:#91c80d;
  border:2px solid #91c80d;
  padding:8px;
  width:200px;
  margin:10px 0;
}
h3.button a{
  color:#FFF;
  text-decoration:none;
  border-bottom:1px dotted #FFFF99;
}
.sidebar{
  float:right;
  margin:0 -20px 0 20px;
  position:relative;
  width:150px;
}
.sidebar h3.button{
  width:140px;
}
.rosaryStats{
  border:1px solid #91c80d;
  margin:10px 0;
  padding:10px;
}
.tryPrayerRow {
margin-bottom:10px;
border-bottom: 1px solid #cccccc;
}
.tryPrayer {
float:left;
position:relative;
width:140px;
margin:10px 25px 10px 0;
}
.tryPrayer img{
border:1px solid #cccccc;
}

/*----------------------------------------------
Seasonal Inspiration Callout
----------------------------------------------*/

div.seasonal_callout {
        width:169px;
        float:right;
        background:url(../images/callout-topbg.gif) top center no-repeat #dbdde0;
        margin:0 0 15px 15px;
      }
      div.seasonal_callout img{
        margin:20px 20px 15px 20px ;
      }
      div.seasonal_callout div.seasonal_blockquote {
      color:#267da8;
      font-family:Georgia,Times New Roman,serif;
      line-height:1.7em;
      font-size:1em;
      font-weight:bold;
      margin:0px 20px 3px 20px;
      padding:0px;
      }

      div.seasonal_callout p {
      color:black;
      margin:3px 20px 3px 20px ;

      }
      div.seasonal_callout div.seasonal_audio {
        display:block;
        margin:10px 0px 0px 0px;
        padding:8px 20px 8px 20px ;
        background:url(../images/callout-audiobg.gif) bottom center no-repeat white;
      }

      div.seasonal_callout div.seasonal_audio a {
      display:block;
      height:19px;
      color:#267da8;
      background:url(../images/callout-audiolink.gif) right top no-repeat;
      }

      div.seasonal_callout div.seasonal_audio a:hover {

      background:url(../images/callout-audiolink.gif) right bottom no-repeat;
      }