html
{
  overflow: scroll;
  height: 99%;
}
                         
body
{
  background: rgb(211, 226, 195);
  height: 99%;
  margin: 0;
  padding: 0;
  line-height: 150%;
  text-align: center;
  background-image: url('images/backgroundimage.png');
}

*
{
  font-size: 8pt; 
  font-family: Verdana, Geneva, sans-serif; 
  color: #000000;
  text-align: left;
}

.list
{
  margin: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}




/* === Containers === */

#first_container
{
  margin: 0 auto 0 auto; 

  height: 100%;  
  position: relative; 
 
  width: 829px;
}

#second_container
{
  position: absolute; 
  top: 10%;
  vertical-align: middle;
  width: 100%;
  

}

#third_container
{
  position: relative; 
  
  width: 829px;
  background-color:transparent;
   background-image: url('images/bckgrd002.png');
 background-repeat:no-repeat;
 height:634px;
}






/* === Menu === */

#header{
	width:788px;
	float:left;
	 background-color: #587992;
	 height: 31px;
	 margin-top:25px;
	 margin-left:15px;
	 background-image: url('images/title.png');
	 background-repeat:no-repeat;
	 
}

#menu
{
  height: 31px;
  padding-right: 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
 
 
}

#menu li
{
	float: right;
	display: block;
	height: 31px;
}

#menu a
{
  display: block;
    height: 31px;  
  background-color: #587992;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
  padding-right:11px;
 
 
}

#menu a:link, #menu a:visited
{
  color:#FFF;
  background-color: #587992;
}

#menu a:hover, #menu a:active
{
	/*
  background-image: url('images/taba2.jpg');*/
  color: #333333;
  
}

#menuselected
{
  display: block;
  width: 82px;  height: 31px;  
 /* background-image: url('images/taba.jpg');  */  
  text-decoration: none;
  line-height: 31px;
  color: #ffffff;
  text-align: center;
}



/* === Language menu === */



#submenu
{
  float: left;
  height: 31px;
  width: 300px;
  padding-left: 10px;
  margin: 0;
  list-style: none;   

}

#submenu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;  
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}

#submenu a:link, #submenu a:visited
{
  color: #749942; 
  background-color: #D3E2C3;
}

#submenu a:hover, #submenu a:active
{
 /* background-image: url('images/tabb2.jpg');*/
  color: #ffffff; 
}

#submenuselected
{
  display: block;
  width: 82px;  height: 31px;  
  /*background-image: url('images/tabb.jpg'); */   
  text-decoration: none;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
}



/* === Other Divs === */
 


.border
{
	
	padding: 15px 5px 5px 146px;
	height: 370px;
	/*background-image: url('images/back.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
	text-align: left;
}

.title
{
	position: absolute;
	margin-left: 15px;
	margin-top: 15px;
	width: 122px;
	height: 461px;
	top: -26px;
	background-image: url('images/logo.png');
	background-repeat:no-repeat;
	left: -40px;
	
	
 
}



.content
{
	height: 333px;
	width:656px;
	padding: 0px;
	background-color:transparent;
	background-image: url('images/saint2.png');
    background-repeat:no-repeat;
	
}

.designinfo
{
  margin-top: 5px;
  text-align: right;
  color: #749942;
  background-color: inherit;
}



/* === Inline Text Styles === */



h1
{
  margin: 56px 0 -40px -2px;
  padding: 0 10px 40px 9px;
  font-size: 16px;
  color: #243F5B;
  background-color: inherit;
 /* background-image: url('images/canonization_jj_head1.png');*/
  background-repeat:no-repeat;
  height:53px;
 

}
div.canonization{
	height:53px;
	 background-image: url('images/canonization_jj_head1.png');
  background-repeat:no-repeat;
}

.details
{
  display: none;
  font-size: 9px;
  color: #6E7468;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .text
{
	display: block;
	margin: 91px 22px 22px 22px !important;
	height:140px;
	background-color:#9daeb6;
	width:780px;

}
}
.text
{
	display: block;
	margin: 75px 22px 22px 22px;
	height:140px;
	 background-color:#8f9fa7;
	width:780px;
}
.textMatter
{
  display: block;
  margin: 0px;
  height:330px;
  background-color:transparent;

 
}
.text a
{
  color: #ffffff;
  text-decoration: none;
  font-weight:none;
  margin-left:50px;
  
}


.text a:hover, .text a:active
{
  color: #333333;
}

blockquote
{
  margin: 3px 0 3px 0;
  padding: 5px 10px 5px 10px;
}

.note
{
  	display: block;
	margin: 10px 15px 10px 15px;
	color: #555555;
}

.bold
{
  font-weight: bold;
}
#leftnav{
	width:122px;
	background-color:#c3cba2;
	margin-left:49px;
	margin-top:135px;
	height:333px;
}
img{
	border:none;
}
table{
	margin-top:-15px;
}
div.navigation{
	position:absolute;
	margin-left:650px;
	text-decoration:none;
	
	}
div.navigation a{
	text-decoration:none;
	font-weight:bold;
	margin-bottom:2px;
	color:#333030;
	
	
	
	}
	div.navigation a:hover{
	text-decoration:none;
	color:#ffffff !important;
	font-weight:bold;
	}
	div.navigationSub{
	position:absolute;
	margin-left:601px;
	text-decoration:none;
	
	}
div.navigationSub a{
	text-decoration:none;
	font-weight:bold;
	margin-bottom:2px;
	color:#333030;
	
	
	
	}
	div.navigationSub a:hover{
	text-decoration:none;
	color:#ffffff !important;
	font-weight:bold;
	}
	#leftnav  li{
		margin-bottom:10px;
		margin-bottom:10px;
		
	}
	#leftnav ul{
		padding-top:35px;
		padding-left:15px;
		display-style:none;
		list-style-type: none;
	}
	
	


#leftnav a{
	text-decoration:none;
	font-size:8pt;
	
}
#leftnav a:hover{
	text-decoration:none;
	color:#587992;
	
}
span.lin{
	color:#587992;
}
iframe.testimonials{
	font-size:8pt !important;
	height:600px;
	background-color:transparent !important;
	width:500px;
	
	
}
iframe.regis{
	font-size:8pt !important;
	height:300px;
	background-color:transparent !important;
	width:500px;
	
	
}
iframe.prayer{
	font-size:8pt !important;
	height:300px;
	background-color:transparent !important;
	width:500px;
	
	
}
iframe.vocations{
	font-size:8pt !important;
	height:260px;
	background-color:transparent !important;
	width:500px;
	
	
}
div.content a:link{
	color:#587992;
}
div.content a:hover{
	color:#333333 !important;
}
img.rightside{
	width:180px;
	height:150px;
	float:right;
	padding:10px;
}