img.two {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.one {
    border-style: solid;
    border-width: 5px;
	border-color:#CCC;
}
body.type1 {
	background: #F4EEFE url(images/C180034_church_bldg_color.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#AAA;
	color: #000000;
	/*line-height:1.0;*/
}
#container {
	position:relative;
	/*background: #dddddd;*/
	top:25px;
/*	width: 85%;  /* this will create a container 75% of the browser width */
	width: 75%;  /* this will create a container 75% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#container1 {
	position:relative;
	top:25px;
	width: 75%;  /* this will create a container 75% of the browser width */
	opacity:0.96;
	filter:alpha(opacity=96); /* For IE8 and earlier */
	border-radius:12px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#container2 {
	position:relative;
	top:25px;
	width: 75%;  /* this will create a container 75% of the browser width */
	opacity:1.00;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	border-radius:12px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
header {
	padding:0;  
	position:relative;
	top:0;
	left:0;
	height:250px;
	width:100%;
}
*.schedule0 {
	font-style:italic;
}
*.schedule1 {
	padding-left:25px;
	font-style:italic;
}
*.schedule2 {
	padding-left:50px;
	font-style:italic;
}
*.schedule3 {
	text-align:center;
	font-size:2.5em;
	font-style:italic;
}
*.schedule4 {
	text-align:center;
	font-size:2.0em;
	font-style:italic;
}
*.sched4 {
	text-align:center;
	font-size:2.0em;
}
*.schedule5 {
	font-size:2.0em;
	font-style:italic;
}
*.sch6 {
	font-weight:bold;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.sched7 {
	font-size:2.0em;
	text-align:justify
}
*.news1 {
	text-align:center;
	font-size:2.5em;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.news2 {
	text-align:center;
	font-size:2.0em;
	font-weight:bold;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.news2pad {
	padding-left:50px;
	text-align:center;
	font-size:2.0em;
	font-weight:bold;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.news3 {
	font-weight:bold;
	font-size:1.5em;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.news4 {
	font-weight:bold;
	font-size:1.1em;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.news4pad {
	padding-left:50px;
	font-weight:bold;
	font-size:1.1em;
	font-style:italic;
/*	text-decoration:underline;*/
}
*.news4a {
	font-weight:normal;
	font-size:1.1em;
	font-style:italic;
/*	text-decoration:underline;*/
}
#mainContent { 
	margin: 80px 0;
	width:250px;
	height:500px;
	padding: 0; 
	/*text-align:justify;*/
	text-align:left;
	color:#FFFFFF;
}
#mainContent2 {
	margin: 80px 0;
	width:250px;
	height:500px;
	position:absolute;
	top:230px;
	right:0;
	padding: 0;
	/*text-align:justify;*/
	text-align:left;
	color:#FFFFFF;
}
#mainContentContact {
	margin: 130px 0 0 0;
	/*text-align:justify;*/
	text-align:left;
	color:#000000;
}
#mainContentPage {
	margin: 130px 0 0 0;
	/*text-align:justify;*/
	text-align:left;
	color:#000000;
}
#news_events {
	margin: 130px 0 0 0;
	/*text-align:justify;*/
	text-align:left;
	color:#000000;
}
footer { 
	position:relative;
	bottom:0;
	left:0;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
footer p {
	margin: 0;
	padding:0;
	color:#ffffff;
	font-size:9px;
}
#nav {
	position:relative;
	top: 150px;
	left:1px;
	margin: 0;
/*	height: 50px; */
/*	width: 550px; */
	width: 575px;
	padding:0;
/*	background-color:transparent;*/
}
ul#navigate {
	margin: 0;
	padding: 0;
    position:relative;
    float:left;
	list-style: none;
	line-height: normal;
}
ul#navigate li {
	float: left;
    display:inline;
    position:relative;
}

