/*

      Blessed Sacrament - Home Page CSS Support File
      
      Author:
      Daly Computer Services - Home Page CSS Support File
      
      Author:          DCS             
      Created:         November 25, 2009 
      Last Modified:   December 25, 2009      

      Filename:         home.css
      Supporting files: index.htm
                        Folder:  
                                
      Description:      This is the CSS file supporting the home page and subsequent pages for
                        the Blessed Sacrament Church.
*/

@import url(marquee.css);

@font-face {
	font-family: Conv_Felipa-Regular;
	src: url('fonts/Felipa-Regular.eot');
	src: local('?'), url('fonts/Felipa-Regular.woff') format('woff'), url('fonts/Felipa-Regular.ttf') format('truetype'), url('fonts/Felipa-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Alice-Regular;
	src: url('fonts/Alice-Regular.eot');
	src: local('?'), url('fonts/Alice-Regular.woff') format('woff'), url('fonts/Alice-Regular.ttf') format('truetype'), url('fonts/Alice-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body                {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                        font-size: 11pt;
                        /*background-color: navy;*/
                        background-image: -ms-linear-gradient(bottom, #000000 0%, #000080 100%);

                        /* Mozilla Firefox */ 
                        background-image: -moz-linear-gradient(bottom, #000000 0%, #000080 100%);

                        /* Opera */ 
                        background-image: -o-linear-gradient(bottom, #000000 0%, #000080 100%);

                        /* Webkit (Safari/Chrome 10) */ 
                        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(100, #000080));

                        /* Webkit (Chrome 11+) */ 
                        background-image: -webkit-linear-gradient(bottom, #000000 0%, #000080 100%);

                        /* W3C Markup */ 
                        background-image: linear-gradient(to top, #000000 0%, #000080 100%);
                        color: black;
                       }
#outer                 {width: 1000px;
                        margin-left:  auto;
                        margin-right: auto;
                       }
#inner                 {width: 980px;
                        border: 3px groove gray;
                        background-color: #ffffcc;
                       }
#header                {text-align: center;
                       }
#header img            {border: 5px ridge grey;
                        margin-top: 5px;
                        margin-bottom: 10px;
                       }
#pagecontent           {background-image: url('Common/bsbackground.png');}

#sidebar               {float: left;
                        width: 170px; 
                        text-align: center;
                       }
#content               {
                        text-align: left;
                        width: 780px;
                        margin-left: 180px;
                       }
                       
#footer                {clear: both;
                       }
                       
a:hover                {color: #FF0000;}
#buttons img           {padding-top: 4px;}
#missionbox            {font-size: 10pt;
                        width: 162px; 
                        margin-left: 3px;
                        background-color: ghostwhite;
                       }
#missiontext           {font-size: 8pt;}

#tophead               {font-size: 16pt;
                        text-align: center;
                        font-weight: bold;
                       }
               
#subhead               {font-size: 13pt; 
                        text-align: center;
                        font-weight: bold;
                       }   
#welcomehdr            {position: relative;}
#welcome               {font-size: 20pt;
                        text-align: center;
                        color: #0000FF;
                        font-weight: bold;
                       }
#welcome img           {position: absolute;
                        top: -10px; left: 600px;
                       }
                       
div.staff-email {
  margin-top: 40px;
  width: 70%;
  margin: 20px auto 0px auto;
  padding: 5px;
  color: white;
  border: 1px solid black;
  background-color: #0f009c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
}

div.staff-email a {
  text-decoration: none;
} 
div.staff-email a:link,
div staff-email a:hover, 
div.staff-email a:visited,
div.staff-email a:active { 
  color: white;
}

/*************************************/
/* TOP - Mass and Confession Styling */
/*************************************/

.mass-confess {
  margin-top: 30px;
}

.first-col {
  float: left;
  height: 200px;
  margin-left: 130px;
}
.second-col {
  float: left;
  margin-left: 20px;
  margin-top: 40px;
}

.masstime {
  width: 100px;
  text-align: right;
}

.mass-times, .confess-times, .adore-times {
  border-collapse: collapse; 
  background-color: white;
  caption-side: bottom;
}

.mass-times caption, .confess-times caption {
  font-size: 0.9em;
}

.mass-times th, .mass-times td, .confess-times th, .confess-times td, .adore-times th, .adore-times td {
  border: 1px solid black;
  border-collapse: collapse; 
  padding: 0 5px;
}

.mass-times th, .confess-times th, .adore-times th  {
  text-align: center;
  background-color:#a3d2fc;
}
.adore-times {
  margin-top: 30px;
}

.mass-spacer {
 /* margin: 240px 0px 50px 135px;*/
  margin-top: 300px;
}

/***************************************************/

#sunday                {margin-top: 20px;
                        font-size: 14pt;
                        text-align: center;
                        color: #008000;
                        font-weight: bold;
                       }
#week                  {font-size: 14pt;
                        text-align: center;
                        color: #000000;
                       }
