/* CSS Document */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/


.twoCol			{ }

.lCol			{ float: left; width: 485px; padding: 12px 10px 24px; }
.rCol			{ float: left; width: 255px; margin-left: 5px; color: #003; }

.oneCol			{ float: left; width: 715px; padding: 12px 25px 24px; }

.eqCol			{ float: left; width: 345px; padding: 12px 0 24px 25px; }

.left			{ width: 230px; float: left; }
.sideImg		{ display: block; text-align: center; margin: 24px 0; }

.img			{ width: 200px; float: left; }
.txt			{ width: 265px; float: left; margin-top: 18px; padding: 12px 10px; background: #e5e5ef; }


/* TYPE STYLES
-------------------------------------------------------------------------------- */
$content		{ }
#content h3		{ padding: 0 0 12px; color: #006; 
				font-size: 16px; line-height: 24px; font-weight: bold; }
				
#content h4		{ padding: 24px 0 12px; color: #006; 
				font-size: 15px; line-height: 18px; font-weight: bold; }				

.lCol h5		{ padding: 24px 0 6px; color: #006; 
				font-size: 13px; line-height: 18px; font-weight: bold; }	

.lCol img		{ padding: 0 12px 12px; }

#content h4.lessPad { padding-top: 6px; }

#content p,
#content form,
#content li		{ padding-bottom: 9px; color: #006;
				font-size: 13px; line-height: 18px; }
				
#content li		{ margin-left: 20px; padding: 0 20px 9px; }

#content p img	{ margin: 0 20px 0; }

.lrg,
.lrg li			{ font-size: 15px !important; line-height: 24px !important; }
.note			{ font-size: 11px !important; line-height: 18px !important; }

