@charset "utf-8";

/*img { behavior: url(../iepngfix.htc) } */

.bodyhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #001C4D;
	padding-top: 40px;
	padding-left: 10px;
	padding-bottom: 15px;
}

.bodytext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #001C4D;
	line-height: 20px;
	padding-left: 20px;
	padding-right:20px;
}

a.redlink {
color: #730a1c;
text-decoration: none;
}
a.redlink:hover {
color: #730a1c;
text-decoration: none;
}

a {
color: #023976;
text-decoration: none;
font-weight: bold;
}

a:hover {
background-color: #023976;
color: #ffffff;
text-decoration: none;
}

a.bluelink {
color: #023976;
text-decoration: underline;
}

a.bluelink:hover {
color: #023976;
text-decoration: none;
}

div.container {
width:98%; 
margin:1%;
}

hr {
	color: #001C4D;
	background-color: #001C4D;
	height: 1px;
	width:100%;
	text-align: justify;
}

tr.stretch {
	height: 200px;	
	background-color: #CFD3DD;
}

table#tabletop {
  text-align:center; 
  margin-left:auto; 
  margin-right:auto; 
  width:975px;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  border-top: 6px solid #204B7B;
  border-left:1px solid #204B7B;
  border-right:1px solid #204B7B;
  /*border-bottom: 1px solid #204B7B;*/
  }
  
  table#tableimages {
  text-align:center; 
  margin-left:auto; 
  margin-right:auto; 
  width:975px;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  /*border-top: 6px solid #204B7B;*/
  border-left:1px solid #204B7B;
  border-right:1px solid #204B7B;
  /*border-bottom: 1px solid #204B7B;*/
  }
  
.home_meet{
	position: relative; left:0px; background: url(randim/home_meet.php); width: 323px; height: 235px; border-left:3px solid #CFD3DD;
}
  
.divtext1 { 
  position: absolute; 
  bottom: 30px; 
  left: 10px; 
  width: 325px; 
  font-size: 26px; 
  font-weight: bold; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: oblique;   
  color: #FFFFFF /* #731d35 */ /*#c6daf3*/; 
  text-shadow: 2px -2px 1px #001C4D;
  }
  
.divtext1 span {
 /* position correctly */
	position:absolute;
	left:0px;top:0px; /* strength + pixelradius */
	/* the magic: filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1)"; 
	/* for IE 6 and 7 ... */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1); 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#001C4D, Strength=2, Direction=90);*/
	zoom:1;/*force hasLayout*/
	}
  
.divtext2 { 
  position: absolute; 
  bottom: 5px; 
  left: 35px; 
  width: 325px; 
  font-size: 26px; 
  font-weight: bold;
  font-style: oblique; 
  font-family: Georgia, "Times New Roman", Times, serif;
  color: white /*#731d35*/ /*#c6daf3*/; 
  text-shadow: 2px -2px 1px #001C4D;
  }
  
  .divtext2 span {
 /* position correctly */
	position:absolute;
	left:0px;top:0px; /* strength + pixelradius */
	/* the magic: filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1)"; 
	/* for IE 6 and 7 ... */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1); 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#001C4D, Strength=2, Direction=90);*/
	zoom:1;/*force hasLayout*/
	}
	
.divtext3 { 
  position: absolute; 
  bottom: 30px; 
  left: 10px; 
  width: 325px; 
  font-size: 26px; 
  font-weight: bold; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: oblique;
  color: #FFFFFF /* #731d35 */ /*#c6daf3*/; 
  text-shadow: 2px -2px 1px #001C4D;
  /*   
  color: #c6daf3; 
  text-shadow: 2px -2px 3px #001C4D;
  */
  }
  
.divtext3 span {
 /* position correctly */
	position:absolute;
	left:0px;top:0px; /* strength + pixelradius */
	/* the magic: filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Strength=1,Positive=1)"; 
	/* for IE 6 and 7 ... */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Strength=1,Positive=1); 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#001C4D, Strength=2, Direction=90);*/
	zoom:1;/*force hasLayout*/
	}
  