#cellphone             {
                        font-size: 10pt;
                        font-weight: bold;
                        text-align: center;
                        color: #000000;
                       }
#picturecap            {font-size: 8pt;
                        font-weight: bold;
                        color: white;
                       }
#vistornum             {font-size: 10pt;
                        font-weight: bold;
                        color: white;
                       }
                       
h2#fourtyfive          { color: green; text-align: center;}

#head_blk              {color: green;
                        text-align: center;
                       }
.infohdr               {font-size: 12pt;
                        font-weight: bold;
                        text-align: center;
                        color: #800000;
                       }
                       
.info                  {text-align: left;}

.divider               {margin-left: auto; margin-right: auto;
                        text-align: center;
                        width: 350px; 
                        background-color: #08b2f7;
                        padding-left: 10px;
                        padding-right: 10px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                       }

div.info img           {padding-right: 2%;}

#contactme             {text-align: center;
                        font-size: 12pt;
                        font-weight: bold;
                        color: #008000;
                       }
#advertizers           {text-align: center;
                        font-size: 12pt;
                        font-weight: bold;
                       }
.pgfooter              {text-align: center;
                        margin-left: auto; margin-right: auto;
                        -moz-border-radius: 15px;
                        border-radius: 15px;
                        -webkit-border-radius: 15px;
                        background-color: white;
                        font-size: 10pt;
                        font-weight: bold;
                        width: 500px;
                       }
#webmaster             {text-align: center;
                        font-size: 10pt;
                       }
.font10                {font-size: 10pt;}                     
.center                {text-align: center;}
.centerbold            {text-align: center; font-weight: bold;}
.centerblock           {display: block; margin-left: auto; margin-right: auto;}
.left                  {text-align: left;}
.right                 {text-align: right;}
.undercenter           {text-decoration: underline;
                        text-align: center;
                       }
.boldunder             {text-decoration: underline;
                        font-weight: bold;
                       }
.checkmark             {list-style-image: url(images/check.gif);}
.bullet                {list-style-type: disc;}
.checkmark li          {margin-left: 110px;}
.lside_hr              {width: 156px; color: white;}
.rside_hr              {width: 615px; color: gray;}

.headblock             {text-align: center; font-size: 12pt; position: relative;}

.felipa_txt {
  font-family: Conv_Felipa-Regular; 
  font-size: 1.2em; 
}

.alice_txt {
  font-family: Alice-Regular; 
  font-size: 1.2em; 
}
.confirm_txt {
  font-family: Conv_Felipa-Regular; 
  font-size: 36pt; 
  color: red;
}
.confirm_txt img {
  padding-top: 20px;
}

.boldname              {
                        font-size: 22pt;
                        font-weight: bold;
                        text-shadow:
                          0 1px 0 #ccc,
                          0 2px 0 #c9c9c9,
                          0 3px 0 #bbb,
                          0 4px 0 #b9b9b9,
                          0 5px 0 #aaa,
                          0 6px 1px rgba(0,0,0,.1),
                          0 0 5px rgba(0,0,0,.1),
                          0 1px 3px rgba(0,0,0,.3),
                          0 3px 5px rgba(0,0,0,.2),
                          0 5px 10px rgba(0,0,0,.25),
                          0 10px 10px rgba(0,0,0,.2),
                          0 20px 20px rgba(0,0,0,.15);
                       }

#dedication1 {
  border: 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
   box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
}

.headblock h4          {font-size: 16pt; color: blue;}

.headblock .overlay    {clear: both; position: absolute; top: 380px; left: 40px;}

.paragraph             {text-indent: 50px;}

/************************/
/* Positioning Elements */
/************************/

.up5                   {margin-top: -5px;}
.up10                  {margin-top: -10px;}
.up15                  {margin-top: -15px;}
.up20                  {margin-top: -20px;}
.up25                  {margin-top: -25px;}
.up30                  {margin-top: -30px;}
.up35                  {margin-top: -35px;}
.up40                  {margin-top: -40px;}
.up45                  {margin-top: -45px;}
.up50                  {margin-top: -50px;}
.up55                  {margin-top: -55px;}
.up60                  {margin-top: -60px;}
.up65                  {margin-top: -65px;}
.up70                  {margin-top: -70px;}

.down5                 {margin-top: 5px;}
.down10                {margin-top: 10px;}
.down15                {margin-top: 15px;}
.down20                {margin-top: 20px;}
.down25                {margin-top: 25px;}
.down30                {margin-top: 30px;}
.down35                {margin-top: 35px;}
.down40                {margin-top: 40px;}
.down45                {margin-top: 45px;}
.down50                {margin-top: 50px;}
.down55                {margin-top: 55px;}
.down60                {margin-top: 60px;}
.down65                {margin-top: 65px;}
.down70                {margin-top: 70px;}
.down75                {margin-top: 75px;}
.down80                {margin-top: 80px;}
.down85                {margin-top: 85px;}
.down90                {margin-top: 90px;}
.down95                {margin-top: 95px;}
.down100               {margin-top: 100px;}

