/* uu site March 2009 Polly*/


/* rules applying to all pages start here.*/

body {
	background-image: url(graphics/leftsideborder.gif);
	background-repeat: repeat-y;
	width: 850px;
}

html, body {
	height: 100%;
}


* {
	margin:0;
	padding:0;
}



#tophead {
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 260px;
	width: 535px;
} 

#subhead {
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 260px;
	margin-top: 20px;
	width: 535px;
}

.left  {
	float: left;
}

.right  {
	float:right;
}

.clearfloats  {
	clear:both;
}

.clearright  {
	clear:right;
}

.clearleft  {
	clear:left;
}

.padding30  {
	padding-top: 30px;
}

.padding10  {
	padding-top: 10px;
}

.padding15  {
	padding-top: 15px;
}




.paddingtopbottom  {
	padding-top: 10px;
	padding-bottom: 20px;
}

.spacing  {
	margin-top: 20px;
}

 p {
	padding-top: 15px;
}

	
/* rules applying to all pages end here.*/


/* navigation rules start here.*/
/* "display: inline" is present in order to remove the IE6 floated element doubled margin bug.*/
#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	width: 180px;
	letter-spacing: 0.04em;
	line-height: 200%;
	display: inline;   			
	margin-left: 70px;
	float: left;
	top: 0;
	left: 0;
}

/* need this separately so that the rule overrides what the browser will do.*/
a {
	text-decoration: none;
}

#navigation ul {
	list-style-type: none;
	margin-top: 0;
}

a:link {
	color: #6600CC; /* bright purple*/
}

a:visited {
	color: #334DCC; /* blue*/
}

a:hover {
	color: #993333; /* rust*/
}

a:active {
	color: #000099;  /* dark blue*/
}

/* the rule below is to put a color background on the current link*/
#navigation li.current a  {             
	background: #E6D9BF;
}
		
/* navigation rules end here.*/


/* rules applying only to the index page start here.*/
		
#contentindex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 150%;
	margin-left: 260px;
	padding-top: 5px;
	background: url(graphics/church.jpg) no-repeat;
	background-position: top;
	width: 535px;
	height: 750px;

}
#welcome  {
	width: 220px;
}

/* rules applying only to the index page end here.*/


/* rules for other than the index page start here.*/

img  {  
	margin-left: 10px;
	margin-right: 10px;
	border: 10px solid #cccccc;   
	border-top-color: #bbbbbb;
	border-right-color: #dddddd;
	border-left-color: #eeeeee;
}
/* all of these colors are various shades of gray, which work together to give a frame to the photos*/


#contentother {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 260px;
	background: url(graphics/screenedchurch.jpg) no-repeat;
	background-position: top;
	width: 535px;
	min-height: 100%;
}

/* in a short page, to force the footer down 	below the background image*/
#contentshort {						
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 260px;
	background: url(graphics/screenedchurch.jpg) no-repeat;
	background-position: top;
	width: 535px;
	height: 750px;
}

#newsletterpage  {					/* for newsletter page only*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 260px;
	width: 535px;
	min-height: 100%;
}

#newsletterlist	ul {						/* for newsletter page only*/
	list-style-type: none;
	margin-top: 10px;
	margin-left: 20px;
	line-height: 200%;
}


.believelist  {								/* for "what we believe" page only*/
	padding-top:15px;
	padding-left: 50px;
	line-height: 120%;
}


blockquote.indent {					/* for dre page only*/
	margin-left: 20px;
	margin-right: 10px;
}


#service  {						/* for "your first visit" page only*/
	margin-left: 60px;
}

#centertext  {					/* for directions page only*/
	margin-left: 150px;
	line-height: 150%;
	padding-top: 30px;
}

#centermap  {				/* for directions page only*/
	margin-left: 15px;
	padding-top: 30px;
	padding-bottom: 40px;
}


#contentlist ul {					/* for RE page only*/
	list-style-type: none;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 15px;
	line-height: 150%;
}

#contentlist  a {					/* for RE page only*/
	text-decoration: none;
}

#youngsters  {						/* for RE page only*/
	margin-left: 15px;
}

#practicing  {						/* for RE page only*/
	padding-left: 190px;
}

#boston  {								/* for RE page only*/
	margin-left: 20px;
}


#calendar  {							/* for calendar page only*/
	margin: 10px;
}
	

#maggie  {								/* for news page only*/
	margin-left: 40px;
	margin-bottom: 20px;
}



.fairphoto  {							/* for Fair photos page only*/
	padding: 20px;
}

.fairphoto img  {				/* for Fair photos page only*/
	margin: 5px;
}
	
	

.uulist ul {								/* for uu links page only*/
	line-height: 250%;
	list-style-type: none;
	margin-left: 30px;
}

#sermonlist  {					      /* for sermon page only*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 260px;
	width: 535px;
	min-height: 100%;
}

#sermonlist	ul {						/* for sermon page only*/
	list-style-type: none;
	margin-top: 20px;
	margin-left: 30px;
	line-height: 200%;
}

/*  rules for other than the index page end here.*/


/* footer rules start here.*/

#footerspacing {
	margin-left: 260px;
	width: 535px;
	height: 10px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 260px;
	width: 535px;
	height: 80px;
	clear: both;
}


#footer img {
	border: none;
	float: left;
	margin-right: 10px;
}

/* footer rules end here.*/