.callout		{ font-size: 15px !important; line-height: 24px !important;
				background: #f7e8e9; text-align: center; padding: 6px; margin: 6px 0 18px; }

.indent			{ margin: 0 40px; }

.greenSep		{ margin: 0; padding: 0; width: 400px; height: 36px;
				background: #fff url(../imgs/global/green-sep.gif) 0 0 no-repeat; }
.greenSep hr	{ display: none; }

.ourStaffTbl,
.infoTbl			{ border: 1px solid #e5e5ef; border-bottom: none; border-right: none;
					font-size: 13px !important; line-height: 18px !important; }

.infoTbl			{ margin: 9px 0; width: 100%; }
					
.ourStaffTbl td,
.infoTbl td			{ padding: 3px 6px;
					border: 1px solid #e5e5ef; border-top: none; border-left: none; }

.ourStaffTbl td		{ vertical-align: middle; }

.ourStaffTbl th		{ padding: 12px 6px; background: #f7e8e9; font-weight: bold;
					border: 1px solid #e5e5ef; border-top: none; border-left: none; }
.infoTbl th			{ padding: 3px 6px; background: #f2f2f7; font-weight: bold;
					border: 1px solid #e5e5ef; border-top: none; border-left: none; }					

.infoTbl thead td	{ font-weight: bold; }

.infoTbl tbody th	{ background: #fff; }

.infoTbl tfoot td	{ color: #33335c; }

.infoTbl ul			{ margin-bottom: 12px; }
.infoTbl li 		{ padding: 6px 10px 0 !important; font-size: 11px !important; line-height: 14px !important; }

tr.alt td 		{ background: #f2f2f7 !important; }

tr.over td 		{ background: #f7e8e9 !important; }

ol.terms li		{ padding-bottom: 18px !important; }
ol.terms li li	{ list-style: lower-alpha; }


ol.noStyle		{ list-style: none; }




/* H2 GRAPHIC HEADERS
-------------------------------------------------------------------------------- */
.graphicHdr		{ text-indent: -9999px; font-size: 0; line-height: 0;
				float: left; width: 765px; height: 100px; margin-bottom: 10px; }

#voice-hdr 		{ background: url(../imgs/headers/voice-hdr.jpg) no-repeat; }
#htv-hdr 		{ background: url(../imgs/headers/htv-hdr.jpg) no-repeat; }
#internet-hdr 	{ background: url(../imgs/headers/internet-hdr.jpg) no-repeat; }
#security-hdr 	{ background: url(../imgs/headers/security-hdr-2.jpg) no-repeat; }
#wireless-hdr 	{ background: url(../imgs/headers/wireless-hdr.jpg) no-repeat; }
#phoneDir-hdr 	{ background: url(../imgs/headers/phoneDir-hdr.jpg) no-repeat; }
#links-hdr 		{ background: url(../imgs/headers/links-hdr.jpg) no-repeat; }
#aboutUs-hdr 	{ background: url(../imgs/headers/aboutUs-hdr.jpg) no-repeat; }
#ourStaff-hdr 	{ background: url(../imgs/headers/ourStaff-hdr.jpg) no-repeat; }
#contactUs-hdr 	{ background: url(../imgs/headers/contactUs-hdr.jpg) no-repeat; }


/* PURPLE BOX - SIDE BAR
-------------------------------------------------------------------------------- */
.purpleBox			{ margin-bottom: 8px; padding-bottom: 8px; background: #e5e5ef; }

.purpleBox h5		{ padding: 8px 10px 1px; margin-bottom: 12px !important; border-bottom: 1px solid #fff;
					font-size: 18px; font-weight: bold; }
.purpleBox h6		{ padding: 0 10px 1px; margin-bottom: 8px !important; border-bottom: 1px solid #fff;
					font-size: 14px; font-weight: bold; }

.withPadding		{ padding-top: 8px !important; padding-bottom: 8px !important; }
					
.purpleBox p,
.purpleBox table,
.purpleBox dl		{ margin: 0 10px 4px; font-size: 12px !important; line-height: 16px !important; }

.purpleBox div		{ background: #fff; margin: 0 1px; padding: 4px 0; border-top: 1px solid #e5e5ef; }

.purpleBox li		{ margin-left: 24px !important; padding-left: 8px !important; }

.purpleBox dt		{ font-size: 13px; font-weight: bold; }
.purpleBox dd		{ font-size: 12px; padding-bottom: 4px; }

.purpleBox table	{ width: 235px; }
.purpleBox td		{ padding: 2px; border-bottom: 1px solid #cecedc; width: 50%;
					font-weight: bold; }
.purpleBox th		{ padding: 2px; border-bottom: 1px solid #cecedc; width: 50%;
					font-weight: bold; background: #f2f2f7 !important; }

tr.highlight td		{ background: #f2f2f7 !important; }
.price				{ padding-left: 16px !important; }

.quote p			{ padding-top: 18px; font-size: 15px !important; line-height: 24px !important; text-align: center; }


.btn				{ padding: 8px; margin-bottom: 12px !important; border: 1px solid #006;
					font-size: 18px; font-weight: bold; text-align: center; }

.btn a				{ color: #006; }

tr.highlight td		{ background: #f2f2f7 !important; }
.price				{ padding-left: 16px !important; }

.quote p			{ padding-top: 18px; font-size: 15px !important; line-height: 24px !important; text-align: center; }


.subNav				{ }
.subNav ul			{ list-style: none; padding: 1px; }
.subNav li			{ margin: 0 !important; padding: 0 !important; }
.subNav li a		{ display: block; padding: 5px 10px; color: #003; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.subNav li a:hover	{ background: #fff; }

 

/* FORMS
-------------------------------------------------------------------------------- */
form				{ padding: 12px; }

form li				{ float: left; margin: 0 !important; padding: 0 0 9px !important; width: 100%;
					list-style: none;  }

label,
input,
textarea,
select				{ float: left; display: block;
					font-size: 15px; }

label				{ width: 100%; }

.req				{ float: left; color: #f00; }

.checkboxes			{ }
.checkboxes p		{ line-height: 18px !important; }
.checkboxes input	{ clear: both !important; vertical-align: baseline; }


/* CHURCH
-------------------------------------------------------------------------------- */

.denomination		{ float: left; width: 765px; margin-bottom: 8px; padding: 0 0 8px 0;
					border-bottom: 1px solid #e5e5ef; }

.church				{ float: left; width: 233px; margin: 0 5px 4px; padding: 8px 5px;
					border: 1px solid #e5e5ef; }

.churchList			{ /*width: 75%;*/ padding-left: 25px; }
.churchList	li		{ /*list-style: none; display: inline;*/ }				
.churchList	li a	{ /*float: left; display: block; */
					padding-right: 5px; margin-right: 5px; }	

.bt					{ float: left; }


/* PHONE DIRECTORY
-------------------------------------------------------------------------------- */

#phoneDirList		{ list-style: none; border: 1px solid #e5e5ef; padding: 20px 0 10px; }
#phoneDirList li	{ background: url(../imgs/global/page_white_acrobat.png) no-repeat;
						padding: 0 0 16px 26px; line-height: 16px; }



/* COMMUNITY
-------------------------------------------------------------------------------- */
.comImgs			{ margin-top: 8px; padding: 24px 0 0; border-top: 1px solid #e5e5ef; }

.comImgs a img		{ border: 4px solid #fff; }
.comImgs a:hover img{ border: 4px solid #e5e5ef; }

#community h5		{ padding: 12px 0 0; color: #006; 
					font-size: 15px; line-height: 18px; font-weight: bold; }			

#community h6		{ padding: 0 0 12px; color: #006; 
					font-size: 13px; line-height: 18px; font-weight: bold; }

#calendar h5		{ padding: 8px 10px 1px; margin-bottom: 0 !important; border-bottom: 1px solid #fff;
					font-size: 18px; font-weight: bold; }
#calendar h6		{ padding: 8px 10px 4px; margin: 0 0 8px !important; border-bottom: 1px solid #e5e5ef;
					font-size: 14px; font-weight: bold; }


/* MAP
-------------------------------------------------------------------------------- */
#gMap				{ margin: 8px 40px; padding: 1px; border: 1px solid #030; }


/* SECURITY COLORING
-------------------------------------------------------------------------------- */
.securityContent					{ }
.securityContent p,
.securityContent h3,
.securityContent h4,
.securityContent li,
.securityContent table				{ color: #000 !important; }

.securityContent .infoTbl			{ border-color: #e5e5ef !important; }



.securityContent .purpleBox			{ background: #900; }

.securityContent .purpleBox h5		{ color: #fff !important; }
.securityContent .purpleBox h6		{ color: #fff !important; }
					
.securityContent .purpleBox p,
.securityContent .purpleBox table,
.securityContent .purpleBox dl,
.securityContent .purpleBox a		{ color: #fff !important; }