.indent10              {text-indent: 10px;}
.indent20              {text-indent: 20px;}
.indent30              {text-indent: 30px;}
.indent40              {text-indent: 40px;}
.indent50              {text-indent: 50px;}

.margin110             {margin-left: 110px;}
.margin120             {margin-left: 120px;}
.margin130             {margin-left: 130px;}
.margin140             {margin-left: 140px;}
.margin150             {margin-left: 150px;}

.padlft10              {padding-left: 10px;}
.padlft20              {padding-left: 20px;}
.padlft30              {padding-left: 30px;}
.padlft40              {padding-left: 40px;}
.padlft50              {padding-left: 50px;}

.bodytxt               {margin-left: 121px;}
.bodytxtindent         {margin-left: 150px;}
.bodytxt20             {margin-left: 20px; }
.bodytxtmsg            {margin-left: 50px;}
.msgtxt                {margin-left: 200px;}

.imgrt                 {position: relative;
                        float: right;
                        border: 0px;
                       }
.imglt                 {position: relative;
                        float: left;
                        border: 0px;
                       }                  
                       
.clicklink             {margin-left: 121px;}
.clicklink img         {float: left;}
.clicklink div         {font-size: 1.4em;}
.leftfloat             {float: left;} 
.rightfloat            {float: right;} 
.clearfloat            {clear: both;}

.notebox               {margin: 0px auto 0px auto;
                        width: 450px; height: 220px;
                        background: url("images/loving_memory.jpg") no-repeat;
                       }

.notebox-text          {text-align: center; 
                        margin-top: -155px;
                        margin-bottom: 60px;
} 
                       
.condolences           {text-align: center;}
.condolence-top        {margin: 0px auto;
                        background: url(images/loving-top.jpg) no-repeat;
                        padding: 0px;
                        height: 184px;
                        width: 445px;
                       }
.condolence-bottom     {margin: 0px auto;
                        background: url(images/loving-bottom.jpg) no-repeat;
                        padding: 0px;
                        height: 85px;
                        width: 445px;
                      }

.condolence-middle    {margin: 0px auto;
                        text-align: center;
                        padding: 8px 0px;
                        /*height: 55px;*/
                        width: 445px;
                        background-color: #e6f2ff;
                      }
  
                      
.pnotebox              {margin: 0px auto;
                        height: 220px;
                        position: relative;
                        background: url("images/confirmation_dove.png") no-repeat;
                       }
.prayers               {text-align: center; 
                        font-size: 12pt;
                        margin-top: -220px;
                        margin-left: auto; margin-right: auto;
                       }

/**********************/
/* Columns based grid */
/**********************/

.grid-1 {
  width: 100%;
  float: left;
}

.grid-2 {
  width: 49.5%;
  float: left;
}

.grid-3 {
  width: 33%;
  float: left;
}

.grid-4 {
  width: 24.5%;
  float: left;
}

.grid-5 {
  width: 19.75%;
  float: left;
}

.grid-6 {
  width: 16%;
  float: left;
}

.grid-7 {
  width: 14%;
  float: left;
}

.grid-8 {
  width: 12%;
  float: left;
}

.grid-9 {
  width: 11%;
  float: left;
}

.grid-10 {
  width: 9.5%;
  float: left;
}

/***********************/
/* Knights of Columbus */
/***********************/

.kt-col-1 {
  width: 1%;
  float: left;
}

.kt-col-5 {
  width: 5%;
  float: left;
}

.kt-col-15 {
  width: 15%;
  float: left;
}

.kt-col-33 {
  width: 33%;
  float: left;
}

.kt-col-49 {
  width: 49%;
  float: left;
}


.kt-col-49 h3 {
  text-align: center;
  padding: 5px 0px;
  border: 1px solid black;
  background-color: white;
}
 .kt-col-100 {
  clear: left;
  float: left;
  width: 100%;
  text-align: left;
}

.kt-col-100 h3 {
  text-align: center;
  padding: 5px 0px;
  border: 1px solid black;
  background-color: white;
}

/******************/
/* Figure STYLING */
/******************/

figure {
   background-color: #101870;
   text-align: center;
   margin-left: 115px;
   -moz-shadow: 10px 10px 5px #888888;
   -webkit-shadow: 10px 10px 5px #888888;
   box-shadow: 10px 10px 5px #888888;
}

figure figcaption {
   font-size: 14px;
   font-style: italic;
   text-align: center;
   color: white;
}

figure figcaption span {
  font-size: 12px;
}

/***********************/
/* Flash and Animation */
/***********************/

.flash {
  animation-name: flash;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}

@keyframes flash {
    from {color: red;}
    to {color: black;}
}


.flashHead {
  animation-name: flashHead;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}

@keyframes flashHead {
    from {color: yellow;}
    to {color: red;}
}

h3.flashHead {
  text-align: center;
  background-color: rgb(10,0,128);
}

