/*
Dark Blue: #7e7af5
Medium Blue: #bebcfa
Light Blue: #dfdefc

Dark Gray: #b5b5b5
Medium Gray: #dadada
Light Gray: #ececec
*/

* {margin: 0; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
img a {border: 0;}
a img {border: 0;}

html { 
	background: #ececec url(images/header_stretch.jpg) repeat-x;
	color: #000000; }

#wrapper { 
	height: 100%;
	width: 100%;}

#header {
	height: 80px;
	background: url(images/header.jpg) top left no-repeat;}	

#centercont { 
	height: 100%;
	width: 100%;}

#navbar {
	background: #dadada url(images/methodist_bottom.jpg) top left no-repeat;
	width: 150px;
	height: 100%;
	/*padding: 100px 8px 0 8px;*/
	padding-top: 100px;}
	#navbarlink a {
		width: 134px; height: 22px;
		display: block;
		color: #7e7af5;
		padding-top: 4px;
		text-align: left;
		text-indent: 15px;
		background: url(images/button_off.gif) no-repeat;
		text-decoration: none;
		margin-top: 2px;}
		#navbarlink .sub {
			color: #000;
			text-indent: 0px;
			text-align: center;
			background: url(images/button_on.gif) no-repeat;}
		#navbarlink a:hover {
			color: #000;
			background: url(images/button_on.gif) no-repeat;
			text-decoration: underline;}
	#navbarlink p {
		width: 134px; height: 22px;
		text-align: center;
		text-indent: 0px;
		padding-top: 4px;
		margin-top: 2px;
		background: url(images/button_on.gif) no-repeat;}

#verse { 
	padding: 7px;
	margin: 10px 2px 0 2px;
	background: url(images/verse_stretch.gif) top center no-repeat;}
	#verse .text {
		font: italic 1.05em Georgia, Times, serif;
		text-align: left;
		text-indent: 15px;
		padding-top: 5px;
		background: url(images/top_quote.gif) top left no-repeat;}
	#verse .reference {
		font: 20px Georgia, Times, serif;
		text-align: right;
		padding: 5px 15px 0 0;
		background: url(images/bottom_quote.gif) top right no-repeat;}
	#versend {
		background: url(images/verse_bottom.gif) top center no-repeat;
		height: 156px;}

#contenttitle {
	height: 36px;
	background: url(images/under_header.jpg) top left no-repeat;
	padding: 5px 0 2px 15px;}
#content{ 
	border-bottom: 1px solid #b5b5b5; 
	border-left: 1px solid #b5b5b5;
	padding: 0 5px 0 5px;
	background: url(images/content.bg.jpg) bottom right no-repeat;
	/*width: 750px;*/}
	#message {
		/*width: 700px;
		margin-left: 20px;*/
		padding: 5px 0 5px 25px;
		text-indent: 15px;
		text-align: left;
		/*background: url(images/message.mid.gif) left top repeat-y;*/}
		.bufferParags  { margin-bottom: 15px; }
		#messagetop {
			height: 20px;
			/*margin-left: 20px;*/
			/*background: url(images/message.top.gif) left top no-repeat;*/}
		#messagebottom {
			height: 20px;
			/*margin-left: 20px;*/
			/*background: url(images/message.bottom.gif) left bottom no-repeat;*/}
			#message img {
				margin: 2px 5px 2px 5px;}
		#announcements {
			width: 700px;
			/*margin-left: 20px;*/
			padding: 5px 0 5px 25px;
			text-indent: 15px;
			text-align: left;
			/*background: url(images/message.mid.gif) left top repeat-y;*/}
#moreinfo {
	border: 1px solid #b5b5b5;
	padding: 5px;
	margin: 5px;
	width: 362px;
	float: left;
	clear: right;
	background: #ececec;}
	#moreinfo p {text-indent: 15px;}
	#moreinfo img {border: 1px solid #b5b5b5; padding: 2px; margin: 3px;}
		#map {border: 1px solid #b5b5b5; padding: 2px; margin: 3px; width: 350px;}
	#moreinfoheader {
		font: 15px Arial, Helvetica, sans-serif;
		color: #7e7af5;
		border-bottom: 1px dotted #7e7af5;
		text-indent: 5px;
		margin-bottom: 3px;}
	#moreinfoterm {
		text-indent: 0;
		font-weight: bold;
		font-style: normal;
		padding: 1px 0 1px 0;
		text-align: left;
		vertical-align: top;}
			#moreinfotermfl {
				text-indent: 0;
				font-weight: bold;
				font-style: normal;
				padding: 1px 0 1px 0;
				text-align: left;
				float: left;
				vertical-align: top;}
		#moreinfoterm .shade {
			text-indent: 0;
			background: #dadada;
			border-top: 1px dotted #b5b5b5;
			border-bottom: 1px dotted #b5b5b5;
			padding: 2px;}
	#moreinfovalue {
		font: 12px Georgia, Times, serif normal;
		padding: 1px 0 1px 0;
		text-align: right;
		vertical-align: top;}
		#moreinfovalue .shade { 
			background: #dadada;
			border-top: 1px dotted #b5b5b5;
			border-bottom: 1px dotted #b5b5b5;
			font: 12px Georgia, Times, serif normal;
			padding: 2px;}
	
#footer {
	width: 100%;
	height: 20px;
	color: #7e7af5;
	padding: 5px 0 5px 0;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	background: #dadada; }
	#footer A { 
		text-decoration: none;
		color: #000;}
	#footer A:hover { 
		text-decoration: underline;
		color: #000;}
	#footer .hide {
		color: #7e7af5;}
		
/* Church Staff Page */

