/* 
First Presbyterian Church stylesheet
11 Apr 2008: Kristin Schierer
*/
	
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, 'Lucida Grande', Arial, Sans-Serif;
	background: #808080;/* This is the far outside color*/
	color: #000000;
	text-align: center;
	}
	
#contact {
	float: right;
	text-align: right;
	margin-top: 85px;
	margin-right: 25px;
	height: 50px;
	color: #808080;
	font-size: 1.2em
	}
	
#menubarimg {
	border: 0;
	}

body {
    margin: 0;
	padding: 0; 
	height: 100%;
	}

#page {

	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 800px;
	min-height: 100%;
	border: 1px solid #000000;
	text-align: left;
	}

#header {
	margin: 0; 
	width: 800px;
	height: 192px;
	}
	
#headerimg {
	float: left;
	padding: 0 0 0 0;
	border: 0;

	}

#menubar{
	font-variant: small-caps;
	font-size: 24px;
	font-family: 'Times New Roman', serif;
	color: #517b7b;
	letter-spacing: -.03em;
	text-align: center; 
	}

#menubar a { text-decoration: none; color: #517b7b; }
#menubar a:hover { color:#7b5166; }

#menubar div.highlight{
	display: inline;
	color: #7b7b51 ;
	}

#main_table{
	padding: 0;
	margin: 0; 
	border-collapse: collapse;
	width: 100%;
	}

td{
	padding: 0;
	margin: 0; 
	}
	
#main_table td {
	vertical-align: top;
	}
	
#image_cell {
	height: 110px;
	padding: 0;
	}
	
#sidebar, .sidebar{
	width: 200px;
	background-color: #51667b;
	color: #ffffff;
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	padding: 10px 10px 10px 10px;
	}

.sidebarcentered{
	width: 200px;
	background-color: #51667b;
	color: #ffffff;
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	padding: 10px 10px 10px 10px;
	}	
	
.sidebarcalendar{
	background-color: #51667b;
	color: #000000;
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	padding: 10px 10px 10px 10px;
	}
	
#main-content, .main-content{
	font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
	font-size: 1.2em;  /* All fonts are 20% bigger than normal (includes headers) */
	margin: 0;
	padding: 10px 20px 10px 20px;
	}

#main-content p, .main-content p{
	font-size: 1.2em;  /* Main font is 1.44 bigger than 'body' */
	}
	
.divider{
	background-color: #517b7b;
	height: 10px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	}

  
#footer{
	color: #808080;
	width: 800px;
	text-align: center;
	margin: 10px 0 10px 0;
	font-size: 1.2em;
	}

#footer a:link { text-decoration: underline; color:#808080; }
#footer a:hover { text-decoration: underline; color:#000000; }
#footer a:visited { text-decoration: underline; color:#808080; }

h1{
	font-family: 'Times New Roman', serif;
	text-align: center;
	}
	
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

.sidebar a:link { text-decoration: underline; color:#FFFFFF; }
.sidebar a:hover { text-decoration: underline; color:#FFFFFF; }
.sidebar a:visited { text-decoration: underline; color:#FFFFFF; }
.sidebar a:active { text-decoration: underline; color:#FFFFFF; }	

.sidebar q {
	font-size: 1em; 
}

/* From: http://24ways.org/2005/swooshy-curly-quotes-without-images */
.quotation{
	background: transparent url("start_quote.gif") left top no-repeat;
}
.quotation div {
	background: transparent url("close_quote.gif") right bottom no-repeat;
	padding: 24px 0;
}	

.citation {
	font-size: 0.7em
}
	
.leadership {
	border: 1px solid black;
	background-color: #EBFFFF;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	}
	
.didyouknow {
	text-align: left;
	font-size: 0.9em;
	}

.imgleft{
	float: left;
	padding: 0 7px 0 0;
	}
	
.imgright{
	float: right;
	padding: 0 0 0 7px;
	}

.sidebar ul{
		text-align: left;
		margin: 0 0 15px 0; 
		}

.sidebar li{
		margin: 0 0 3px 0;
		}

.clearleft {
	clear: left;
	padding: 10px 0 0 0;
}

.clearleft h2{
	text-align: center;
	}
	
ul{
	font-size: 1em;
	font-family:  Verdana, 'Lucida Grande', Arial, Sans-Serif;
	}

dl{
	margin: 0;
	}
	
dt{
	font-weight: bold;
	}

.quote {
	font-size: .8em;
	font-style: italic;
	margin: 0 25px 5px 25px;
	}
	
.italic {
	font-style: italic;
	}