/****************/
/* List Styling */
/****************/

.dotstyle              {list-style-image: url('Common/blu_bl.gif'); }

/****************/
/* Time Styling */
/****************/
time {
  font-weight: bold;
  color: #056003;
}

/*****************/
/* Table Styling */
/*****************/

table.pcouncil {
  border: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 auto;

}

table.pcouncil tr:nth-of-type(odd) {
  background-color: #c2dfff;
}

table.pcouncil tr:nth-of-type(even) {
  background-color: #f0ffff;
}

table.fishdinner 
{
  border: 3px solid blue;
  border-collapse: collapse;
}
table.fishdinner th, table.fishdinner td {
  padding: 5px;
  vertical-align: top;
}

table.fishdinner td, table.fishdinner th {
  border: 1px solid black;
}

table.prolife 
{
  margin: 0 auto;
  border: 3px solid blue;
  border-collapse: collapse;
}
table.prolife th {
  text-align: center;
}
table.prolife ul {
  padding-left: 20px;
}
table.prolife td {
  padding: 0 5px 0 5px;
  vertical-align: top;
}
table.prolife td, table.prolife  th {
  border: 1px solid black;
}
table.prolife tr:first-child th {
  border-top: 0;
}
table.prolife tr:last-child td {
  border-bottom: 0;
}
table.prolife tr td:first-child,
table.prolife tr th:first-child {
  border-left: 0;
}
table.prolife tr td:last-child,
table.prolife tr th:last-child {
  border-right: 0;
}

.xmas-lit-sched {
  font-size: 0.9em;
  /*border: 1px solid black;*/
  border-collapse: collapse;
  width: 100%; 
}

.xmas-lit-sched th, .xmas-lit-sched td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 2px;
}

.xmas-lit-sched .hdrow {
  background-color: #a8d08d;
  text-align: center;
}

.xmas-lit-grp1 {
  background-color: #e7f3df;
}
 
.xmas-lit-sched .hdrow th:first-of-type {
  background-color: #ffffcc;
}
.xmas-lit-sched .hdrow .emptycell {
  border-top: none;
  border-left: none;
}

.xmas-lit-sched .blankrow td {
  border-right: none;
  border-left: none;
  background-color: #ffffcc;
}

#masses {
  width: 100%;
  border-collapse: collapse; 
}

#masses th, #masses td {
  text-align: center; 
  border: 3px solid gray;
  border-collapse: collapse; 
}

