/* Start of CMSMS style sheet 'StR-HA' */
/*--------------------
St. Raphael / Holy Angels 
-------------------- */
body {
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: #ccc; /*#778899;*/
	font: normal .7em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#topbar {
	padding: 0;
	width: auto;
}

#banner {
	background-color: #990000;
	font: small-caps bold 18px/32px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding: 0;
	width: auto;
}
#head1 {
	background-color: #990000;
	font: small-caps bold 18px/32px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 0px 0px 21px 25px;
	width: auto;
}

/* =Main Navigation	(horizontal menu)
--------------------------------------------------------------*/	
#nav {
	background: transparent;
	float: left;
	width: 100%;
	border: solid #ddd;
	border-bottom: none;
	border-top: none;
	border-width: 1px 0;
	}

.home #nav {
	background-position: 0px;
}
	
#nav ul {
  margin:0;
  padding:0 10px;
  list-style:none;
  font-size:100%;
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:5px 10px 6px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#000;
  text-decoration:none;
  white-space:nowrap;
  }
/*Holly Hack rule*/  
* html #nav a {
  width:1%;
  }
#nav #current strong, #nav #current a {
	background: transparent;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color: #000;
  text-decoration: underline;
  }
#nav a:hover {
	background: transparent;
  }
#nav a strong, #nav #current a strong {
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  }

  
#navcc {
	padding: 67px 0px 0 20px;
}

  
/* =Page Layout (Create the big boxes)
--------------------------------------------------------------*/	  
.boxall {
	width: 750px; margin: 0 auto;border: 1px solid #000;
}

.boxwrap   {
	width: 750px;
	margin: 0;
	background-image: url(images/strha_title_750_x_90_4.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

.boxbody   { width: 575px; float: left;  }
.boxcenter { width: 415px; float: right; }
.boxleft   { width: 160px; float: left; }
.boxright  { width: 175px; float: right; }
.boxheader { width: 100%;  clear: both;  }
.boxfooter { width: 100%;  clear: both;  }

/* for child pages ----------------------------*/
.boxbody2   { width: 750px; float: left; 
background-image:url(images/STRHA_BKGND_V4.gif);
	background-repeat:repeat-y;

 }
.boxcenter2 { width: 590px; float: right; }
/*---------------------------------------------*/

.boxclear  { clear: both; line-height: 0px }

/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: justify; }     
     
.boxfooter { 
 text-align: center;
 height: 20px;
 background-color: #000000;
 color: #fff;
 font-size: 80%;
 padding: 5px 0;
}

.boxright  { background-color: #efefde; }


/*div { margin: 0px; padding: 0px; } ajg-don't think we need this*/

/* The below settings are for STRHA
-------------------------------------------------------------------*/

#strha_midline {
	background-color: #ccc;
	height: 150px;
	font-size: 50%;
}


#strha_left_side {
	width: 200px;
	float: left;
	margin: 0;
}

#strha_left_head {
	background-color: #6c1c1c;
	padding: 5px 0 5px 15px;
	color: #fff;
	width: auto;
}

#strha_left_content {
	padding: 0px 0px 0px 15px;
	width: auto;
}

#strha_right_side {
	width: 550px;
	float: right;
	margin: 0;
}

#strha_right_head {
	background-color: #993333;
	padding: 5px 0 5px 15px;
	color: #fff;
	width: auto;
	margin: 0;
}

#strha_right_content {
	background-color: #fff;
	padding: 0 15px  0 15px;
	width: auto;
	margin: 0;
}

#strha_right_content p {padding: 0px 20px 0 0; margin: 0;font: normal verdana; color: #333;}

#strha_right_content ul {
	list-style: square;
	text-align: left;
	margin: 0;
	color: #000;
	padding: 10px 0 0 15px;
}	
	
#strha_right_content li {
 padding-right: 10px;
 margin: 0;
 line-height: 1.5em;
}

#strha_right_content a:link, #strha_right_content a:active, #strha_right_content a:visited {
 color: #000000;
 text-decoration: none;
}

#strha_right_content a:hover {
 color: #8B0000;
 text-decoration: none;
 border-bottom: 1px solid #8b0000;
}


/* end STRHA ---------------------------------------------------*/


/* =Content Layout (Create the little boxes within the big ones)	
--------------------------------------------------------------*/	
/* Box N for Navigation */
.bxn {
 margin:0;
 padding:0;
 width: 100%;
}