.divtext4 { 
  position: absolute; 
  bottom: 5px; 
  left: 35px; 
  width: 325px; 
  font-size: 26px; 
  font-weight: bold;
  font-style: oblique; 
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FFFFFF /* #731d35 */ /*#c6daf3*/; 
  text-shadow: 2px -2px 1px #001C4D;
  /*
  color: #c6daf3; 
  text-shadow: 2px -2px 3px #001C4D;
  */
  }
  
  .divtext4 span {
 /* position correctly */
	position:absolute;
	left:0px;top:0px; /* strength + pixelradius */
	/* the magic: filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Strength=1,Positive=1)"; 
	/* for IE 6 and 7 ... */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Strength=1,Positive=1); 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#001C4D, Strength=2, Direction=90);*/
	zoom:1;/*force hasLayout*/
	}
  
 .divtext5 { 
  position: absolute; 
  bottom: 30px; 
  left: 10px; 
  width: 325px; 
  font-size: 26px; 
  font-weight: bold; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: oblique;
  color: #FFFFFF /* #731d35 */ /*#c6daf3*/; 
  text-shadow: 2px -2px 1px #001C4D;
  /*   
  color: #9f6474 #c6daf3; 
  text-shadow: 2px -2px 3px #001C4D;
  */
  }
  
.divtext5 span {
 /* position correctly */
	position:absolute;
	left:0px;top:0px; /* strength + pixelradius */
	/* the magic: filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1)"; 
	/* for IE 6 and 7 ... */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1); 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#001C4D, Strength=2, Direction=90);*/
	zoom:1;/*force hasLayout*/
	}
  
.divtext6 { 
  position: absolute; 
  bottom: 5px; 
  left: 35px; 
  width: 325px; 
  font-size: 26px; 
  font-weight: bold;
  font-style: oblique; 
  font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF /* #731d35 */ /*#c6daf3*/; 
  text-shadow: 2px -2px 1px #001C4D;
  /*
  color: #9f6474 #c6daf3; 
  text-shadow: 2px -2px 3px #001C4D;
  */
  }
  
  .divtext6 span {
 /* position correctly */
	position:absolute;
	left:0px;top:0px; /* strength + pixelradius */
	/* the magic: filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1)"; 
	/* for IE 6 and 7 ... */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#001C4D,Positive=1); 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#001C4D, Strength=2, Direction=90);*/
	zoom:1;/*force hasLayout*/
	}
  
  
  table#tablebody {
  text-align:center; 
  margin-left:auto; 
  margin-right:auto; 
  width:975px;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  /*border-top: 6px solid #204B7B;*/
  border-left:1px solid #204B7B;
  border-right:1px solid #204B7B;
  /*border-bottom: 1px solid #204B7B;*/
  }
  
tr,td {
	text-align:left;
}

td.homeimage1 {
	height: 235px;
	vertical-align: top;
}

td.homeimage2 {
	border-left:1.5px solid #CFD3DD;
	height: 235px;
	vertical-align: top;
}

td.homeimage3 {
	border-left:1.5px solid #CFD3DD;
	height: 235px;
	vertical-align: top;
}

/*
table#main_table {
   width: 70%;
	margin-left:15%;
	margin-right: 15%;
	padding: 0;
	border-spacing: 0;
	border: 1px solid #204B7B;
}
*/

table.table1 {
   width:975px;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
}

table.table2 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;	
}

table.table3 {
/* width="100" border="0" align="right" cellpadding="5" cellspacing="0" style="margin-right: 20px;" */
	width: 100px;
	border-spacing: 0;
	margin-left: auto;
	margin-right: 20px;
	text-align: right;
	padding: 5px 15px 5px 15px;
}

td.td1 {
	height: 85px;
	vertical-align: top;
	/*border-right: 1px solid #204B7B; */
	border-collapse: collapse;
}

td.td2 {
	width: 429px;
	vertical-align: top;
}

td.td2 a{
	width: 429px;
	vertical-align: top;
	background-color: transparent;
}

td.td3 {
	/* border-right: 1px solid #204B7B; */
	vertical-align: top;
	padding: 0px 4px 0px 4px;
	width: 54px;
	height: 19px;
	}
	
.HeaderLinks1{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #FFFFFF;
	color: #001C4D;
}
.HeaderLinks1 a{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #FFFFFF;
	color: #001C4D;
}

