/*** CSS document ***/
body  {
	font: 1em Georgia, 'Times New Roman', Times, serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000;
}
#container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0;
	padding:0;
	position:relative;
}
#sidebar1 {
	float: left;  /* since this element is floated, a width must be given */
	width: 120px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-right:10px;
	}
	
#sidebar1 a {
	color:#333366;
	text-decoration:none;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.7em;
	}
	
#sidebar1 a:hover {
	color:#cc9933;
	}

#sidebar1 li {
	margin:0;
	padding:4px 10px 14px 10px;
	line-height:.65em;
	}
	
#mainContent { 
	width:500px;
	margin:0 0 0 130px; 
	padding:8px 35px 0 36px; 
	border-left:1px solid #b3b3b3;
	position:relative;
	top:-4px; /* fix vertical gap in IE7 and IE6 */
	} 
	
*html #mainContent { 
	left:-3px; /* fix horizontal gap in IE6 */
	}

.name {
	color:#333366;
	font-weight:bold;
	}
	
.copyright {
 	text-align:center;margin:50px 0;font-size:.65em;
	}
	
.quoted {
	text-align:right;
	font-size:.9em;
	margin-top:0;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

h1 {
	margin:0;
	padding:0 0 16px 0;
	color:#333366;
	font-size:.9em;
	text-transform:uppercase;
	}

h2 {
	margin:0;
	padding:0;
	color:#333366;
	font-size:.85em;
	text-transform:capitalize;
	}
	
h3 {
	font-size:.85em;
	}

p {
	margin:0 0 16px 0;
	padding:0;
	font-size:1em;
	}
	
.smaller {
	font-size:.9em;
	}

/**** the following sets the navigation to show which page is being viewed
the class in the body tag works with the id in the navigation's link if no Flash for SiFR ****/
body.home #homeLink, body.music-thanatology #music-thanatologyLink, 
body.vigil #vigilLink, body.about #aboutLink, 
body.testimonials #testimonialsLink, body.calendar #calendarLink, 
body.newsletters #newslettersLink, body.articles #articlesLink, 
body.training #trainingLink, body.links #linksLink, 
body.donation #donationLink, body.shop #shopLink {
	color:#cc9933;
	text-decoration:none;
	}
