body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
* {
	margin:0;
	padding:0;
}
div#header {
	background-color:#936;
	width:1042px;
	height:100px;
	border:4px solid #FC3;
}
div#header img {
	float:left;
	margin:0 4px 4px 0;
}
div#header h1 {
	width:16em;
	margin:0 0 .5em 0;
	color:#FC3;
	margin-right:auto;
	margin-left:auto;
	font-size:2em; 
	font-weight:bold;
	text-align:center;
}
div#header h2 {
	width:20em;
	margin-top:0px;
	color:#FFCC33;
	margin-right:auto;
	margin-left:auto;
	font-size:.8em; 
	font-style:italic;
	text-align:center;
}
div#contentarea { width:1050px;  }
div#nav {
	width:180px;
	background-color:#fff;
	float:left;
	top:108px;
	height:450px;
}
div#nav img {
	
	margin-left:1.75em;
	padding-top:20px;
}	
div#nav_hdr {
	margin-top:10px;
	margin-bottom:.8em;
	text-align:center;
	font-weight:700;
	color:#936;
}
a:link {
	color:#936;
}
a:visited {
	color: #03F;
}
#listmenu		                                 /* position, size, and font of  menu */
	{	
	margin-top:1em;
	margin-left:1.5em;	
	float:none;
	z-index: 10;
	width: 9em;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#listmenu a
	{
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border-bottom:1px solid #555;		/* adds bottom border */
	}

#listmenu a, #listmenu a:visited				/* all menus at rest */
	{
	color: #936;
	background-color: #fc3;
	text-decoration:none;				       /* removes underlines from links */
	}

#listmenu a.parent, #listmenu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#listmenu a:hover				             /* all menus on mouse-over */
	{
	color: white;
	background-color: #FFCC66;
	}
	
#listmenu li
	{
	list-style-type:none;		            /* removes bullets */
	}
#listmenu ul li
	{
	position:relative;
	}

#listmenu li ul
	{
	position: absolute;
	top: 0;
	left: 9em;				                 /* distance from  left menu (this should be the same as width value in #listmenu [1]) above */
	display: none;
	}

div#listmenu ul, div#listmenu ul ul, div#listmenu ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 9em;			              /* width of sub menus  (this should be the same as width value in #listmenu [1]) above */
	border-bottom:1px solid #936;
	border-left:1px solid #936;
	border-right:1px solid #936;
	border-top:1px solid #936;
	}

div#listmenu ul ul, div#listmenu ul ul ul, div#listmenu ul li:hover ul ul, div#listmenu ul li:hover ul ul ul
	{
	display: none;
	}

div#listmenu ul li:hover ul, div#listmenu ul ul li:hover ul, div#listmenu ul ul ul li:hover ul
	{
	display: block;
	}
div menuright {
	float:right;
}
div#nav_contacts {
	text-align:center;
	font-size:.75em;
	margin:20px 0 0 0;
}
div#nav_contacts a:link {
	color:#00FF33;
}

div#content_hdr {
 	width:690px;
	float:left;
	top:108px;
	padding:10px 0 10px 10px;
}
div#content_2col_hdr {
 	width:870px;
	float:left;
	top:108px;
	padding:10px 0 10px 0;
}
div#content_2col_hdr_2 {
 	width:870px;
	float:left;
	top:108px;
	padding:10px 0 10px 0;
}
div#content_2col_hdr_title {
 	width:690px;
	float:left;
	top:108px;
}
div#content_2col_hdr_filler {
 	width:180px;
	float:right;
	top:108px;
}
div#content_2col_hdr_title_2 {
 	width:690px;
	float:left;
}
div#content_2col_hdr_filler_2 {
 	width:180px;
	float:right;
}
div#content {
 	width:689px;
	float:left;
	top:108px;
}
h3 {
	text-align:center;
	font-size:1em;
	color:#936;
}
div#content img {
	float:right;
	margin:5px 1em 5px 1em;
}
p {
	margin:.75em .5em 0 0;
}
div#content_2col {
 	width:850px;
	float:left;
	top:108px;
}
div#content_2col img {
	float:left;
	padding-right:10px;
}
div#content_2col_right {
	width:850px;
	float:left;
	top:108px;
}
div#content_2col_right img {
	float:right;
	padding-left:10px;
	clear:both;
}
div#directions {
	float:left;
	top:108px;
	width:340px;
}

div#listcontainer {
	margin-left:1em;
	margin-bottom:1em;
}
div#listcontainer li {
	list-style-position:inside;
	padding:0 0 5px 0;
	margin:0;
}
div#listcontainer ul {
	list-style-position:inside;
	margin:1em 0 0 1.25em;	
	text-indent:-1em;
}
div#listcontainer ol {
	list-style-position:inside;
	padding:1em;
	margin:0 0 0 1.25em;	
	text-indent:-1em;
}
div#listcontainer_2col {
	margin:0;	
}
div#listcontainer_2col li {
	list-style-position:outside;
	padding:.3em 0;
	margin:0;
}
div#listcontainer_2col ul {
	list-style-position:inside;
	padding-left:1em;
	margin:0 0 0 350px;	
	text-indent:-1em;
}
div#contacts {
	font-size:.8em;
	margin:3px 5px 5px 20px
}

div#nav_right {
	width:180px;
	background-color:#CCCCCC;
	float:left;
	top:108px;
	height:300px;
	padding-top:10px;
}

div#nav_right li {
	margin:.5em .5em .5em 2em;
	font-weight:bold;
	font-size:.75em;
}
div#nav_right p {
	font-size:.75em;
	padding:0 .5em 0 .8em;
}
div#footer {
	font-size:.75em;
	color:#0033FF;
	width:1050px;
	margin-top:10px;
	border-top-color:#FFCC33;
	border-top-style: solid;
	border-top-width:medium;
}
div#church_address {
	padding-top:5x;
	text-align:center;
}
div#church_address p {
	color:#000000;
	margin:2px 0 0 0;
	font-size:.8em;
	font-weight:600;
}
div#photos {
  column-width: 415px;
  column-gap: 4em;   /* shown in yellow */            
  column-rule: 4px solid green;
  padding: 20px;      /* shown in blue */
  column-count:2;
}
div#photos_sm {
	display:block;
	padding: 0 0 10px 0;
}
div#photos_sm img{
	display:block;
	padding: 0 10px 10px 0;
}
div#photos img{
	display: block;
	padding-bottom: 10px; 
}	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
p.desc1 {

}
p.desc2 {
	text-align:left;
	margin:3px 2em 5px 2em;
}
p.gen_text {
	margin-bottom:5px;
}
p.address_block {
	margin:0 0 0 2em;
	font-size:1em;
}
#title {
	font-weight:bold;
}
#date {
	margin-left:10px;
}
#italic {
	font-style:italic;
}
#underline {
	text-decoration:underline;
}