.HeaderLinks1 a:hover{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #FFFFFF;
	color: #204B7B;
}	

.HeaderLinks2{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #c6daf3 /*#c8dbf9*/;
	color: #001C4D;
	padding: 10px 5px 10px 5px;
	border-right: 1px solid #204B7B;
}
.HeaderLinks2 a{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #c6daf3 /*#c8dbf9*/;
	color: #001C4D;
	padding: 10px 5px 10px 5px;
}

.HeaderLinks2 a:hover{
   font-family: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: #204B7B;
	padding: 2px 5px 2px 5px;;
	background: #FFFFFF;
}
	
.HeaderLinks3{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #c6daf3;
	color: #001C4D;
	padding: 10px 5px 10px 5px;
}
.HeaderLinks3 a{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #c6daf3;
	color: #001C4D;
	padding: 10px 5px 10px 5px;
}

.HeaderLinks3 a:hover{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #204B7B;
	padding: 2px 5px 2px 5px;;
	background: #FFF;
}		
	
td.td4 {
	height: 54px;
}

	
td.td4 {
	padding-left: 20px;
}

.homeimages {
	background-image: url(../images/homephotos.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	height: 235px;
	/*
	border-right:2px solid #204B7B;
	border-left:2px solid #204B7B;
	*/
}

.submenu_back {
	background-image: url(../images/submenu_background.gif);
	background-repeat: repeat-x;
	vertical-align: top;
	/* height: 45px; */
	width: 100%;
	/*
	border-right:1px solid #204B7B;
	border-left:1px solid #204B7B;
	*/
}

.footer {
	background-color: #CFD3DD;
	border-bottom: 7px solid #204B7B;
	width: 975px;
	height: 30px;
}

.footername {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #204B7B;
	margin-left: 10px;	
}

.footeraddress {
	font-family: Georgia, "Times New Roman", Times, serif ;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #204B7B;
	margin-left: 200px;		
}

table.whoisstjohn {
	width: 100%;
	padding: 14px 4px 4px 4px;
	border-spacing: 0px;
	border: 0px;
}

td.whoisstjohn {
	background-image: url(../images/stjohnstainedglass.jpg);
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
	height: 1059px;
	width: 100%;
}

td.WhoisBack {
	background-color: #CFD3DD;
	height: auto;
	padding: 10px 5px 5px 5px;
	border-bottom: 1px solid #001C4D;
	}

table.iframecalendar {
	width: 975px;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

td.iframecalendar {
	overflow: hidden;
	height: 900px;
	width: 935px;
}

table.iframelists {
	width: 585px;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

td.iframelists {
	overflow: hidden;
	height: 735px;
	width: 585px;
}		
	
table.index1 {
	/* width="974" border="0" cellspacing="0" cellpadding="0" */
	width: 975px;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;
}

td.index1 {
	/* width="630" height="375" valign="top" */
	width: 630px;
	height: 375px;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;
}

table.index2 {
	/* width="100%" border="0" cellspacing="0" cellpadding="12" */
	width: 100%;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;
}

.liturgical {
	width: 630px;
	height: 375px;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0px 0px 0px 0px;
}

td.Body {
	/*border:1px solid #204B7B; */
}

td.BodyTextWorship {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	line-height: 17px;
}

table.HeadTop {
   width: 975px;
	border: 0px;
	text-align: center;
	padding: 0px;
	border-spacing: 0;
}

td.HeadTop {
	/*background-image: url(../images/pagetile.gif); */	
	height: 85px;
	vertical-align: top;
}

table.MenuTop {
/*  width="975" border="0" cellspacing="0" cellpadding="0" */
   width: 975px;
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
}

td.MenuLogo {
	/*width="429" valign="top" */
	width: 429px;
	vertical-align: top;
}

td.MenuLogo2 {
	/* valign="top" */
	vertical-align: top;
}

.TblContactTop {
	/* width="100%" border="0" cellspacing="0" cellpadding="0" */
	width: 100%;
}

table.ContactTop2 {
	/* width="100%" border="0" cellspacing="0" cellpadding="0" */
	width: 100%;
}

table.MenuRight {
   background-color: #FFFFFF;
	width: 100%; 
	/*border: 1px;*/ 
	padding: .5px; 
	border-spacing: 1px;
	/*border-right:1px solid #204B7B;*/
}

td.MenuRight {
	width: 345px;
	vertical-align: top;
}

td.DropMenu {
	display:block; 
	height:25px; 
	float:none; 
	line-height:22px; 
	font-size:10px; 
	font-weight:bold; 
	/*padding-left: 0px ; */
	color:#001C4D; 
	text-decoration:none; 
	/* border-top:5px solid #204B7B; /*#001C4D; */  
	/*border-left:1px solid #204B7B; */
	width:975px; 
	/*
	border-right:1px solid #204B7B;
	border-left:1px solid #204B7B;
	*/
}

td.Worshipshieldback {
	background-color: #CFD3DD;
	background-image: url(../images/shield.gif);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
	height: auto;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #001C4D; 
	}

.WorshipBodyHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #001C4D;
	padding:5px;
}

.WorshipBodyHeadSmall {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #001C4D;
	padding:10px;
}

table.WorshipSched {
	width: 100%;
	padding: 4px 4px 4px 4px;
	border-spacing: 0px;
	border: 0px;
}

td.Worshipdate{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	text-indent: 15px;
	line-height: 17px;
	width: 25%;	
	padding: 0px 25px 2.5px 0px;
}

td.Worshiptype {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	text-align: left;
	/*text-indent: 20px;*/
	line-height: 17px;
	width: 35%;
	padding: 2.5px 0px 2.5px 0px;
}

td.Worshiptime {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 40%;
	padding: 0px 0px 2.5px 0px;
}

td.Adoration {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	line-height: 17px;
	width: 25%;	
	padding: 0px 10px 2.5px 0px;
}

td.Adorationtime {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 75%;
	padding: 2.5px 0px 2.5px 0px;
}

td.ParishCalBack {
	background-color: #CFD3DD;
	height: auto;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #001C4D;
	}

.ParishBodyHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #001C4D;
	padding:5px;
}
	
table.ParishCal {
	width: 100%;
	padding: 4px 4px 4px 4px;
	border-spacing: 0px;
	border: 0px;
}

td.Parishdate{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	text-indent: 15px;
	line-height: 17px;
	padding: 2.5px 0px 0px 0px;
	/* border-top-color: #001C4D;
	border-top-style: solid;
	border-top-width: thin; */
}

td.Parishtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 50%;
	padding-left: 25px;
}

