htmll
{
	width:100%;
	height:100.17%;
	margin:0px;
	padding:0px;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color:ThreeDDarkShadow;
}

p {
   margin: 0px 0px 0px 0px;
}

.wrapper 
{
  position: relative;
  margin: 0 auto;
  padding:0px;
	width:980px;
	text-align:left;
	background-color:White;
	border:6px;
	border-style:ridge;
	border-color:Gray;
	border-top-width:0px;
}

br {
  height:10px;
}

/* Float Clear Begin */
.fixTheFloats:after {
	display: block;
	visibility:hidden;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	content: ".";
}
/* Float Clear Ends*/

.panelLinksTop
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 0px;
  height: 30px;
  background: url(Images/tealGradientTop.jpg) top left repeat-x;
  background-color: #008080;
  text-align: right;
}

.panelLogo 
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background-color:Teal;
	width:980px;
}

.imgBanner
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	width:980px;
}

.linksTop
{
  position: relative;
  margin: 5px 0px 0px 0px;
  padding: 0px 7px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: White;
	text-decoration: none;
	display:inline-block;
}

a.linksTop:hover
{
    text-decoration: underline;
}

.links
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: Navy;
	background-color: #E0DFE3;
	border: thin solid #9D9DA1;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	vertical-align:text-bottom;
}

a.links:hover
{
	border: thin solid #800080;
	font-weight: normal;
	color: #000080;
	background-color: #FFFFFF;
}

a.links:active
{
	border: thin solid #800080;
	font-weight: normal;
	color: #000080;
	background-color: Silver;
}

.panelPath
{
  position: relative;
  margin: 6px 0px 9px 0px;
  padding: 0px 0px 0px 8px;
	clear: left;
}



.panelSide
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	width: 176px;
	float:left;
}

.panelContentPage
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 20px 10px;
  width:784px;
  float:right;

}

.panelMass
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	width: 400px;
	float:left;
}

.panelMass th {
   text-align:left;
}

.panelMass .subTitle
{
   position:relative;
   display:block;
   margin:0px;
   padding: 0px 0px 10px 0px;    
}


.panelHolyWeekMass
{
	width: 784px;
}

.panelVideo1
{
	float: left;
	width: 370px;
	height: 400px;
}

.panelVideo2
{
	float: right;
	width: 370px;
	height: 400px;
}

.hrLegacyPage
{
	margin: 0px;
}

.titleLegacy
{
	font-family: Arial, Helvetica, sans-serif;
	color: Navy;
	text-align: center;
	font-weight: bold;
	font-size: x-large;
}

.title
{
	color: navy;
	font-size: 25px;
}

.subTitle
{
	color: navy;
	font-size: 20px;
}

.subTitleHeading
{
	color: Teal;
	font-size: 20px;
}

.text
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
  padding: 15px 15px 15px 15px;
}

.panelFooter
{
	clear:both;
	text-align:center;	
}

h1 {
  position:relative;
  margin:0px 0px 0px 0px;
  padding:10px 0px 5px 0px;
  font-family: Arial, Times New Roman;
  font-size:20px;
  color:#0F4187;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	margin-bottom:1.5em;
}

h3 {
  position:relative;
  margin:0px 0px 0px 0px;
  padding:10px 0px 5px 0px;
  font-family:"Lucida Grande", sans-serif;;
  font-size:18px;
  color:#C8373F;
}

.panelContentPage h2 
{
   text-transform: uppercase;
   color: #FFFFFF;
   padding: 0.6em 1.2em;
   margin: 0px;
   font: bold 1.05em Georgia, "Times New Roman", Times, serif;
   letter-spacing: 0em;
}


.treeView
{
	margin-bottom:2em;
	float:left;
}

.imgCenter
{
	text-align:center;
	display:block;
}

.marginLeftt
{
    margin-left: 20px;
}

fieldset {  
position: relative;  
float: left;  
clear: both;  
width: 85%;  
margin: 0 0 -1em 0;  
padding: 0 0 1em 0;  
border-style: none;  
border-top: 1px solid #BFBAB0;  
background-color:#E3E5F0;
}

legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
padding-left:1em;
}

fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}

fieldset li {  
padding-bottom: .5em;
}

fieldset span {  
float: left;  
width: 10em;  
margin-right: 1em;
}

.imgLeft
{
    float:left;
}

.imgRight
{
    float:right;
}

.radioButtonsReg
{
    text-align:left;
    padding-left:20px;
    padding-bottom:20px;
}


/* Bulletin begins*/
.bulletinBox {
	position:relative;
	margin:5px 0px 5px 20px;
	padding:0px;
	width:125px;
	height:185px;
  float:left;
	background: url(Images/bulletins/bulletinBoxShadow.jpg) top left no-repeat;
}

.bulletinBox:hover .bulletinHeading span {
	background: url(Images/bulletins/bulletingHeadingOver.jpg) top left repeat-x;
}

.bulletinHeading
{
	position:relative;
	display:block;
  margin:0px;
	padding:0px;
	width:120px;
	height:30px;
	color:#fff;
	background: url(Images/bulletins/bulletinHeadingOver.jpg) top left repeat-x;
}


.bulletinHeading span
{
	position:relative;
	display:block;
	margin:0px;
	padding:5px 0px 0px 7px;
	width:113px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background: url(Images/bulletins/bulletinHeadingUp.jpg) top left repeat-x;	
}

.bulletinHeading:link, .bulletinHeading:visited {
	text-decoration:none;
}

 .bulletinHeading:active, .bulletinHeading:hover
{
    text-decoration:none;
	
}

.bulletinBodyBox {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	width:110px;
	height:140px;
	background: url(Images/bulletins/imageShadow.jpg) 7px 7px  no-repeat;
}

.bulletinBodyBox img {
	border:none;

}

.bulletinBodyBox .adobeLogo {
	position:absolute;
	width:34px;
	height:33px;
    bottom:2px;
    right:2px;
}

/* Bulletin ends*/

/* Login page Begins */
.login_form
{
  margin: 0px 100px 10px 0px;
	width: 320px;
  float:left;
}

.login_form .labels
{
  width: 120px; 
}

.login_form input
{
  width: 145px; 
}

.login_form .btnSendForm
{
  width:80px;
  margin:0px 5px 0px 0px;
  float:left;
}
/* Login page Ends */

/* Forms Begins */
.forms 
{
  position:relative;
  margin: 0px 0px 10px 0px;
  padding: 5px 0px 0px 10px;
	background-color:#E3E5F0;
}

.forms fieldset {  
  margin: 0px 0px 0px 0px;  
  padding: 10px 10px 10px 10px;  
  border-style: none;  
  position: relative;  
  float:none;  
  clear: both; 
}

.forms legend {  
  margin-left: 16px;  
  font-weight: bold;
  padding-left:10px;
  padding-bottom:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#000066;
}

.forms fieldset ol {  
  padding: 0 0em 0 0em;
  margin:0px;  
  list-style: none;
}

.forms fieldset li {  
  padding-bottom: 10px;
}

.labels {  
  float: left;  
  margin-right:0;
  font-family: Franklin Gothic Medium, Trebuchet MS, Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size:19px;
  color:#000000;
  text-decoration:none;
}

.btnSendForm
{
    position:relative;
    padding:0px 0px 0px 0px;
    width:140px;
    height:34px;
    border:outset 2px #CCC;    
    font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	  font-size:16px;
	  font-weight:bold;
    color:#0F4187;    
    cursor:pointer;
}

.btnSendForm:hover 
{
	color: #C8373F;
}
/* Forms Ends */

/* Login page Begins */
.login_form
{
  margin: 0px 100px 10px 0px;
	width: 360px;
  float:left;
}

.login_form .labels
{
  width: 120px; 
}

.login_form input
{
  width: 145px; 
}

.login_form .btnSendForm
{
  width:80px;
  margin:0px 5px 0px 0px;
  float:left;
}
/* Login page Ends */