body {
	margin:0;
 	padding:0;
	position:relative;	/*this and next line are for the revolving banner*/
	z-index:0;
	background: white;
	font-size: 100%;	/*Makes the font work in IE as well as other servers */

} 

.clearthis  {
	clear: both;
}


#bodywrap {				/*Whole page is in this wrap*/
	height: 100%;
	Width: 100%;
	margin: 0 auto;
	background: white;
}

#topbar {				/*div this is the top boarder grey bar */
	height: 1em;
	background-color: rgb(104,0,0);
	margin: 0 auto;
	width: 100%;
}

#header {				/*division where logos are laid*/
	height: 13em;
	margin: 0 auto;
	width: 100%;

}

#headerceflogo {			/*Division where the ceflogo is laid*/
	height: 13em;
	width: 33%;
	float: left;

}

#ceflogo {

	padding-left: .80em;
	padding-top: .5em;
	border: 0;
	margin:0% 40% ;			/*This line and one after puts logo where it is*/


}

#headeruplogo {
	height: 13em;			/*division where the up map and name are laid*/
	width: 66%;
	float: right;
	background-image:url('images/upper_mi_logo5.gif');  /*or favicon.gif*/
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#headeruplogoeastern {
	height: 13em;			/*division where the up map and name are laid*/
	width: 66%;
	float: right;
	background-image:url('images/upper_mi_logo5.gif');  /*or favicon.gif*/
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#headeruplogonorthcentral {
	height: 13em;			/*division where the up map and name are laid*/
	width: 66%;
	float: right;
	background-image:url('images/upper_mi_logo5.gif');  /*or favicon.gif*/
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#headeruplogosouthcentral {
	height: 13em;			/*division where the up map and name are laid*/
	width: 66%;
	float: right;
	background-image:url('images/upper_mi_logo5.gif');  /*or favicon.gif*/
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#headeruplogowestern {
	height: 13em;			/*division where the up map and name are laid*/
	width: 66%;
	float: right;
	background-image:url('images/upper_mi_logo5.gif');  /*or favicon.gif*/
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}


#cef { 					/*specs for the child evangelism fellowship name in header*/
	color: #FFFACD;
	font-family: "Times New Roman";
	font-size: 2.5em;

	text-align: left;
	margin-top: 1.3em;
	text-shadow: 2.5px 2.5px 1px rgb(128,0,0);

}


#upprmi { 				/*specs for the upper michigan name in header*/
	color: #FFFACD;
	font-family: "Times New Roman";
	font-size: 3em;
	padding-top: 1.5em;
	word-spacing: .5em;
	text-align: center;
	margin:0px;

}


#chaptername 	{ 			/*specs for the chapter name in header*/


	color: #FFFACD;
	font-family: "Times New Roman";
	font-size: 2.2em;
	font-weight: 400;
	font-style: italic;
	float:right;
	margin-top: .6em;
	margin-right: 2.7em;
	word-spacing: .2em;
	text-decoration:none;
	text-shadow: 1.5px 1.5px 1px rgb(128,0,0);

}



#centerwrap {
	height: 35em;
	background: white;
	margin:0 auto;

}


#menuwrap {					/*division where the menu is laid  */
	height: 1.7em;
	background-color: rgb(104,0,0);
	width:100%;

}


#menu {					/*division where the menu is laid  */
	height: 2em;
	background-color: rgb(104,0,0);
	width:100%;
	margin:auto;
	font-size: .77em;

}

.contentcenter {
	width: 1200px;
	margin: auto;
	text-align: left;
}




ul {
	margin: 0px;			/* get's rid of default list indent*/
	margin-top: .6em;
	padding: 0px; 			/* ditto*/
    	display: block; 		/*so whole block is link*/
	float: left;	
	width: 100%;
	list-style-type: none;
}


li { 
	list-style-type: none; 		/* keeps dots off lists */
	line-height: 150%; 

	text-decoration: none;
	color: black;
	font-family: arial;
}


