body,html 
{
	margin:0;
	padding:0;
	background:#a7a09a;
	color:#000;
	font-size: 14px;
	height: 100%;
}
body 
{
	min-width:1000px;
}
img { border: none; }
a.icon { text-decoration: none; }
body a.dark { color: #333; }
body a.dark:hover { color: #000; }

#page 
{
	margin:0px auto;
	width:1000px;
	height: 100%; 
}
	#pageHeader
	{
		margin: 0px;
		padding: 0px;
		position: relative;
		height: 155px;
	}

	#menu
	{
		/*background-color: #dc7c49;*/
		background-image: url('../images/backgrounds/red-bg.jpg');
		background-repeat: repeat-x;
		height: 20px;
	}
	
	#content 
	{ 
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100%; 
	}
		
		#sidebar 
		{
			vertical-align: top;
			background-color: #395268;
			color: #ccc;
			width: 200px;
			padding: 4px;
		}
			#sidebar h4, #sidebar h5, #sidebar ul, #sidebar li, #sidebar p { margin: 1px; padding: 0px;}
			#sidebar li, #sidebar span
			{
				font-size: 12px;
				list-style: none;
				margin-left: 5px;
			}
			#sidebar h4 { border-bottom: 1px solid #ccc; color: #cc9; }
			#sidebar h5 { margin-left: 5px; }
			#sidebar a { color: #fff; }
	
		#body
		{
			vertical-align: top;
			padding: 0px 10px;
			font-size: 15px;
			font-family: verdana, arial;
			background-color: #fff;
		}
			p.bodyText:first-letter 
			{
				font-size: 24px;
				color: #bc5c29;
			}
	
	#footer 
	{
		background-color:#cc9;
		text-align: center;
		font-size: 12px;
		clear:both;
	}



.indented { margin-left: 20px; }


h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

h3.header, h4.header { border-bottom: 1px solid #333; color: #bc5c29;}

.sermonlist a {color: #000;}
.sermonlist a:hover { color: #440; }
.sermonlist li { margin-bottom: 5px;}
.sermonline { color: #005; font-size: 16px; }

.eventlist, .options
{
	border: 1px solid #ccc;
	background-color: #ffe;
	width: 300px;
	float: right;
	margin-left: 10px;
}
	.event a { color: #000; }
	.eventlist li, .sermonlist li { list-style: none; }
	.eventlist li .event, eventlistsmall li .event
	{ 
		font-weight: bold;
		font-size: 14px; 
	}
	.eventlist .eventdate
	{
		display: block;
		margin-left: 20px;
		font-size: 12px;
		font-style: italic;
	}
	.eventlistsmall .eventdate
	{
		margin-left: 20px;
		font-size: 12px;
		font-style: italic;
	}
	
	.options
	{
		padding: 10px;
		width: 200px;
	}
	.options a , .notification a
	{ 
		display: block; 
		border: 1px solid #eed;
		margin-bottom: 5px; 
	}
	.options a:hover, .notification a:hover
	{ background-color: #fff;}
	
	.notification
	{
		border: 1px solid #ccc;
		background-color: #ffe;
	}
	.notification a { width: 200px; }
	
.basore
{
	color: #bc5c29;
	font-weight: bold;
}


.picture
{
	margin: 10px;
	border: 1px solid #999;
}
div.picture { position: relative; }

.tabular
{
	border: 1px solid #999	;
	border-collapse: collapse; 
}
	.tabular tr.oddrow { background-color: #eee; }
	.tabular td
	{
		border: 1px solid #ccc;	
		padding: 2px 5px;
	}
	.tabular th
	{
		border: 1px solid #ccc;
		background-color: #555;
		color: #eee;	
		padding: 2px 5px;
	}
	.tabular td.actions { text-align: center; }


.tabpanel
{
	border: 1px solid #aaa;
	padding: 10px;
	position: relative;	
}
	.tabpanel .tabs
	{
		height: 20px;
		position: absolute;
		top: -23px;
		left: 0px;
	}
	.tabpanel .tabs .list 
	{ 
		border: 1px solid #aaa;
		border-bottom: none;
		background-color: #fff;
		color: #005;
		padding: 3px;
		margin-bottom: 5px;
	}
	.tabpanel .tabs a.list 
	{ 
		background-color: #eee; 
		border: 1px solid #aaa;
		position: relative;
		top: -1px;
	}

.information, .error
{ 
	color: #494;
	font-weight: bold; 
}
.error { color: #944; }

.map
{
	width: 750px;
	height: 400px;
	border: 1px solid #aaa;	
}

.stagger
{
	text-align: center;
	margin-left: 30px;
}
	.stagger hr { color: #eee; background-color: #eee; height: 2px; border: 0px; }
	.stagger a { color: #222; }
	.stagger a:hover { text-decoration: underline; color: #000;}
	.stagger img { border: 1px solid black; }
	.staggerLeft
	{
		text-align: right;
	}
	.staggerMiddle { width: 30px; }
	.staggerRight { text-align: left; }
	
.missionPanel 
{ 
	border: 1px solid #ccc;
	padding: 5px;
	width: 750px;
}
	.missionPanel h4 { margin: 0px; }
	.missionPanel ul.nobullets { list-style: none; }
	
.announcementPanel { list-style: none; }
	.announcementPanel li
	{
		border: 1px solid #ccc;
		padding: 7px;
		width: 700px;
		background-color: #ffffef;
		margin-bottom: 10px;
	}	
	.announcementPanel li.oddrow { background-color: #efefdf; }
	
a.scripture
{
	color: #228;
	font-size: 10px;
}

.missionsPic
{
	float: right;
	position: relative;
	z-index: 1;
}

div.blog, div.blogsig
{		
	width: 800px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 2px 4px;
}
div.blog { border-bottom: none; }
div.blogsig 
{ 
	background-color: #ddd;
	color: #333;
	font-style: italic;
	margin-bottom: 10px;
	font-size: 10px;
	text-align: right;
}