td.Parishtitle a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 50%;
	padding-left: 10px;
}

td.Parishtitle hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #ffffff;
	color: #001C4D;
	line-height: 17px;
	width: 50%;
	padding-left: 10px;
}

td.Parishtime {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 20%;
	padding: 0px 0px 0px 0px;
}

td.Parishcat{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 30%;
	padding: 0px 0px 0px 2px;	
}

td.OtherCalBack {
	background-color: #CFD3DD;
	background-image: url(../images/shield.gif);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;	
	height: auto;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #001C4D;
	}

.OtherBodyHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #001C4D;
	padding:5px;
}
	
table.OtherCal {
	width: 100%;
	padding: 4px 4px 4px 4px;
	border-spacing: 0px;
	border: 0px;
}

td.Otherdate{
   width: 340px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	text-indent: 15px;
	line-height: 17px;
	padding: 2.5px 0px 0px 0px;
	/* border-top-color: #001C4D;
	border-top-style: solid;
	border-top-width: thin; */
}

td.Othertitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 50%;
	padding-left: 25px;
}

td.Othertime {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 20%;
	padding: 0px 0px 0px 0px;
}

td.Othercat{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
	width: 30%;
	padding: 0px 0px 0px 2px;	
}

tr.ItemsBackImgStretch {
	height: 85px;
}	

td.ItemsBackImgStretch {
	background-color: #CFD3DD;
	background-image: url(../images/shield.gif);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
	border-bottom: 1px solid #001C4D;
}

td.ItemsBackImg {
	background-color: #CFD3DD;
	background-image: url(../images/shield.gif);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
	height: auto;
	padding: 15px 5px 5px 5px;
	border-bottom: 1px solid #001C4D;
}

td.ItemsBack {
	background-color: #CFD3DD;
	vertical-align: top;
	height: auto;
	padding: 5px 5px 5px 8px;
	border-bottom: 1px solid #001C4D;
}

.ItemsBodyHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #001C4D;
	padding-left: 5px;
}

.ItemsNew {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
	padding-left: 5px;
	font-style: italic;
}

.ItemsDate{
   font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	margin-left: 22px;
	line-height: 20px;
}

table.ItemLinks {
	width: 100%;
	padding: 14px 4px 4px 4px;
	border-spacing: 0px;
	border: 0px;
}

td.Items{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	padding: 5px 5px 5px 5px;
}
td.Items a{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #001C4D;
	/*color: #001C4D;*/
	/*background: #204B7B; */
	padding: 0px 5px 0px 5px;
}

td.Items a:hover{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #204B7B;
	padding: 2px 5px 2px 5px;
	background: #FFFFFF;
}

td.WebLinks{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	padding: 5px 5px 5px 25px;
}
td.WebLinks a{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	/*background: #204B7B; */
	padding: 0px 5px 0px 5px;
}

td.WebLinks a:hover{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #204B7B;
	padding: 2px 5px 2px 5px;
	background: #FFFFFF;
}

td.News {
	background-color: #CFD3DD;
	/* background-image: url(../images/shield.gif);
	background-repeat: no-repeat;
	background-position: right top; */
	vertical-align: top;
	height: 100px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #001C4D;
}

.NewsBodyHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #001C4D;
	padding:5px;
}

table.NewsLinks {
	width: 100%;
	padding: 4px 4px 4px 4px;
	border-spacing: 0px;
	border: 0px;	
}

.NewsItemSubject {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #001C4D;
	line-height: 17px;
}

.NewsItem {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #001C4D;
	line-height: 17px;
}

.readmore{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #001C4D;
	padding: 10px 5px 5px 5px;
}
.readmore a{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #204B7B;
	padding: 2px 5px 2px 5px;
}

.readmore a:hover{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #204B7B;
	padding: 2px 5px 2px 5px;
	background: #FFFFFF;
}

td.EditLinks{
   font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
   color: #FFF;
	background: #204B7B;
}

#rss {
   list-style: disc;
	text-decoration: none; 
}

#rss li.url a {
	text-decoration: none;
/*	padding-bottom: 5px;
   display:inline; */
}

#rss li.url a:hover {
	text-decoration: none;
	color: #FFF;
	padding: 1px 5px 1px 5px;
	background: #204B7B;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
margin-left: 25px;
margin-right: auto;
padding: 0px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
/*padding-left: 5px; */
}

#invertedtabs ul{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:  bold;
color: #001C4D; /*#edb; */ 
text-decoration:none;
margin:0px;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0px;
display:block;
}

#invertedtabs li{
display:inline;
margin: 0px 2px 0px 0px;
padding:0px;
/*text-transform:uppercase;*/
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: #001C4D; /*#CFD3DD; */
background: #DED0C2 /* #204B7B */ url(http://demoparish.sjnok.org/images/color_tabs_left2.gif) no-repeat left bottom;
margin:0px 2px 0px 0px;
padding:0px 0px 0px 3px;
text-decoration:none;
/*letter-spacing: 1px; */
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(http://demoparish.sjnok.org/images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}
/*
#invertedtabs a span{
float:none;
}
*/

#invertedtabs a:hover{
background-color: #FFF; /*#204B7B; /*#001C4D; */
color: #204B7B;
}

#invertedtabs a:hover span{
background-color: #FFF; /*#204B7B; /*#001C4D; */
color: #204B7B;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #FFF; /* #001C4D; */
color: #204B7B;
}

#invertedtabsline{
clear: both;
padding: 0px 0px 0px 0px;
width: 100%;
height: 6px;
line-height: 6px;
background: #204B7B /*#204B7B;*/ /*#001C4D; */
/*border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* This is the POP-UP balloon styles. */

/* version 1 */
a.tooltip {
  color:#c00;
  }
  
a.tooltip b {
  display:none;
 }
 
a.tooltip:hover {  
  border:0; 
  position:relative; 
  z-index:500; 
  text-decoration:none;
  }
  