a.menubar {

	padding: .3em;
	margin: 0em;
	color: black;
	text-decoration: none;
	font-family: arial;
}					/* Need to keep the order: link,visited, hover, active*/

	a.menubar:link { color:white; background-color: rgb(104,0,0); }      /* for unvisited links */
	a.menubar:visited { color:white; background-color: rgb(104,0,0); } /* for visited links */
	a.menubar:hover { color: rgb(128,128,128); font-weight: bold; background-color: white; }    /* when mouse is over link */
	a.menubar:active { color: rgb(128,128,128);background-color: rgb(234,234,234); }  /* when link is clicked */


 

a.submenubar {
	padding: .4em;
	margin-top: 0em;
	color: black;
	text-decoration: none;
	font-family: arial;
	background-color: white;
	float: left;	
	width: 100%;

}

#nav a.submenubar	 {
	display:inline;

}	
					/* Need to keep the order: link,visited, hover, active*/

	a.submenubar:link {color: rgb(128,128,128); background-color: white; }
	a.submenubar:visited {color: rgb(128,128,128); background-color: transparant; }
	a.submenubar:hover {color:rgb(128,128,128); font-weight: bold;background-color: white: }
	a.submenubar:active {color: rgb(128,128,128); background-color: white; }






#bannerwrap{				/*Where the revolving banner is laid*/

	height: 400px;
	vertical-align:top;
	margin:auto;				/*This line and one after Centers object (left-right) within division*/
	width:73%;
	background: white;
	border-style: solid;
	border-width: 15px 15px 15px 15px;
	border-color: rgb(196,196,196);
	border-radius:75px;
	text-align:center;
}

.fixbannerwrap{
	padding-left: 15px;
	width: 750px;
	margin: auto;
	text-align: left;
	
}

img#banner1 {					/*first revolving banner*/
	position:absolute;
	border: 0;
	width:750px;
	height:400px;
	z-index:2
}

img#banner2 {
	position:absolute;
	border: 0;
	width:750px;
	height:400px;
	z-index:1
}

img#banner3 {
	position:absolute;
	border: 0;
	width:750px;
	height:400px;
	z-index:1
}

img#banner4 {
	position:absolute;
	border: 0;
	width:750px;
	height:400px;
	z-index:1
}

img#banner5 {
	position:absolute;
	border: 0;
	width:750px;
	height:400px;
	z-index:1
}


#contentwrap {				/* wrap to use with centersidebarmenu*/
	width: 75%;			/*and with wca id parts*/
	height: 45em;
	background: white;
	float: left;
	padding-left: 3em;

}


	.contentheader {		
		width: 39em;
		height: 3em;
		margin-left: 1.25em;
	}
	.contentheader {
		border-bottom-style: solid;
		border-width: .35em;
		border-color: rgb(234,234,234);

	}

	.content 	{
		width: 40em;
		height: 38em;
		background: white;
		margin-left: 1.25em;

	}


   #UPmap {				/*Where the sectional map is laid */
	width: 39em;
	height: 5em;
	margin-top: 2em;
	padding-left: auto;

   }


   #centersidebarmenu {
	width: 14.5em;
	height: 45em;
	background-color: white;
	float: right;
	padding-right: 2em;

   }

.wcawrapleft {				/* wrap to use with centersidebarmenu*/
	width: 20em;			/*and with wca id parts*/
	height: 42em;
	background: white;
	float: left;


}

.wcawrapright {				/* wrap to use with centersidebarmenu*/
	width: 30em;			/*and with wca id parts*/
	height: 42em;
	background: white;
	float: right;
	text-align:left;

}


table {
	width: 100%;
	background: white;
	font-size: 1em;
	font-family: arial;
	color: rgb(75,75,75);
	float: right;
	height: 1.5em;
	text-align:left;
	vertical-align:middle;
	margin-bottom: 30px;
}


#topofpagewrap {				/*Where links are laid to go to the top of pages*/
	height: 1.56em;
	background-color: rgb(250,250,250);

}

a.topofpage {					/* How links are to look and act in topofpagewrap*/
	
	padding: 3px;
	margin: .5px;
	background-color: rgb(250,250,250);
	color: grey;
	text-decoration: none;
	font-family: arial;
	font-size: .75em;

}