#csmoreinfo {
	border: 1px solid #b5b5b5;
	padding: 5px;
	margin: 5px;
	width: 120px;
	float: left;
	text-align: center;
	background: #ececec;
	/*clear: right;
	display: inline;
	vertical-align: top;*/}
	#csmoreinfo img {border: 1px solid #b5b5b5; padding: 2px; margin: 3px; /*float: left; clear: right;*/}
	#csmoreinfoheader {
		font: 15px Arial, Helvetica, sans-serif;
		color: #7e7af5;
		border-bottom: 1px dotted #7e7af5;
		text-indent: 5px;
		margin-bottom: 3px;}
	#csstaffheader {
		font: 17px Arial, Helvetica, sans-serif;
		color: #000;
		border-bottom: 1px dotted #000;
		text-indent: 5px;
		margin-bottom: 3px;}
	#csmoreinfoterm {
		text-indent: 0;
		font-weight: bold;
		font-style: normal;
		padding: 1px 0 1px 0;
		text-align: left;
		vertical-align: top;}
			#csmoreinfotermfl {
				text-indent: 0;
				font-weight: bold;
				font-style: normal;
				padding: 1px 0 1px 0;
				text-align: left;
				float: left;
				vertical-align: top;}
		#csmoreinfoterm .shade {
			text-indent: 0;
			background: #dadada;
			border-top: 1px dotted #b5b5b5;
			border-bottom: 1px dotted #b5b5b5;
			padding: 2px;}
	#csmoreinfovalue {
		font: 12px Georgia, Times, serif normal;
		padding: 1px 0 1px 0;
		/*text-align: left;*/
		vertical-align: top;
		color: #000;}
		#csmoreinfovalue a {
			color: #000;
			font: 12px Georgia, Times, serif normal;
			padding: 1px 0 1px 0;
			/*text-align: left;*/
			vertical-align: top;}
		#csmoreinfovalue .shade { 
			background: #dadada;
			border-top: 1px dotted #b5b5b5;
			border-bottom: 1px dotted #b5b5b5;
			font: 12px Georgia, Times, serif normal;
			padding: 2px;}
			
/*Events Page*/
#eventspage {
		/*width: 800px;
		margin-left: 20px;*/
		padding: 5px 0 5px 25px;
		text-indent: 15px;
		text-align: left;}
		#eventspage div {
			float: left;}
#events {
	/*border-top: 1px dotted #b5b5b5;
	border-bottom: 1px dotted #b5b5b5;
	border-left: 1px dotted #b5b5b5;*/
	padding: 2px;
	margin: 2px;
	/*width: 450px;*/}
	#events img {
		border: 1px dotted #000;
		padding: 2px;
		margin: 2px;
		vertical-align: middle;}
	#events a {
		background: #dadada;
		color: #000;
		border: 1px dotted #000;
		font: 15px Georgia, Times, serif normal;
		padding: 10px;
		text-align: left;
		text-decoration: none;}
		#events a:hover {
			background: #dfdefc;
			border: 1px solid #000;}
	#events p {
		display: inline;
		font: 15px Georgia, Times, serif normal;
		padding: 0 0 0 10px;}
			
#ccsgallery img {
	float: left;
	margin: 2px;
	border: 1px dotted #000;}
	#ccsmessage {
		/*width: 700px;
		margin-left: 20px;*/
		padding: 5px 0 5px 25px;
		text-indent: 15px;
		text-align: left;
		/*background: url(images/message.mid.gif) left top repeat-y;*/}
		
#corralfloats { width: 800px;}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	font-variant: small-caps;}
	
#whatsNew {
	border: 1px solid #b5b5b5;
	padding: 5px;
	margin: 5px;
	width: 187px;
	float: left;
	background: #ececec;
	clear: right;
	/*display: inline;
	vertical-align: top;*/}
	#whatsNew img {border: 1px solid #b5b5b5; padding: 2px; margin: 3px; float: left; clear: right;}
	#whatsNewDesc {
		font: 15px Arial, Helvetica, sans-serif;
		color: #7e7af5;
		border-bottom: 1px dotted #7e7af5;
		text-indent: 5px;
		margin-bottom: 3px;}
		#whatsNew a {text-decoration: none;}	
		
#whatsNewIndex {
	border: 1px solid #b5b5b5;
	padding: 5px;
	margin: 5px;
	width: 187px;
	float: right;
	background: #ececec;
	clear: both;
	text-align: left;
	/*display: inline;
	vertical-align: top;*/}
	#whatsNewIndex img {border: 1px solid #b5b5b5; padding: 2px; margin: 3px; float: left; clear: right;}
		#whatsNewIndex a {text-decoration: none;}
		#whatsNewIndexBlock {
			border: 1px solid #b5b5b5;
			padding: 5px;
			margin: 5px;
			width: 210px;
			float: right;
			background: #ececec;
			clear: both;
			text-align: center;
			/*display: inline;
			vertical-align: top;*/}
			
#textEditJSbox {
	width: 100%;
	border: 1px solid #b5b5b5;
	background: #7e7af5;
	color: #fff;
	padding: 5px;}
	
#folder {
	margin-left: 50px; }
	
#mainTable td { vertical-align: top; }

#fileView { 
	border-left: 1px dashed #0b0; 
	width: 100%;
	padding: 10px;}
	#fileView p {
		padding: 10px;
		background: #fff;
		color: #000;
		border: 1px dashed #0b0;}
	#fileViewTitle {
		font-size: 17px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px; }
	#fileViewClose {
		float: left;
		clear: right;
		padding-right: 25px;}
		
.num { 
float: left;
color: gray;
text-align: right;
margin-right: 6pt;
padding-right: 6pt;
border-right: 1px solid gray;}