ul#navigate li a {
   padding:10px 5px;
	color: #ffffff;
    margin:3px 0 0 1px;
	text-decoration: none;
    display:inline-block;
	border-width:1px;
	border-style:solid;
	border-color:#cc0000;
	border-radius:12px;
	width: auto;
	font-size: 1.25em;
	font-weight: bold;
    text-align: center;
   
    -webkit-transition:color 0.4s linear, background 0.4s linear;  
    -moz-transition:color 0.4s linear, background 0.4s linear; 
    -o-transition:color 0.4s linear, background 0.4s linear;   
    transition:color 0.4s linear, background 0.4s linear;  
}

ul#navigate li a:hover {
	color: #cc0000;
	background-color:transparent;
}

ul#navigate li:hover > a {
	background-color:transparent;
}

/* Drop-Down navigate */
ul#navigate li:hover > ul
{
    visibility:visible;
    opacity:1;
}

ul#navigate ul, ul#navigate ul li ul {
    list-style: none;
    padding:0;   
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:160px;
/*	 background-color:#f8f8f8;*/
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.4s linear, visibility 0.4s linear;
    -moz-transition:opacity 0.4s linear, visibility 0.4s linear;
    -o-transition:opacity 0.4s linear, visibility 0.4s linear;
    transition:opacity 0.4s linear, visibility 0.4s linear;   
}
 
ul#navigate ul li ul {
    top:0;
    left:161px; /* strong related to width:160px; from above */
}
 
ul#navigate ul li {
    clear:both;
    width:100%;
}
 
ul#navigate ul li a {
	 background:none;
/*	 background-color:transparent;*/
    margin: 1px 0 0 0;
	 padding: 10px;
    text-align: center;
    color:#FFFFFF;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:both;
    width:160px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	 clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
div.transbox {
	position:relative;
  	width:auto;
  	height:100%;
  	padding: 0 30px;
  	border-radius:12px;
  	background-color:#FFFFFF;
  	border:1px solid black;
	line-height:1;
}
div.transbox2 {
	position:center;
  	width:auto;
  	height:100%;
  	padding: 0 30px;
  	border-radius:12px;
  	background-color:#FFFFFF;
  	border:1px solid black;
	line-height:1;
}
div.box_left {
	position:relative;
  	width:45%;
  	height:100%;
  	top:0;
  	left:0;
  	padding: 0;
	line-height:1;
}  
div.box_left2 {
	position:relative;
  	width:100%;
  	height:100%;
  	top:0;
  	left:0;
  	padding: 0;
	line-height:1;
}  
div.box_right {
	position:absolute;
 	width:50%;
  	top:110px;
  	left:50%;
  	height:100%;
  	padding: 0;
	line-height:1;
}  
/* ************************* */
/* nav */
.nav {
	position: relative;
	margin: 20px 0;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0 5px;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #000;
	line-height: 100%;
}
.nav a:hover {
	color: #cc0000;
}
.nav .current a {
	background:none;
	font-style:italic;
	font-size:1.45em;
	font-weight:bold;
	border-radius: 5px;
}
/* right nav */
.nav.right ul {
	text-align: right;
}
/* center nav */
.nav.center ul {
	text-align: center;
}
nav.nav {
display:none;
}
@media screen and (max-width: 1280px) {
	nav#nav {display:none;}
	nav.nav {
	display:inline-block;
	}
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 196px;
		padding: 0;
		position: absolute;
		top: 135px;
		left: 0;
		font-style:italic;
		font-weight:bold;
		font-size:1.3em;
		border: solid 1px #eee;
		background: #fff none;
		border-radius: 5px;
		z-index:10;
		box-shadow: 5px 10px 5px rgba(0,0,0,.7);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 15px;
		text-align: left;
	}
	.nav .current a {
		background: #fff none;
		color: #cc0000;
		text-align:center;
		border: solid 1px #cc0000;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
		border-radius: 5px;
	}
	.nav ul:hover .current {
		background: #eee none;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}