.rsep               {height: 20px; width: 100%;}
.emptyrow            {background-color: #ffffcc;}


/*
#masses #mdate         {text-align: center; width: 145px;}
#masses #mdate:after   {content: "Date";}
#masses #mtime         {text-align: center; width: 80px;}
#masses #mtime:after   {content: "Time";}
#masses #mwho          {text-align: center;}
#masses #mwho:after    {content: "Intention";}
*/




/* DEFAULT PAGE COLOR IS #87CEEB; */


/* Default Sizes */
/*#masses tr td:nth-of-type(1) {width: 115px;}*/
#masses tr td:nth-of-type(1) {width: 135px;}
/*#masses tr td:nth-of-type(2) {width:  85px;}*/

#penance td            {text-align: center; width: 200px;}
#penance th            {text-align: center; width: 175px;}



/****************************************************************/
/* Advent Theme                                                 */
/****************************************************************/

/*
#masses tr:nth-of-type(odd)  {background-color: #FFE1FF;}
#masses tr:nth-of-type(even) {background-color: #F8F8F8;}


#penance tr:nth-of-type(odd)  {background-color: #FFE1FF;}
#penance tr:nth-of-type(even) {background-color: #F8F8F8;}
*/
/****************************************************************/
/* Christmas Pennance                                           */
/****************************************************************/

/*
#penance tr:nth-of-type(odd)    {background-color: #a3d2fc;}
#penance tr:nth-of-type(even)   {background-color: #e5f2ff;}
#masses tr:nth-of-type(15) {background-color: #a3d2fc;}
#masses tr:nth-of-type(16) {background-color: #a3d2fc;}
#masses tr:nth-of-type(17) {background-color: #a3d2fc;}
*/

/****************************************************************/
/* Christmas Day                                                */
/****************************************************************/

/*
#masses tr.xmas-odd            {background-color: #a3d2fc;}
#masses tr.xmas-even           {background-color: #e5f2ff;}
.xmas-odd b, .xmas-even b      {font-size: 0.9em; color: blue;}

#masses tr:nth-of-type(even)    {background-color: #3366ff; color: #fff; font-weight: bold;}
*/

/****************************************************************/
/* Christmas Theme  - Blue color                                */
/****************************************************************/
                                        
/*
#masses tr:nth-of-type(odd)     {background-color: #a3d2fc;}
#masses tr:nth-of-type(even)    {background-color: #e5f2ff;}

#penance tr:nth-of-type(odd)    {background-color: #a3d2fc;}
#penance tr:nth-of-type(even)   {background-color: #e5f2ff;}
*/

/****************************************************************/
/* Christmas Masses */
/****************************************************************/

/*
#masses tr:nth-of-type(7), 
#masses tr:nth-of-type(8),
#masses tr:nth-of-type(9),
#masses tr:nth-of-type(10)  {background-color: #aad4ff;}
*/

/*****************************************************************/
/* Lent Theme  - Color - (odd) purple  (even) white              */
/****************************************************************/
 
/*               
#masses tr:nth-of-type(odd)     {background-color: #ffe1ff;}
#masses tr:nth-of-type(even)    {background-color: #ffbbff;}

#penance tr:nth-of-type(odd)    {background-color: #ffe1ff;}
#penance tr:nth-of-type(even)   {background-color: #ffbbff;}

.lentodd              {background-color: #FFE1FF;}
.lenteven             {background-color: #F8F8F8;}
*/

/****************************************************************/
/* Easter Theme  - Color - (odd) white  (even) yellow           */
/****************************************************************/
                   

#masses tr:nth-of-type(odd)  {background-color: #fff;}
#masses tr:nth-of-type(even) {background-color: #ffff7f;}

#penance tr:nth-of-type(odd)  {background-color: #fff;}
#penance tr:nth-of-type(even) {background-color: #ffff7f;}


/****************************************************************/
/* Ordinary Time Theme */
/****************************************************************/
/* Ordinary Color */
/*                                          
#masses tr:nth-of-type(odd)  {background-color: #d6f5d6;}
#masses tr:nth-of-type(even) {background-color: #ffffff;}

#masses tr:nth-of-type(1)    {background-color: #33cc33;}
*/

/*
#penance tr:nth-of-type(odd) {background-color: #F8F8F8;}


#penance tr:nth-of-type(odd)  {background-color: #d6f5d6;}
#penance tr:nth-of-type(even) {background-color: #ffffff;}
*/

/*
#masses tr:nth-of-type(7), 
#masses tr:nth-of-type(8)     {background-color: #cceeff;}
#masses tr:nth-of-type(9), 
#masses tr:nth-of-type(10)     {background-color: #cceeff;}

#thanksgiving             {background-color: #d3ac8b;}
*/

/*************************/
/* Diocesan Appeal Table */
/*************************/

table#stewardship      {border: 0px; text-align: center; font-size: .8em;}
#stewardship th, 
#stewardship td        {padding: 2px;}
#stewardship th,
#stewardship td        {padding-left: 10px;}
#stewardship th        {text-align: left;}
#stewardship td        {text-align: right;}

table#appeal {
  border-collapse: collapse;
  border: 2px solid black;
}

td.apl_rtal {
  text-align: right;
  padding-right: 3px;
  padding-left: 3px;
  font-weight: bold;
  border-left: 1px solid black;
}

td.apl_ltal {
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
}



table#appeal tr:last-of-type td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid black;
  background-color: #c1ecfa;
}

table#activity {
  border: 2px solid black;
}

table#activity caption {
  font-size: 1.4em;
  color: blue;
  padding-bottom: 10px;
}

table#activity thead th:nth-of-type(1) {
  width: 10%;
}

table#activity thead th:nth-of-type(2) {
  width: 75%;
}
table#activity thead th {
  text-align: center;
  background-color: #d7e6ac;
  border: 1px solid black;
}

table#activity tbody th {
  text-align: center;
}

table#activity tbody th, table#activity tbody td {
    border: 1px solid black;
  }
  
table#activity tbody tr:nth-of-type(odd) {
  background-color: #e9ffff;
}

table#activity tbody tr:nth-of-type(even) {
  background-color: #ffffff;
}

table.diosummary {
  margin: 0 auto;
  border: 1px solid black;
  background-color: white;
}

table.diosummary td{
  padding-right: 10px;
  padding-left: 10px;
}

table.diosummary td:nth-of-type(odd) {
  font-weight: bold;
}

.rciatbl th {
  font-size: 1.3em;
  vertical-align: middle;
}

.rciatbl td {
  border-left: 2px solid black;
  padding-left: 5px;
  vertical-align: middle;
}
/****************************************************************/




/* LENT Services */

.lentpen                {background-color: #FFE1FF; 
                           border: 3px solid purple; 
                           border-collapse: collapse;
                           margin-left: auto; margin-right: auto;
                           text-align:center;
                          }
.lentpen tr, .lentpen th, .lentpen td { padding: 2px; 
                           border-style: solid;
                           border-color: purple;
                          }
.lenth4                 {letter-spacing: 2px; 
                           background-color: purple;
                           color: white !important; 
                           width: 400px; 
                           text-align: center; 
                           margin-left: auto; margin-right: auto;
                          }

#rules                  {margin-left: 20px;}
#rules dt               {font-weight: bold;}
#rules dl               {margin-left: 20px;}

.highlight              {background-color: yellow; color: red; padding: 5px 5px;}

