/* style sheet for Holy Rosary Catholic Church
created August 25, 2004
revised October 26,2004 
  changed width for shorter line length
   added signature style
   increased font size and line height 
   added background color for hover on navbar links
   changed navbar link color
   removed underline on secondary navbar links
   added hover background color to secondary navbar links*/

body {
	margin: 0;
	padding: 0;
	/* margin-left: 2%; */
	font-family: "Bitstream Vera Sans Roman", Verdana, Arial, Helvetica, sans-serif;
	/* keep font sizes under control when using ems. Thx and a tip o' the hat to Owen Briggs 
	at http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html */
	font-size: 76%;
	color: #333;
	background-image: url(images/vertical_background3.png);
	background-repeat:repeat-x;
	}
	
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
typography rules
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
}


h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0em 0em;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0em 0em;
}

h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0em 0em;
}

h5 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0em 0em;
}

h6 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0em 0em;
}

#sitename h6 {
	font-weight:normal;
	margin: .5em 0 0 0;
	padding: 0em 0em 0.7em 0em;
	line-height:0px;
	}
/*
#siteName h4 {
	margin:.75em 0 0 0;
	}
*/
#sitename h5 {
	margin: .30em 0 0 0;
	}
	
#pageSpecificContent h5 {
	font-weight:bold;
	margin-bottom:.2em;
	}

#pageSpecificContent a {
	color:#87002B;
	border-bottom:1px dotted;
	text-decoration:none;
	}
	
#pageSpecificContent a:visited, a:active {
	text-decoration:none;
	color:#FF697F;
	}

#pageSpecificContent a:hover {
	text-decoration:none;
	border-bottom:none;
	background-color:#AD8E77;
	color:#fff;
	}
	
/* remove browser supplied bullets from list items in the main content section */	
#pageSpecificContent li {
	list-style-type:none;
	}
	
#pageSpecificContent h4 {
	margin-top:.5em;
	}
	
h5 a {
	color:#87002b;
	border-bottom:1px dotted;
	text-decoration:none;
	}

h5 a:visited, a:active {
	text-decoration:none;
	color: #ff697f;
	}

h5 a:hover {
	text-decoration:none;
	border-bottom:none;
	background-color:#AD8E77;
	color:#fff;
	}
	
.citation {
	font-style: italic;
}

.sig {
	font-style:italic;
	font-size: 0.8em;
	padding-left: 1.5em;
	color: #666;
	}
	


/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
layout rules
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

#content {
	margin:0 auto;
	width: 680px;
	background-color:#fff;
	border:1px solid #AD8E77;
	
	/*
	border for debugging
	border:1px solid red;
 	*/
	}
	
#masthead {
	height:117px;
	margin:0;
	padding:0;
	}
	
#sitename {
	width: 256px;
	margin: 0em 0em;
	padding:8px 8px 0 8px;
	float: left;
	text-align:right;
	font-family:"Bitstream Vera Serif", "Georgia", "Times New Roman", Times, serif;
	font-weight:bold;
	background-color:#fff;
	/* debug border
	border:1px solid red;
	*/
	}

#pageimage {
	width:330px;
	margin:0em 0em;
	padding:0em 0em;
	float:left;
	/* border for debugging 
	border:1px solid red;
	*/
	}
	

#pageSpecificContent {
	text-align: left;
	float:left;
	margin:0;
	padding:20px 5px 60px 8px;
	width:555px;
	color:#333;
	background-color: #fff;
	}
	
#pageSpecificContent p {
	margin: 0 0 .6em 0;
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
#footer {
	clear:both;
	/* margin-left:35px; */
	padding:1px 0px;
	width: 680px;
	background-color:#666;
	color:#fff;
	font-size:1.0em;
	text-align:center;
	}
	
	
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Top navigation bar rules
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

#navBarHolder {
	padding:0;	
	background-color:#333;
	color:#fff;
	float:left;
	font-size:1.1em;
	/* debug border 
	border:1px solid blue;
	*/
	/* make IE6 act like a real browser */
	margin: 0px 0px 0px 0px;
	width:680px;
	/* actual rules for real browsers */
	margin /**/:0px 0px 0px 0px;
	width /**/:680px;
	}
	
#navBarHolder ul li {
	display:inline;
	}
	
#navBarHolder ul li a {
	padding:0px 8px 0px 8px;
	background-color:#333;
	color:#ddd;
	text-decoration:none;
    /* float:left; */
	}

	
#navBarHolder ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #999;
	}

#navBarHolder #currentPage{
	background-color:#999;
	padding:0px 8px 0px 8px;
	}
	


/* 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
secondary navigation on left side
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

	
#secondaryNav {
	float:left;
	font-size:1.1em;
	width:100px;
	margin: 0px 0px 5px 0px;
	/*	
	background-image: url(images/bkgrd_secondary_nav.gif) 0  0 repeat-y;
	*/
	/* also helpful to turn off the background color on the navbar so the image can show through */
	background-color:#AD8E77;
	/* border for debugging
	border:1px solid yellow;
	*/
	}
	
#secondaryNav ul li a, #secondaryNav ul li a:visited,
#secondaryNav ul li a:link {
	color:#fff;
	text-decoration:none;
	}
	
#secondaryNav  ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #806659;
	}
	
#secondaryNav ul {
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
	}
	
#secondaryNav ul li a {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	margin-bottom: 10px;
	}


#secondaryNav ul a {
	display:block;
	float:left;
	clear:left;
	}

#secondaryNav li>a {
	 float:none;
	}
	
#secondaryNav #currentPage {
	background-color: #806659;
	padding-left:3px;
	margin-bottom:15px;
	color:#fff;
	}
	
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
image rules
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

a, a:link {
	text-decoration:none;
	}
	
img {
	border:0;
	}
.imgleft {
	float: left;
	padding-right: 3px;
}
.imgright {
	float: right;
	padding-right: 3px;
}


	
a img {
	border:0;
	text-decoration:none;
	}
	
a:link img {
	text-decoration:none;
	border-bottom: none;
	}

.storyquote {
	margin-right: 15px;
	margin-left: 35px;
	margin-top: 5px;
	margin-bottom: 10px;
}