#footerwrap {					/*start of footer stuff*/

	height: 17em;
	background-color: rgb(60,60,60);
	font-family: arial;
	font-color: white;
	font-size: .75em;

}


   #logo {
	width: 20em;
	height: 18em;
	float: left;
   }





   #centercontact {
	width: 20em;
	height: 17em;
	position: absolute;
		left: 320px;
	color: white;
	font-family: arial;

   }

   .centerid {
	color: white;
	
	
   }



   #mmenu {
	width: 10em;
	height: 17em;
	position: absolute;
		left: 640px;
	color: white;


   }

   #umenu {
	width: 10em;
	height: 17em;
	float: right;
	color: white;

   }

   a.footermenu {				/*links in footer for menus*/
	list-style-type: none;
	text-decoration: none;
	color: rgb(173,209,235);
	font-family: arial;

   }					/*ends footer div stuff*/








a.sidemenu2 {
	display: block;	/*Displaying the links as block elements makes the whole link area clickable (not just the text), and it allows us to specify the width*/
	width: 100%;	/*Block elements take up the full width available by default. We want to specify a 60 px width*/
	height: 1.8em;	/*height of block*/
	background-color: rgb(234,234,234);

	text-decoration: none;
	list-style-type: none;
	font-family: arial;
	/*padding-left: 2em;*/	/*putting text in middle of block via padding*/
	padding-top: .5em;

}


	.sidemenu2:link {color: rgb(128,128,128); text-decoration: none; back-ground color: rgb(200,200,200);}
	.sidemenu2:visited { color: rgb(128,128,128); text-decoration: none;}
	.sidemenu2:hover {color: white; background-color: grey }
	.sidemenu2:active {color: rgb(128,128,128);}

a.formfont {
	display: block;	/*Displaying the links as block elements makes the whole link area clickable (not just the text), and it allows us to specify the width*/
	width: 100%;	/*Block elements take up the full width available by default. We want to specify a 60 px width*/
	height: 1.8em;	/*height of block*/
	background-color: white;

	text-decoration: none;
	list-style-type: none;
	font-family: arial;
	/*padding-left: 2em;*/	/*putting text in middle of block via padding*/
	padding-top: .5em;

}


	.formfont:link {color: rgb(128,128,128); text-decoration: none; back-ground color: rgb(200,200,200);}
	.formfont:visited { color: rgb(128,128,128); text-decoration: back-ground color: rgb(200,200,200);} 
	.formfont:hover {color: white; background-color: grey }
	.formfont:active {color: rgb(128,128,128);}






h1	{
	color: rgb(60,60,60);
	font-family: arial;

}


h2	{
	color: rgb(75,75,75);
	font-family: arial;


}

h3	{
	color: rgb(128,0,0);
	font-family: arial;
	

}

h4	{
	color: rgb(128,0,0);
	font-family: arial;


}

h5 {
	color: rgb(128,0,0);
	font-family: arial;

}

h6 {
	color: rgb(128,0,0);
	font-family: arial;

}

p {	color: rgb(75,75,75);
	font-family: arial;
	font-size: 1em;	

	
}

a {
	color: rgb(70,130,180);
	font-family: arial;
	font-size: 1em;
	text-decoration: none;
		

	
}

p.contentheaderstyle {
	color: rgb(60,60,60);
	font-family: arial;
	font-size: 1.5em;
}


.style2 {
	color: rgb(75,75,75);
	font-family: arial;
	font-size: .85em;
}

.style3 {
	color: rgb(75,75,75);
	font-family: arial;
	font-size: .6em;
}

p.style4 {
	color: rgb(75,75,75);
	font-family: arial;
	font-size: 1em;
				/* this is used on all centersection places where verbiage goes to */
	text-align: justify;			/*justify the 2 sides.  Looks much nice */

}

.style4 {
	color: rgb(75,75,75);
	font-family: arial;
	font-size: 1em;
				/* this is used on all centersection places where verbiage goes to */
	text-align: justify;			/*justify the 2 sides.  Looks much nice */

}