/* Box bxnews for child pages */
.bxnews {
 margin:0;
 padding:0px;
 width: 100%;
 background-color: #fff;
}

.bxnews p {
	padding: 5px 30px 5px 20px;
	text-align: justify;
}


/* Box 1 for Featured Article */
.bxl1 {
 margin:0;
 padding: 10px 0 15px 0;
 float: left;
 width: 100%;
}

.bxl1 .selected { background-color:#fff;}


/* Box 2 for Previous Articles */
.bxl2 {
 color: #31558c;
 margin: 0;padding: 0px;
 padding-bottom: 20px;
 float: left;
 width: 100%;
}
/* Box 3 for Increasing Your Faith links */
.bxl3 {
 margin: 0;
 padding: 0px;
 width: 100%;
 text-align: left;
}
/* Box 4 for the Schedule (right side of page) */
.bxr1 {
 margin: 0;
 padding: 0;
 width: 100%;
 text-align: left;
}

/* List Definitions for Previous Articles */
.bxnews ul {
	list-style: url(v1images/abullet.gif);
	text-align: left;
	margin: 0;
	padding: 5px 35px 0px 35px;
}	
	
.bxnews li {
 padding: 0 0 5px 0px;
 margin: 0;
 /*line-height: 1.5em;*/
}

.bxnews a:link, .bxnews a:active, .bxnews a:visited {
 color: #31558c;
 text-decoration: none;
}

.bxnews a:hover {
 color: #DAA520;
 text-decoration: none;
 border-bottom: 1px solid #DAA520;
}
/* List Definitions for Upcoming Events Articles */
.bxl1 ul {
	list-style: url(images/abullet.gif);
	text-align: left;
	margin: 0;
	color: #000;
	padding-left: 15px;
}	
	
.bxl1 li {
 padding-right: 10px;
 margin: 0;
 line-height: 1.5em;
}

.bxl1 a:link, .bxl1 a:active, .bxl1 a:visited {
 color: #000000;
 text-decoration: none;
 /*border-bottom: 1px dashed #8B0000;*/
}

.bxl1 a:hover {
 color: #8B0000;
 text-decoration: none;
 border-bottom: 1px solid #8b0000;
}


/* List Definitions for Previous Articles */
.bxl2 ul {
	list-style: url(images/abullet.gif);
	text-align: left;
	margin: 0;
	padding-left: 25px;
}	
	
.bxl2 li {
 padding-right: 10px;
 margin: 0;
 line-height: 1.5em;
}

.bxl2 a:link, .bxl2 a:active, .bxl2 a:visited {
 color: #31558c;
 text-decoration: none;
 /*border-bottom: 1px dashed #8B0000;*/
}

.bxl2 a:hover {
 color: #DAA520;
 text-decoration: none;
 border-bottom: 1px solid #DAA520;
}


/* List Definitions for Increasing Our Faith */
.bxl3 ul {
	list-style: url(v1images/abullet.gif);
	margin: 0;
	padding-left: 25px;
}	
	
.bxl3 li {
 padding: 0px;
 line-height: 1.5em;
}

.bxl3 a:link, .bxl3 a:active, .bxl3 a:visited {
 color: #31558c;
 text-decoration: none;
}

.bxl3 a:hover {
 color: #8B0000;
 text-decoration: underline;
}

/* List Definitions for Schedule */
.bxr1 ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
}	
	
.bxr1 li {
 padding-right: 5px;
 padding-bottom: 10px;
 margin: 0;
 line-height: 1.5em;
}

.bxr1 a:link, .bxr1 a:active, .bxr1 a:visited {
 color: #8B0000;
 text-decoration: none;
 border-bottom: 1px dashed #31558c;
}

.bxr1 a:hover {
 color: #DAA520;
 text-decoration: none;
 border-bottom: 1px solid #DAA520;
}

/* Content Definitions for the Detailed Boxes */
.bxr1 p {
 color: #554;/*#31558c;*/
 padding: 0 5px 0 10px;
 margin: 0;
 font-size: 85%;
}

.bxl1 p {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	color: #68a;
	text-align: left;
}

.bxl2 p {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	font: normal 100% Verdana;
	color: #68a;
	text-align: left;
}
.bxl3 p {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	font: italic 100% Georgia;
	text-align: left;
}



