/* 	raphael_v1.css - style sheet for St. Raphael web site



	v00.0 created 12/29/2003 by D. Rook



*/







H1 {	



	font: normal 14pt Arial, Helvetica, sans-serif; 



	color: #990000; 



	text-align: center}







H2 {	



	font: bold 10pt Arial, Helvetica, sans-serif;



	color: #330000;



	text-align: left;



	margin-left: 5px;



	margin-top: 10px}



	



H2C {	



	font: bold 10pt Arial, Helvetica, sans-serif;



	color: #330000;



	text-align: center;



	margin-left: 5px;



	margin-top: 10px}







H3 {	



	font: bold 9pt Arial, Helvetica, sans-serif;



	color: #330000;



	text-align: Left;



	margin-left: 10px;



	margin-bottom: 1px}







H4 {	



	font: normal 9pt Arial, Helvetica, sans-serif;



	color: #330000; 



	text-align: left;



	margin-left: 13px;



	margin-bottom: 1px;



	margin-top: 1px}







H5 {	



	font: bold italic 10 pt arial;



	color: Black;



	text-align: left}







H6 {	



	font: bold 10 pt arial;



	line-height: 10 pt;



	color: Black; 



	text-align: left}







ADDRESS {font: 10 pt arial;



	line-height: 10 pt;



	color: Black;



	text-align: left}







BODY {



	color: Black;



	background-color: White;



	text-align: left;



	font-family: Arial, Helvetica, sans-serif;



	font-weight: normal;



	font-size: 10pt;



}







a:link {



	color:#FF0000;



	text-decoration:underline;



}







a:visited {



	color:#9900FF;



	text-decoration:underline;



}



		



a:hover {



	color:#FF0066;



	}



	



	



DD, DIR, DL, DT {



	font: 12 pt arial; 



	color:#000000;



	background-color: White; 



	text-align: left}







EM {



	font: bold 12 pt arial;



	color:#000000; 



	text-align: left}























/* Classes of text on the page */







.bodycontainer {



	font: normal 12px Arial, Helvetica, sans-serif;



	margin:0px;



	padding: 0px;



}











.navclass a:link {



color:#330000;



text-decoration:none;



}







.navclass a:visited {



	color:#330000;



	text-decoration:none;



}







.navclass a:hover {



	color:#FF0000;



}



.textinbox p {

margin: 0px;

padding: 0px 5px 0px 50px;



}

/* Divisions */

#headercontainer{
	position:absolute;
	top:0px;
	left:0px;
	width:860px;
	height:110px;
	background-color:#330000;
}

#banner{
	position:absolute;
	top:1px;
	left:0px;
	width:860px;
	height:70px;
	background-color: #000000;
}


#navbarcontainer{
	position:absolute;
	top:89px;
	left:0px;
    width:860px;
	height:30px;
	background-image: url(../images/banner-bgd.jpg);
	background-repeat:repeat;
}

#navbar {
    position:absolute;
    left: 145px;
    top: -1px;
    font-weight: normal;
	margin-top: 6px;
	margin-left: 0px;
	margin-right: 3px;
	color: #330000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

#navbar a {

font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

#pagecell {
	position: absolute;
	top: 120px;
	left: 0%;
	right: 0%;
	width: 860px;
	/* background-color:#E0CDCD; */
	padding:0px;
	margin:0px;
	background: #cccccc url(../images/bg_grad2.jpg) fixed;
	background-image:url(../images/bg_grad2.jpg);
}

#pagecell p {

padding: 10px 10px 0px 20px;

}


#leftnavcontainer{
float:left;
width:150px;
background-color:#E0CDCD;
}


#leftnav{
	float:left;
	top:0px;
	left:0px;
	width: 150px;
	background-image:url(../images/Statue-5.gif);
	
	background-repeat:repeat-y;
	height:337px;
}

#navlink{
	margin: 20px 0px 0px 0px;
    padding: 0px;
}

#navlink a {
    font: normal 10pt Arial, Helvetica, sans-serif;
	padding: 3px 0px 3px 15px;
	width: 135px;
	display:block;
	}

#navlink a:hover {
background-image:   url(../images/navbg2.gif);

}

#mainbodyindex{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/* z-index: 0; */
	background-color:#FFFFFF; 
}	

#mainbody{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 152px;
	background-color:#FFFFFF;
    /* height:1000px;
	min-height:1000px; */
	/*z-index: 0; */
}

#massschedule{
	position:absolute;
	top:132px;
	left:6px;
	width:287px;
	height:  150px;
	padding: 20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	}

#massschedule h1 {
	font: bold 10pt Arial, Helvetica, sans-serif; 
	color:#330000; 
	text-align: center;
}

#massschedule h2 {
    font: bold 10pt Arial, Helvetica, sans-serif; 
	color: #330000; 
	text-align: left;
	}

#newsnotes{
	position:absolute;
	top:0px;
	left:595px;
	width:145px;
	height: 100%;
	padding: 0px 10px 0px 10px;
	margin: 20px 0px 0px 0px;
	/* background-color:#FFFFFF; */
}


#newsnotes h1 {



	font: bold 10pt Arial, Helvetica, sans-serif; 



	color:#330000; 



	text-align: center;

}

#newsnotes h2 {
    font: bold 10pt Arial, Helvetica, sans-serif; 
	color: #330000; 
	text-align: left;
}

#siteinfo{

	clear:both;

	margin:0px 0px 0px 0px;

	padding: 10px 10px 10px 10px;

	background-color:#FFFFFF;

	bottom: 0px;

}


#backgroundimage {

  position:absolute;



  top:1px;



  left: 300px;



  width:460px;



  height:300px;

 }







#divider {



	position: absolute;



	top: 20px;



	left:583px;



	width: 4px;



	border-left: 1px inset #330000;



	height: 503px;



}







#gracejewelimage {



position: absolute;



top:  0px;



left:  2px;



width: 130px;



height: 107px;



}







#dailyreadingsimage {



	position:absolute;



	top: 165px;



	left: 470px;



	width: 119px;



	height: 122px;



	}



	



#takefiveimage {



position: absolute;



top: 164px;



left:  364px;



width:  101px;



height: 150px;



}







#dailycalendarimage {



	position:absolute;



	top: 20px;



	left: 16px;



	width: 131px;



	height: 129px;



	}



#missionstatementholder {



position:absolute;



top:  3px;



left:  6px;



width: 595px;



height: 122px;



}











#storyleft1 {



position: absolute;



top: 393px;



left: 5px;



width: 290px;



height: 167px;



}



#storyleft2 {



position: absolute;



top: 585px;



left: 6px;



width: 290px;



height: 200px;



}



#storyleft3 {



position: absolute;



top: 785px;



left: 6px;



width: 290px;



height: 200px;



}



#storyright1 {



position: absolute;



top: 385px;



left: 310px;



width: 290px;



height: 200px;



}



#storyright2 {



position: absolute;



top: 658px;



left: 310px;



width: 290px;



height: 200px;



}



#storyright3 {



position: absolute;



top: 785px;



left: 310px;



width: 230px;



height: 200px;



}







#autopaymentholder {



position: absolute;



top: 985px;



left: 6px;



width: 460px;



height: 200px;



}