/******************/
/* Column STYLING */
/******************/



.sicklist               {list-style: none;
                           -webkit-column-count: 4;
                           -moz-column-count: 4;
                           column-count: 4;
                          }
                          
.firstrecon             {list-style: none;
                           color: black; font-weight: bold;
                           font-family: Conv_Felipa-Regular;
                           font-size: 14pt;
                           -webkit-column-count: 2;
                           -moz-column-count: 2;
                           column-count: 2;
                          }


.vets, .deceased         {list-style: none;
                           color: blue; font-weight: bold;
                           -webkit-column-count: 2;
                           -moz-column-count: 2;
                           column-count: 2;
                          }
.deceased               {color: green; font-weight: bold;}

.confirmandi, .bcol2      {list-style: none;
                           color: black; font-weight: bold;
                           -webkit-column-count: 2;
                           -moz-column-count: 2;
                           column-count: 2;
                          }

.saint                  {color: blue;}

.firstcommunion          {list-style: none;
                           font-size: 1.2em; font-weight: bold;
                           -webkit-column-count: 2;
                           -moz-column-count: 2;
                           column-count: 2;
                          }

/*******************/
/* Background Fill */
/*******************/

/*****************/
/* ROUNDED BOXES */
/*****************/
.roundBox-white {
	border: solid 1px #CCCCCC;
	background-color: #f9f9f9;
	/*display: table;*/
	padding: 5px;
	margin: 4px 4px 0px 4px;
	border-radius: 10px; 
}

/*****************/
/* TABLE STYLING */
/*****************/

table.center            {margin-left: auto; margin-right: auto; text-align: left;}

table.markcal           {margin-left: auto; margin-right: auto;
                           border: 2px solid black;
                           padding: 0px;
                           width: 700px;
                           border-collapse: collapse;
                          }
table.markcal th, table.markcal td {
                              vertical-align: middle;
                              border: 1px solid gray;
                              padding: 3px 5px;
                             }