/* =Headings	
--------------------------------------------------------------*/	
h2 {
 font: normal 100% Verdana;
 text-align: left;
 width: auto;
 padding: 5px 0px 5px 10px;
 margin: 0;
}


h3 {
 font: bold 1.2em/1em Georgia;
 color: #BD9A52; 
 text-align: left;
 width: auto;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 0px;
 margin: 0;
}

h4 {
 font: bold 100% Verdana;
 text-align: left;
 width: auto;
 padding-left: 10px;
 padding-bottom: 5px;
 margin: 0;
}

h5 {
 font: bold 100% Verdana;
 text-align: left;
 width: auto;
 padding: 5px 0 0 10px;
 margin: 0;
 color: #68a;
}




/* =Colors	
--------------------------------------------------------------*/	
.color1 {
	background-color: #adbace;
	color: #fff;
}
.color2 {
	background-color: #efefde;
	color: #000;
}
.color3 {
	background-color: #B0C4DE;
	color: #fff;
}
.color4 {
	color: #68a;
	font-weight: bold;
}
.color5 {
	background-color: #eef;
	color: #68a;
}

.color7 {
	background-color: #efefde;
	color: #BD9A52;
}
.color8 {
	background-image: url(../$General/a_patterns/17.gif);
	background-repeat: repeat;
}

/* =Lists
--------------------------------------------------------------*/
#list1 {
	padding: 5px 0 0 20px;
}

/* =Images	
--------------------------------------------------------------*/	
.img5 {
	padding: 5px;
}
.imgr {
	padding: 10px;
	float: right;
}

/* =Secondary Navigation 
--------------------------------------------------------------*/
#navcontainer { width: 93.5%; padding-bottom: 35px;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #68a;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #eef;
color: #000;
}

#navcontainer .sub {
	text-indent: 15px;
	background-color: #ccc;
}

/* =More Links... Navigation 
--------------------------------------------------------------*/
#navcontainer2 { width: 93.5%; padding-bottom: 35px;}

#navcontainer2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 a
{
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #eee;
}

#navcontainer2 a:link, #navlist2 a:visited
{
color: #68a;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #eef;
color: #000;
}

#navcontainer2 .sub {
	text-indent: 15px;
	background-color: #ccc;
}

/* Misc entries */

.masstimes {
	font: normal 85% Verdana;
	padding: 0;
	text-align: left;
	color: #68a;
}
.masstimes ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding-left: 10px;
}	
	
.masstimes li {
 padding-right: 10px;
 padding-bottom: 10px;
 margin: 0;
 line-height: 1.5em;
}
.p-shadow {
	width: 90%;
	float: left;
	background: url(v1images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(v1images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.p-shadow .sdiv {
  background: none !important;
  background: url(v1images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
	color: #68a;
	background-color: #fff;
	font: normal 95%/1.4em Verdana;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-top: 0px;
	padding: 4px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}

.sdiv ul {
	font: normal 85%/1.4em Verdana;
	padding: 5px;
	margin: 0;
}

.sdiv li {
	list-style: none;
	color: 68a;
}

.p-shadow .cat {
	background-color: #ccccff;
}
#nvs {
	background-color: #eef;
	color: #000;
	display: block;
   padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 0;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.nobk {
	background-image: none;
}
.nocolorbk {
	background-image: url(v1images/stv_background_v6.gif);
	background-repeat: repeat-y;
	background-position: center;
}


#leftside1{
	background-color: #fffff;
	margin: 0px;
}
#leftside1 ul {
	padding: 1em 1em 1em 1em;
	margin: 0px;
	border: 1px #ccc dotted; 
	font-size: 9px;
	line-height: 16px;
	color: #999;
	text-align: left;
	list-style: none;
}


.show { width:300px; height:200px; position:relative; }

.imagerotator1 {
     width: 250px;
     margin-left: 0px;
}
.imagerotator2 {
    width: 250px;
     margin-left: 250px;
}

.imagerotator3 {
    width: 250px;
     margin-left: 500px;
}

.rot_img1 {
     width: 250px;
     margin-left: -225px;
}

.rot_img2 {
    width: 250px;
    margin-left: 20px;
    margin-top: -200px;
}

.rot_img3 {
   width: 250px;
   margin-left: 270px;
   margin-top: -400px;
}

#strha_midline {
	background-color: #ccc;
	height: 165px;
}


/* End of 'StR-HA' */