a.serif {font-family:serif}

a:link{text-decoration:none; color: #0066ff; font-family:sans-serif}
a:visited{text-decoration:none; color: #0066ff; font-family:sans-serif}
/*
a:link{text-decoration:none; color: #2b7bb9; font-family:sans-serif}
a:visited{text-decoration:none; color: #2b7bb9; font-family:sans-serif}
a:link{text-decoration:none; color: #004488; font-family:sans-serif}
a:visited{text-decoration:none; color: #004488; font-family:sans-serif}
a:hover{color: blue; font-weight: bold}
*/
a:hover{color: red;}

li.ss { font-family:sans-serif}
li { font-family:sans-serif}

/* Numbered list */
ol.ssnum {font-family:sans-serif; list-style-type:decimal}

/* Floated and inlined images */
img.left-top {float:left; vertical-align:text-top; margin-right:1em}
img.right-top {float:right; vertical-align:text-top; margin-left:1em}
img.inline {vertical-align:text-top; margin-left:1em; margin-right:1em}

/*
h2 {font-size: 16pt}
*/

p.ss{font-family: sans-serif;}
p{font-family: sans-serif;}
h2 {font-family: sans-serif;}

body.centered {font-family: sans-serif; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; margin-left: 0; background-image: url('https://becket.ca/images/site/wood6.jpg'); background-repeat: repeat;}

div.main {width: 1024px; background-color: rgb(235,230,243); min-height: 800px; padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto}

div.topdiv {width: 1000px; overflow: auto; background-image: url('http://becketparish.org/becket2017/images/site/top_no_cross.jpg'); margin-left: auto; margin-right: auto}

div.box {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; margin: 0px 20px 12px 0px; padding: 6px 12px 6px 12px; width: 743px; overflow: auto; border: 1px solid; border-color: #C0C0F0; background-color: #FFFFFF; box-shadow: 6px 6px 3px #888888;}

div.box-wtop {
   width: 743px; overflow: auto; background-color: #FFFFFF;
   color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;
   margin: 0px 20px 12px 0px; padding: 6px 12px 6px 12px;
   border: 1px solid; border-color: #C0C0F0; border-top: 4px solid rgb(36,4,108);
   box-shadow: 6px 6px 3px #888888;
}

div.box-wtop-noshadow {
   width: 743px; overflow: auto; background-color: #FFFFFF;
   color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;
   margin: 0px 20px 12px 0px; padding: 6px 12px 6px 12px;
   border: 1px solid; border-color: #C0C0F0; border-top: 4px solid rgb(36,4,108);
}

div.box-noshadow {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; margin: 0px 20px 12px 0px; padding: 6px 12px 6px 12px; width: 743px; overflow: auto; border: 1px solid; border-color: #C0C0F0; background-color: #FFFFFF;}

div.box-title {
   background-color: rgb(36,4,108);
   color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;
   margin: -6px -12px 6px -12px; padding: 6px 6px 6px 6px;
}

div.box-simple {
   width: 743px; overflow: auto;
   color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;
   margin: 0px 20px 12px 0px; padding: 6px 12px 6px 12px;
}

div.boxtitle {width: 755px; margin: -6px 0px 6px -12px; padding: 6px 6px 6px 6px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; background-color: rgb(36,4,108);}

div.boxtop {width: 755px; margin: -6px 0px 6px -12px; padding: 2px 6px 2px 6px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; background-color: rgb(36,4,108);}

div.box-staff {display: inline-block; vertical-align: top}

/* For the home page */

div.boxh {
   width: 346px; overflow: auto; background-color: #FFFFFF;
   color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;
   margin: 0px 0px 12px 0px; padding: 6px 12px 6px 12px;
   border: 1px solid; border-color: #C0C0F0;
}

div.boxh-wtop {
   width: 346px; overflow: auto; background-color: #FFFFFF;
   color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;
   margin: 0px 0px 12px 0px; padding: 6px 12px 6px 12px;
   border: 1px solid; border-color: #C0C0F0; border-top: 4px solid rgb(36,4,108);
}

div.boxh-title {
   background-color: rgb(36,4,108);
   font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px;
   margin: -6px -12px 6px -12px; padding: 6px 6px 6px 6px;
}

/*   
div.boxhtitle {width: 360px; margin: 0px 0px 0px 0px; padding: 6px 6px 6px 6px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; background-color: rgb(36,4,108);}

div.boxhtop {width: 360px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 6px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; background-color: rgb(36,4,108);}
*/

/* For use with announcements */
h3.storytitle {font-family: sans-serif; font-style: italic; font-weight: bold;}
strong.storytitle {font-family: sans-serif; font-style: italic; font-weight: bold}

/* For lectors' corner pages*/
table.lector {border-style:none; padding:0; margin-right:auto; margin-left:auto;}
td.lectorsked {text-align:center; font-weight:bold}
td.lectorskedleft {font-weight:bold}
td.lectorteams {padding-left:15px; vertical-align:top}

/* Borderless two column tables */
table.twocol {border-style:none}
td.twocol {vertical-align:top; padding-right:2em}
td.twocol2 {vertical-align:top; padding:0}

div.ffbox { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; background:#FFEBCD; border:1px solid; border-color:#CD853F; padding-left:7px; padding-top:7px; padding-right:7px; padding-bottom:3px; width: 650px; }


div.ffboxtop { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; width:651px; background:#440000 url(/web/images/rightcurve_44.jpg) top right no-repeat; border:0; border-left-width:1px; border-left-style:solid; border-left-color:#440000; margin:0; padding-top:3px; padding-left:7px; padding-right:7px; padding-bottom:5px}


div.ffboxtopempty { font-family:Arial, Helvetica, sans-serif; font-size:6px; color:#FFFFFF; width:650px; background:#440000; border:1px solid; border-color:#330000; padding-top:1px; padding-left:7px; padding-right:7px; padding-bottom:1px}

fieldset.white {padding: 10px; background-color: #ffffff;}
fieldset.white legend {font-weight: bold; padding-left: 6px; padding-right: 6px;}

fieldset.colored {padding: 10px; background-color:rgb(247,243,247);}
fieldset.colored legend {font-weight: bold; padding-left: 6px; padding-right: 6px; background: linear-gradient(rgb(235,230,243), rgb(247,243,247));}

fieldset.step2 {padding: 10px; background-color: #fffff4;}
fieldset.step2 legend {font-weight: bold; padding-left: 6px; padding-right: 6px;}
legend.step2 {font-weight: bold; padding-left: 6px; padding-right: 6px;}

.submit-button {
  color: #18507C;
  font-size: 14px;
  font-weight:normal;
  border: 1px solid #18507C;
  border-radius: 5px;
  /* background-color: #f2f2f2; */
  background-color: #FCFCFC;
  padding: 2px 2px 2px 2px;
  text-align: center;
}

.submit-button:hover {
  color: #FF0000;
}

fieldset.gray {
  background-color: #F7F3F7;
}

@font-face {
  font-family: 'Calligraphic421';
  src: url('/common/fonts/Calligraphic 421 BT.ttf') format('truetype');
}