.style5 {
	text-align: center;

}

.style6 {
	text-align: left-justify;
	color: rgb(75,75,75);
	font-family: arial;
	font-size: 1em;

}

.style7 {

	color: rgb(128,128,128);
	font-family: arial;
	font-size: 1em;
	font-weight:bold;
	

}

	.subheading	{			/* class describes the REGULAR font to be used as article titles within the page*/
		color: rgb(128,0,0);
		font-size: 1.2em;
		font-family: arial;


}
	.subheadingb	{			/* class describes the BOLD font to be used as article titles within the page*/
		color: rgb(128,0,0);
		font-size: 1.2em;
		font-weight: bold;
		font-family: arial;

}


/* link color in text is color: rgb(70,130,180);  */



	.inline {				/* displays the line inline with previous line*/
	display: inline;


}







	/*drop down stuff*/	

#nav {
	margin-left: 150px !important;

}
    


#nav, #nav ul {		/* all lists */
    padding: 0;
    margin: 0;
    list-style: none;

}

#nav a {
    display: block;

}



#nav li {		/* all list items */
    float: left;

}

#nav li ul {		/* second-level lists */
    position: absolute;
	width: 50em;	/*allows them to go across rather than down*/
    left: -999em;
}

#nav li:hover ul {
    left: auto;
}


<script type="text/javascript">

sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

.nav li:hover ul, .nav li.sfhover ul {
    left: auto;
}				


 
</script>			












#navigation1{				/* don't know what this is */
	position: absolute;
		top: 0;
		right: 0;
	padding: 0 em,10em; 
	border-style: solid;
	border-width: 0px;
	border-color: rgb(128,0,0)
	background: rgb(128,0,0)

}



	/*I don't think any of this is being used*/

a.topmenu2 {

	padding: .10em;
	margin: .4em;
	background-color: rgb(135,0,0);
	color: white;
	text-decoration: none;
	font-family: arial;
	font-size: .75em;

}

					/* Need to keep the order: link,visited, hover, active*/

	.topmenu2:link { color: white; }      		 /* for unvisited links */
	.topmenu2:visited { color: rgb(255, 252, 209); } /* for visited links */
	.topmenu2:hover { color: rgb(128,0,0); background-color: rgb(255,252,209)}    /* when mouse is over link */
	.topmenu2:active { color: rgb(255, 0, 102); }  	 /* when link is clicked */

a.mainmenu2 {
	padding: .3em;
	margin: .1em;
	background-color: rgb(234,234,234);
	color: black;
	text-decoration: none;
	font-family: arial;
}

	.mainmenu2:link { color: rgb(128,128,128); }      /* for unvisited links */
	.mainmenu2:visited { color: rgb(128,128,128); } /* for visited links */
	.mainmenu2:hover { color: white;background-color: grey }    /* when mouse is over link */
	.mainmenu2:active { color: rgb(128,128,128); }  /* when link is clicked */


	a.nav1 {
		display: block;
		width: 6.7em;
	padding: .4em;
	margin: .05em;
	background-color: rgb(234,234,234);
	color: black;
	text-decoration: none;
	font-family: arial;
}
						/* Need to keep the order: link,visited, hover, active*/

	.nav1:link { color: rgb(80,80,80); background-color: rgb(234,234,234); }      /* for unvisited links */
	.nav1:visited { color: rgb(80,80,80); background-color: rgb(234,234,234);} /* for visited links */
	.nav1:hover { color: white;background-color: grey; }    /* when mouse is over link */
	.nav1:active { color: rgb(80,80,80); background-color: rgb(234,234,234);}  /* when link is clicked */

	a.nav2 {
		display: block;
		width: 10em;
	padding: .4em;
	margin: .05em;
	background-color: rgb(210,210,210);
	color: black;
	text-decoration: none;
	font-family: arial;
}
						/* Need to keep the order: link,visited, hover, active*/

	.nav2:link { color: rgb(80,80,80); background-color: rgb(234,234,234) }      /* for unvisited links */
	.nav2:visited { color: rgb(80,80,80); background-color: rgb(234,234,234);} /* for visited links */
	.nav2:hover { color: white;background-color: grey; }    /* when mouse is over link */
	.nav2:active { color: rgb(80,80,80); background-color: rgb(234,234,234); }  /* when link is clicked */

	a.nav3 {
		display: block;
		width: 12em;
	padding: .4em;
	margin: .05em;
	background-color: rgb(210,210,210);
	color: black;
	text-decoration: none;
	font-family: arial;
}
						/* Need to keep the order: link,visited, hover, active*/

	.nav3:link { color: rgb(80,80,80); background-color: rgb(234,234,234) }      /* for unvisited links */
	.nav3:visited { color: rgb(80,80,80);background-color: rgb(234,234,234); } /* for visited links */
	.nav3:hover { color: white;background-color: grey; }    /* when mouse is over link */
	.nav3:active { color: rgb(80,80,80); background-color: rgb(234,234,234); }  /* when link is clicked */	