.markcal thead th            {background-color: #8b4513; color: white; text-align: center;}
.markcal tr:nth-of-type(odd)  {background-color: #f5ebcc;}
.markcal tr:nth-of-type(even) {background-color: #f5ebcc;}

table.markcal tr.tbl-sub-head {
  background-color: white; 
}

table.markcal tr.tbl-sub-head th {
  text-align: center;
}

/*
.reled tr:nth-of-type(odd)   {background-color: #98fb98;}
.reled tr:nth-of-type(even)  {background-color: #98fb98;}
.reled tr:nth-of-type(1)     {background-color: #228b22; color: white;}
*/

table.reled               {margin-left: auto; margin-right: auto;
                           border: 2px solid black;
                           padding: 0px;
                           width: 700px;
                           border-collapse: collapse;
                          }
table.reled th, table.reled td {
                              vertical-align: middle;
                              border: 1px solid gray;
                              padding: 3px 5px;
                             }

.reled thead th           {background-color: #fa9600; color: black; text-align: center;}
.reled tr:nth-of-type(odd)  {background-color: #f5ebcc;}
.reled tr:nth-of-type(even) {background-color: #f5ebcc;}

table.reled tr.tbl-sub-head {
  background-color: white;
}

table.reled tr.tbl-sub-head th {
  text-align: center;
}

/*
.reled tr:nth-of-type(odd)   {background-color: #f5ebcc;}
.reled tr:nth-of-type(even)  {background-color: #f5ebcc;}
*/
.reledTime                 {text-align: right;}


table.Advent {
  margin-left: auto; margin-right: auto;
  border: 2px solid black;
  padding: 0px; 
  width: 400px;     
}

table.Advent th, table.Advent td {
  vertical-align: top;
  border: 1px solid gray;
  padding: 3px 5px;
}

.Advent tr:nth-of-type(odd)     {background-color: #ffe1ff;}
.Advent tr:nth-of-type(even)    {background-color: #ffbbff;}
.Advent tbody tr:nth-of-type(3) {background-color: #ffbbff;}

.Advent caption               {color: #800080; padding-bottom: 20px; font-weight: bold; font-size: 16pt;}
.Advent thead th              {background-color: #800080; color: white; text-align: center;}



table.Christmas {
  margin-left: auto; margin-right: auto;
  border: 2px solid black;
  padding: 0px; 
  width: 500px;
  border-collapse: collapse;     
}
                             
                             
table.Christmas th, table.Christmas td {
  text-align: center; 
  border: 2px solid black;
  padding: 3px 5px;

}
                             
.Christmas caption           {color: #2a8000; padding-bottom: 20px; font-weight: bold; font-size: 16pt;}

.Christmas thead th              {background-color: #2a8000; color: white; text-align: center;}


.Christmas tbody tr:nth-of-type(1)   {background-color: #b3ffb3;}
.Christmas tbody tr:nth-of-type(2)   {background-color: #66ff66;}

.Christmas tbody tr:nth-of-type(3)   {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(4)   {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(5)   {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(6)   {background-color: #b3ffb3;}
.Christmas tbody tr:nth-of-type(7)   {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(8)   {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(9)   {background-color: #b3ffb3;}
.Christmas tbody tr:nth-of-type(10)  {background-color: #b3ffb3}
.Christmas tbody tr:nth-of-type(11)  {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(12)  {background-color: #66ff66;}
.Christmas tbody tr:nth-of-type(13)  {background-color: #b3ffb3;}

.xtime                   {text-align: right;}
.xmas-spacer             {border-left: none; border-right: none;}

table.Confession {
  margin-left: auto; margin-right: auto;
  border: 2px solid black;
  padding: 0px; 
  width: 600px;     
}
                             
                             
table.Confession th, table.Confession td {
  vertical-align: top;
  border: 1px solid gray;
  padding: 3px 5px;
}
                             
.Confession caption           {color: #2a8000; padding-bottom: 20px; font-weight: bold; font-size: 16pt;}

.Confession thead th                     {background-color: #2a8000; color: white; text-align: center;}
.Confession tbody tr:nth-of-type(odd)    {background-color: #b3ffb3;}
.Confession tbody tr:nth-of-type(even)   {background-color: #66ff66;}

/******************************/
/* Ordered an Unordered Lists */
/******************************/

ul.presents {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


ul.presents li {
  margin-top: 20px;
  background: url('images/present_li.jpg') no-repeat top left;
  padding-left: 35px;

}
ul.xmas-lit-codes {
  list-style: none;
  font-size: 0.8em;
  font-weight: bold;
}

ol.bracketlist {
  list-style-type: none;
  counter-reset: listitem;
}

ol.bracketlist li::before {
  content: "[" counter(listitem) "]";
  counter-increment: listitem;
}
/***********/
/* Padding */
/***********/

.pad-10 {
  padding: 10px 10px;
}

/**********************/
/* Shadow and borders */
/**********************/

.shadow-1 {
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.shadow-2 {
  -moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, .5);
  box-shadow: 2px 4px 8px rgba(0, 0, 0, .5);
}

.shadow-3 {
   -moz-shadow: 10px 10px 5px #888888;
   -webkit-shadow: 10px 10px 5px #888888;
   box-shadow: 10px 10px 5px #888888;
}

.border-1 {
  border: 1px solid #000;
}

/**************************/
/* Self Generated Buttons */
/**************************/

.downbuttons {
  margin: 0px auto;
  text-align: center;
}

a.btn {
	display: block; width: 200px; height: 50px; padding: 10px 0px 5px 0px; margin-left: 20px;
	
	background: #398525; /* old browsers */
	background: -moz-linear-gradient(top, #8DD297 0%, #398525 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(100%,#398525)); /* webkit */
	
	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	border: 1px solid #5ea617;
	border-radius: 10px;
	
	font: bold 20px/20px Helvetica, Sans-Serif; float:left;
	text-transform: uppercase; text-decoration: none;
	color: #147032;
	text-shadow: 0px 1px 2px #b4d1ad;
	
	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;	
}

a.btn:hover {
  color: blue;
		
  -moz-transition: color 0.25s ease-in-out;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

/***********************/
/* COLOR, FONT STYLING */
/***********************/

.bold                  {font-weight: bold;}   

.font10                {font-size: 10pt;}

.whiterow              {background-color: white;}
.greenrow              {background-color: #00c618; color: black; font-weight: bold;}
.skybluerow            {background-color: #87ceeb; color: black; font-weight: bold;}
.doublecol             {width: 49%;}
.triplecol             {width: 33%;}



.blockltr              {font-size: 3.0em; float: left; margin-top: -15px; font-weight: bold;}
.blockltrmargin        {margin-left: 60px;}

.bi20                   {font-style: italic; font-size: 20pt; font-weight: bold;}
.bi26                   {font-style: italic; font-size: 26pt; font-weight: bold;}
.bi32                   {font-style: italic; font-size: 32pt; font-weight: bold;}

/* Background Colors */
.tanBack               {background-color:white;}
.backgreen1            {background-color: #33ff00;}
.backgreen2            {background-color: #33cc33;}
.backgreen3            {background-color: #339900;}
.lightgray             {background-color: #f2f2f2;}
.backblue1             {background-color: #3366ff; color: white;}

.red                   {color: red;}
.green                 {color: green;}
.blue                  {color: blue;}

.blue0b               {color: #0000FF; font-weight: bold}
.blue1                {font-size: 12pt;
                        color: #0000FF;
                        font-weight: bold;
                       }
.blue16                {font-size: 16pt;
                       }
.mediumblue1           {font-size: 12pt;
                        color: mediumblue;
                        font-weight: bold;
                       }
.white1                {font-size: 12pt;
                        color: white;
                        font-weight: bold;
                       }
.wheat1                {font-size: 12pt;
                        color: #f5deb3;
                        font-weight: bold;
                       }

.tan1                  {font-size: 12pt;
                        color: #D2B48C;
                        font-weight: bold;
                       }
.yellow1               {font-size: 12pt;
                        color: yellow;
                        font-weight: bold;
                       }
.gray1                 {font-size: 12pt;
                        color: gray;
                        font-weight: bold;
                       }
.burlywood1            {font-size: 12pt;
                        color: burlywood;
                        font-weight: bold;
                       }
.darkgoldenrod1        {font-size: 12pt;
                        color: darkgoldenrod;
                        font-weight: bold;
                       }
.orange1               {font-size: 12pt;
                        color: orange;
                        font-weight: bold;
                       }
.darkorange1           {font-size: 12pt;
                        color: #ff8c00;
                        font-weight: bold;
                       }                       
.lime1                 {font-size: 12pt;
                        color: lime;
                        font-weight: bold;
                       }
.yellowgreen1          {font-size: 12pt;
                        color: #9acd32;
                        font-weight: bold;
                       }
.green1                {font-size: 12pt;
                        color: #008000;
                        font-weight: bold;
                       }
.brown1                {font-size: 12pt;
                        color: brown;
                        font-weight: bold;
                       }
.red1                  {font-size: 12pt;
                        color: #ff0000;
                        font-weight: bold;
                       }
.black1                {font-size: 12pt;
                        color: #000000;
                        font-weight: bold;
                       }
.purple1               {font-size: 12pt;
                        color: purple;
                        font-weight: bold;
                       }
.yellow1               {font-size: 12pt;
                        color: yellow;
                        font-weight: bold;
                       }
.lightgray1            {font-size: 12pt;
                       color: #f2f2f2;
                       font-weight: bold;
                       }                      
                      
.black0                {font-size: 8pt;
                        color: #000000;
                       }
.black0a               {font-size: 10pt;
                        color: #000000;
                       }
.backtotop             {color: #0000ff;
                        font-size: 10pt;
                        text-align: center;
                       }
#kcofficers            {margin-left: 200px;
                        margin-top: -10px;
                        color: #090974;
                       }
#kcduties              {margin-left: 50px;
                        font-size: 14pt;
                       }
#kcduties img          {float: left;}
#kcduties a            {text-decoration: none;}

.whatsup              {margin-left: 130px;}
.whatsup dt           {font-size: 12pt;
                       font-weight: bold;
                       font-style: italic;
                      }

.baptism            { 
                       border-radius: 10px; 
                       background-image: url(images/blue_ocean.jpg); 
                       width: 80%;
                       padding: 10px;
                       margin-left: auto;
                       margin-right: auto;
                       text-align: center;
                       /*filter: alpha(opacity="90");*/
                       -moz-opacity: 0.9;
                       -khtml-opacity: 0.9;
                       opacity: 0.9;
                      }
                      
                 
.giveThanks          { 
                       background-image: url(images/fall.jpg);
                       background-repeat: no-repeat;
                       height: 410px;
                       margin-top: -200px;
                       margin-left: auto;
                       margin-right: auto;
                       text-align: center;
                      }

.giveThanks img      {
                       position: relative;
                       z-index: 1;
                       top: 100px;
                       /*filter: alpha(opacity="60");*/
                       -moz-opacity: 0.6;
                       -khtml-opacity: 0.6;
                       opacity: 0.6;
                      }   
.giveThanksText      {
                       position: relative;
                       z-index: 2;
                       top: -300px;
                       text-align: center
                      }
                      
.marginFix          {
                       margin-top: -220px;
                      }

.baptized, .married  {font-family: "Comic Sans MS", cursive, sans-serif;
                       font-size: 1.2em;
                       font-weight: bold;
                      }
.marriage           {
                       text-align: center;
                      }
.texthdr            {font-size: 1.2em;
                       font-weight: bold;
                       font-family: "Comic Sans MS", cursive, sans-serif;
                       position: relative;
                       left: -50px;
                       text-align: center;
                      } 
.round10            {-webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                      }
.round20              {-webkit-border-radius: 20px;
                        -moz-border-radius: 20px;
                        border-radius: 20px;
                      }
.round30            {-webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        border-radius: 30px;
                      }
.round40            {-webkit-border-radius: 40px;
                        -moz-border-radius: 40px;
                        border-radius: 40px;
                      }
.round50            {-webkit-border-radius: 50px;
                        -moz-border-radius: 50px;
                        border-radius: 50px;
                      }

#nadays-text {
  width: 650px;
  display: block;
  margin: 0 auto;
  padding: 20px 10px;
  background-color: #fff;
  border: 3px double red;
}


.rosary-box img {
  width: 100%;
  background-position: right bottom;
  opacity: 0.5;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.rosary-tables {
  position: relative;
  margin-top: -400px;
  padding-left: 50px;
}

.rosary-mysteries {
  float: left;
  font-size: 0.9em;
  width: 49%;
  padding-bottom: 40px;
}

.rosary-mysteries caption {
  font-weight: bold;
}