a.tooltip:hover b {
  display:block; 
  position:absolute; 
  top:20px; 
  left:-25px; 
  padding:5px; 
  font-weight:normal; 
  color:#000; 
  border:1px solid #888; 
  background:#ffc; 
  width:150px;
  }
  
a.tooltip:hover b em {
  position:absolute; 
  left:20px; 
  top:-6px; 
  width:11px; 
  height:6px; 
  background:#fff url(tooltip.gif) 0 0; 
  display:block; 
  font-size:1px;
  }

/* version 2 */
.tooltip2  {
 color: #001C4D; 
 }
 
a.tooltip2 {
 color:#001C4D;
 background-color:transparent;
 }
 
a.tooltip2 b {
 display:none;
}

a.tooltip2:hover {
  border:0;
  position:relative; 
  z-index:500; 
  text-decoration:none;
  }
  
a.tooltip2:hover b {
  display:block; 
  position:absolute; 
  top:20px; 
  left:-25px; 
  padding:5px; 
  font-weight:normal; 
  color:#001C4D; 
  border:1px solid #001C4D; 
  background:#FFF; 
  width:140px;
  }
  
a.tooltip2:hover b em.outer {
  position:absolute; 
  left:20px; 
  top:-8px; 
  width:0; 
  height:0; 
  display:block; 
  background:transparent; 
  border-left:7px dashed transparent; 
  border-right:7px dashed transparent; 
  border-bottom:7px solid #001C4D; 
  overflow:hidden; z-index:100;
  }
  
a.tooltip2:hover b em.inner {
  position:absolute; 
  left:20px; 
  top:-7px; 
  width:0; 
  height:0; 
  display:block; 
  background:transparent; 
  border-left:7px dashed transparent; 
  border-right:7px dashed transparent; 
  border-bottom:7px solid #FFF; 
  overflow:hidden; 
  z-index:100;}

.clear {clear:both;}

/*  End POP-UP balloon styles */

/* This is the datepicker.js calendar styles */
.dpDiv {
}

.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #001C4D;
/*background-color: #ece9d8; */
background-color: #CFD3DD;
border: 1px solid #001C4D;
}

.dpTR {
}

.dpTitleTR {
}

.dpDayTR {
}

.dpTodayButtonTR {
}

.dpTD {
cursor: pointer;
}

.dpDayHighlightTD {
/*background-color: #CCCCCC; */
background-color: #001C4D;
border: 1px solid #CFD3DD;
cursor: pointer;
}

.dpTitleTD {
}

.dpButtonTD {
}

.dpTodayButtonTD {
}

.dpDayTD {
/*background-color: #CCCCCC; */
background-color: #001C4D;
border: 1px solid #CFD3DD;
color: white;
}

.dpTitleText {
font-size: 12px;
color: #001C4D;
font-weight: bold;
}

.dpDayHighlight {
/*color: 4060ff; */
color: #CFD3DD;
font-weight: bold;
}

.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CFD3DD;
background: #001C4D;
font-weight: bold;
padding: 0px;
}

.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CFD3DD;
background: #001C4D;
font-weight: bold;
}
/* End datepicker.js calendar styles */

/* Mailman List Serv style */
table.listserv {
	padding: 5px;
	border: none;
}

td.listservhead {
  width: 100%;
  /*background-color: #204B7B;*/
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: bold;
  color: #001C4D;
}

td.listservtext {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  padding-top: 10px;
  background-color: #FFFFFF;
  color: #c6daf3;
}

td.listservtext span{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	background-color: #FFFFFF;
	color: #001C4D;
	line-height: 18px;
}
	
table.listservform {
   width: 90%;
	height: 112px;
   border: none;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-spacing: 2px;
}

td.listservform1 {
 background-color: #CCCCCC;
 color: #001C4D;
 font-size: 12px; 
 font-weight: bold;
 width: 55%;
 padding-left: 10px;
}

td.listservform2 {
 width: 33%;
 font-weight: bold;
 color: #001C4D;
 padding-left: 10px;
}

td.listservform3 {
 background-color: #FFFFFF;
 color: #001C4D;
 font-weight: bold;
 width: 55%;
 padding-left: 10px;
}

td.listservformtextsmall {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #001C4D;
	line-height: 16px;
}

td.listformsubscribe{
   text-align: right;
}