#contentwithborderwrap {		/* the main wrap for center of pages*/

	height: 23.2em;
	padding-left: 1em;
	vertical-align: top;
	margin: auto;
	width: 75%;
	background: white;
	border-style: solid;
	border-width: 15px;
	border-color: rgb(144,144,144);
}


#contentwithborderscrollwrap {		/* the main wrap for center of pages with scrolling in window of extra script*/

	height: 24.2em;
	padding-left: 1em;
	vertical-align: top;
	margin: auto;
	width: 75%;
	background: white;
	border-style: solid;
	border-width: 15px;
	border-color: rgb(144,144,144);
	overflow: auto;
}

#content {				/* One center box, centered*/
	height: 18em;
	vertical-align:top;		/* this and the next line center the object (left/right within div*/
	margin:auto;
	width: 75%;
	background: white;
}


#contentleft65 {			/* One of two center boxes - picture on right*/
	height: 18em;
	vertical-align:top;
	float:left;
	width: 65%;
	background: white;
}


#contentright32 {			/* 2nd of two center boxes - picture on right*/
	height: 18.5em;
	vertical-align:top;
	float: right;
	width: 32%;
	background: white;
}


#contentleft32 {			/* one of two center boxes - picture on left*/
	height: 18em;
	vertical-align:top;
	float:left;
	width: 32%;
	background: white;
}


#contentright65 {			/* 2nd of two center boxes - picture on left*/
	height: 18em;
	padding-right: 1em;
	vertical-align:top;
	float: right;
	width: 65%;
	background: white;
}

#contentleft50 {			/* one of two center boxes - picture on left or right*/
	height: 18em;
	vertical-align:top;
	float:left;
	width: 50%;
	background: white;
}


#contentright50 {			/* 2nd of two center boxes - picture on left or right*/
	height: 18em;
	vertical-align:top;
	float: right;
	margin-right: 20px;
	width: 45%;
	background: white;

}


#contentright25 {			/* 2nd of two center boxes - picture on left or right*/
	height: 18em;
	vertical-align:top;
	float: right;
	width: 25%;
	background: white;
}




#formpage {				/* One center box, centered*/
	height: 30em;
	vertical-align:top;		/* this and the next line center the object (left/right within div*/
	margin:auto;
	width: 40%;
	background: white;
}

.center {
	margin-left:auto;
	margin-right:auto;
	width: 40%;

}

.picture {

	padding-left:1.5em;
}

.picturec {

	padding-right:1.5em;
}

.pictureb {

	border-style:solid;
 	border-width:thin;
	border-color: grey;
}

.fixed {
	position:fixed;
}

.picture32 {

	padding-left:1.2em;
background-attachment:fixed;
}

	

.contentheadernbb {			/* content header to use with contentwithborderwrap*/
	width: 39em;
	height: 3em;
	margin-left: 1.25em;

}

.formbox {
 border: 1px:solid;
 border-radius:5px;
 }


.formfont {
	color: rgb(75,75,75);
	font-family: arial;
	font-size: 1em;
	font-weight:bold;
 }

.error {
	color: #FF0000;
}