body, html {margin: 0; padding: 0; background-color: #fff;}
div, p, h1, h2, h3, h4, h5, h6, h7, span, form, dl, dt, dd, fieldset, img, label, input {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; position: static; z-index: 1; margin: 0; padding: 0;}
ul, li, p {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
div, p, form {display: block; margin: 0; padding: 0;}

.cc {clear: both;}
.tcenter {text-align: center;}
.alignleft {float: left;}
.alignright {float: right;}

.grey {color: #999;}

img, fieldset {border: none; margin: 0; padding: 0;}

/* ROOT */
#root {display: block; margin: 0; padding: 0;}
	#root .wrpr {margin: 0 auto; width: 854px;}

/* HEADER */
#header {display: block; margin: 0; padding: 17px 0 0; position: absolute; top: 0; left: 0; width: 100%;}
	#header .wrpr {margin: 0 auto 38px; width: 810px; padding: 0 14px 0 30px; border: 1px solid #fff; position: relative;}

/* logo */
#header h3 a:link, #header h3 a:visited, #header h3 a:hover, #header h3 a:active, .logo a:link, .logo a:visited, .logo a:hover, .logo a:active {display: block; margin: 4px 40px 0 0; padding: 0; float: left; clear: none; font-weight: normal; font-size: 150%; text-indent: -5000px; width: 158px; height: 28px; background: transparent url(../dip_images/logo-dip.gif) no-repeat 0 0; text-decoration: none; }
	.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {margin: 28px 25px 35px 0;}
#header h3 span, .logo span {color: #ff0000;}

/* topnav */
#top_nav, #top_nav li {display: block; margin: 9px 0 0; padding: 0; list-style: none; color: #cabfd5; float: left; clear: none;}
#top_nav li {font-size: 80%; margin: 0;}
#top_nav li.temp {margin-left: 300px;}
#top_nav li.temp2 {margin-left: 60px;}
#top_nav li a:link, #top_nav li a:visited, #top_nav li a:hover, #top_nav li a:active, #top_nav li span {color: #0070c0; padding: 0 21px 0 15px;}
	#top_nav li span {font-weight: bold;}

/* phone */
#header h4 {display: block; margin: 0; padding: 5px 0 0 25px; background: transparent url(../dip_images/phone.gif) no-repeat 0 12px; float: right; clear: none; color: #3b608d; font-size: 110%; font-weight: normal; white-space: nowrap;}
		
/* MAIN */
#main {display: block; margin: 0; padding: 232px 0 0 30px;}

/* section */
.section h1 {font-size: 120%; font-weight: normal; color: #000; margin-bottom: 7px;}
.section h2 {font-size: 90%; font-weight: bold; color: #3b3b38; margin-bottom: 15px; padding-top: 2px;}
.section h3 {font-size: 90%; font-weight: bold; color: #3b3b38; margin-bottom: 15px; padding-top: 2px;}
.section h4 {font-size: 1em; margin-bottom: 13px;}
.section p {font-size: 85%; margin: 0; padding-bottom: 12px; line-height: 1.45em;}
.section p.green-dot {background: transparent url(../dip_images/green-dot.gif) no-repeat 0 2px; font-size: 70%; padding: 0 0 3px 19px; margin-left: 47px;}
.section .date {display: block; font-size: 75%; color: #bfbfbf; margin-bottom: 10px;}
.section .date a:link, .section .date a:visited, .section .date a:hover, .section .date a:active {color: #bfbfbf; text-decoration: underline;}
	.section .date a:hover, .section .date a:active {text-decoration: none;}
.section ol, .section ul {font-size: .8em;}
	.section ul, .section ol {margin-left: 0; padding-left: 33px;}
	.section ol {padding-left: 40px;}
	.section ol li, .section ul li {margin-bottom: 24px;}
	.section ul li {padding-left: 7px;}

	/* contact_list */
	.section ul.contact_list {list-style: none; margin: 0 0 20px 0;}
	.section ul.contact_list li {margin-bottom: 2px;}

/* brd_txt */
	.brd_txt {display: block; margin: 0 0 12px 14px; padding: 5px 0 0 25px; position: relative; border-left: 6px solid #fff;}
	.brd_txt p {margin: 0; padding: 0 0 13px; font-size: 80%;}
	.brd_txt.brd_green {border-color: #a0d21a;}
	.brd_txt.brd_special {border-color: #3875d7; border-width: 0 0 0 7px;}

.brd_txt em {display: block; margin: 0; padding: 0; width: 7px; height: 5px; background: transparent url(../dip_images/border-crn.gif) no-repeat 0 0; overflow: hidden; position: absolute; left: -7px;}
	.brd_txt em.top {top: 0; background-position: 0 0;}
	.brd_txt em.bot {bottom: 0; background-position: 0 100%;}
	
/* CONTENT */
.content {display: block; margin: 0; padding: 0 16px 0 0; width: 570px; float: left; clear: none;}

	/* img_holder */
	.img_holder {font-size: 80%}
	.img_holder.alignright {margin-right: 10px;}

/* column */
.column {display: block; margin: -17px -20px 0 0; padding: 0; width: 238px; float: left; clear: none;}
.column p {font-size: .8em; line-height: 1.35em; padding-bottom: .75em;}
.column p strong {color: #0070c0;}

.column h2 {font-size: 120%; font-weight: normal; color: #0070c0; margin-bottom: 7px; font-family: Trebuchet MS; line-height: 2em;}

/* FOOTER */	
#footer {display: block; margin: 0; padding: 24px 0 0;}
	#footer .wrpr {margin: 82px auto 0; width: 823px; padding: 0 0 0 31px}
#footer p {font-size: 80%;}	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration: none;}

#footer .box {padding-top: 13px; height: 87px;}
	
/* box wide */
#footer .box.wide {padding: 7px 0 0 21px; width: 570px; height: 93px;}	
#footer .box.wide p, #footer .box.wide address {font-size: 80%; font-style: normal; float: left; clear: none; margin: 13px 24px 0 6px; line-height: 2.1em;}
	#footer .box.wide address {margin-top: 0; line-height: 1.75em;}
#footer .number {color: #3333ff; font-weight: bold; margin-top: 39px; font-size: 90%; white-space: nowrap; text-indent: -.8em;}
	
#footer .box.wider {border-width: 4px; border-color: #dbe3ed; width: 100%; height: 50px; padding: 0;}	
	#footer .box.wider em {background-image: url(../dip_images/f_corners.gif); width: 9px; height: 9px; z-index: 50;}
		#footer .box.wider em.rt {background-position: 100% 0; right: -4px; top: -4px;}
		#footer .box.wider em.rb {background-position: 100% 100%; right: -4px; bottom: -4px;}
		#footer .box.wider em.lt {background-position: 0 0; left: -4px; top: -4px;}
		#footer .box.wider em.lb {background-position: 0 100%; left: -4px; bottom: -4px;}
		
#footer .logo a:link, #footer .logo a:visited, #footer .logo a:hover, #footer .logo a:active {background-image: url(../dip_images/logo_footer.gif); position: absolute; left: 17px; top: 17px; margin: 0; padding: 0;}	

#footer address {text-align: right; font-style: normal; font-size: .85em; color: #000; padding: 16px 20px 0 0;}

/* footer box */	
#footer .line {height: 20px; }
#footer .line .l_wrpr {height: 20px;}
	#footer .line .box {margin-top: -9px;}
.dots,
.dots span {
	font-weight: bolder; padding-left: 1px;
}
.dots span {
	color: #f00;
}


/* LINE */
.line {display: block; margin: 0; padding: 0; background-color: #e2f3f1; width: 100%; }
	.line .l_wrpr {margin: 0 auto; width: 854px; height: 51px;}


	.box {border: 9px solid #b9d4e9; height: 116px; float: left; clear: none; margin: -17px 7px 0 0; padding: 0; width: 220px; background-color: #fff; position: relative;}
		.box.right {margin-right: 0;}
		.box.grey {border-color: #d0d9e0;}
		.box.wide {width: 591px;}
		.box.swide {width: 836px;}
		
		.box.swide a:link, .box.swide a:visited, .box.swide a:hover, .box.swide a:active {display: block; margin: 0; z-index: 300; position: relative;}
		
	.box em {display: block; margin: 0; padding: 0; position: absolute; background-position: 0 0; background-repeat: no-repeat; width: 14px; height: 14px;}	
		.box em.rt {top: -9px; right: -9px; background-image: url(../dip_images/ritop.png);}
		.box em.rb {bottom: -9px; right: -9px; background-image: url(../dip_images/ribot.png);}
		.box em.lt {top: -9px; left: -9px; background-image: url(../dip_images/letop.png);}
		.box em.lb {bottom: -9px; left: -9px; background-image: url(../dip_images/lebot.png);}

/* side_box */

.column .box {margin: 0 7px 10px 0;}

.box.side_box {width: 215px; padding: 11px 0 4px 15px; height: auto; border-width: 4px;}	
	.box.side_box em {height: 7px; width: 7px;}
		.box.side_box em.rt {background-image: url(../dip_images/ritop-sm.png); right: -4px; top: -4px;}
		.box.side_box em.rb {background-image: url(../dip_images/ribot-sm.png); right: -4px; bottom: -4px;}
		.box.side_box em.lt {background-image: url(../dip_images/letop-sm.png); left: -4px; top: -4px;}
		.box.side_box em.lb {background-image: url(../dip_images/lebot-sm.png); left: -4px; bottom: -4px;}
	
.box.side_box ul, .box.side_box ul li {display: block; margin: 0; padding: 0; list-style: none;}
.box.side_box ul li {font-size: 90%; margin-bottom: 8px; background: transparent url(../dip_images/arrow.gif) no-repeat 0 5px; padding-left: 23px; position: relative;}
.box.side_box ul li a:link, .box.side_box ul li a:visited, .box.side_box ul li a:hover, .box.side_box ul li a:active, .box.side_box ul li span {padding: 0 5px 0 0; color: #0070c0; text-decoration: none;}
	.box.side_box ul li span {font-weight: bold;}
	
.box.side_box ul li.categories, .box.side_box ul li.archyvas {background: none; padding-left: 0;}	

/* linkbox */
.linkbox img {display: block; margin-bottom: 8px;}

/* gallery */
.box.gallery {padding: 10px 7px 0;}
.box.gallery img {display: block; margin: 0 5px 10px; float: left; clear: none;}
.box.gallery img.horizontal {margin-left: 30px;}
	
/* contact_box */
.box.side_box.contact_box {padding-top: 7px;}
.contact_box h3 {font-size: 110%; font-weight: normal; line-height: 1.4em; margin: -4px -25px 17px 0; float: left; display: block;} 
	.contact_box h3 span {font-size: 70%; line-height: 1.2em; margin-top: 2px; display: block;}
.contact_box h4 {color: #0000ff; font-size: 120%; font-weight: normal; margin-bottom: 8px;}	
.contact_box p {padding-left: 11px;}
.contact_box img {float: left; clear: none; margin-right: 14px;}

/* sermon box */
.box.side_box.sermon {padding: 4px 0 0 2px; width: 228px;}
/*
.box.side_box.sermon a:link, .box.side_box.sermon a:visited, .box.side_box.sermon a:hover, .box.side_box.sermon a:active {display: block; background: transparent url(../images/sermon-logo.gif) no-repeat 0 0; width: 226px; hegiht: 41px;}
.box.side_box.sermon a:hover, .box.side_box.sermon a:active {background-image: url(../images/sermon-logo-hover.gif)}	
*/
	
/* sitelinks */
ul.sitelinks, ul.sitelinks li {display: block; margin: 0; padding: 0; list-style: none;}
ul.sitelinks li {background: transparent url(../dip_images/sitelink-li.gif) no-repeat 0 0; padding: 4px 0 0 30px; position: relative; height: 27px; margin-bottom: 8px; font-size: 80%;}
ul.sitelinks li.tall {background-image: url(../dip_images/sitelink-li-tall.gif); height: 41px;}