body { 
background-color: #274372;
}


#container {
position: relative;
width: 945px;
background-color: #000000;   
margin:10px auto;    
padding: 0px;    
/*border: thin solid #000000;	*/
text-align: center; 
}

#header { 
position: relative; 
margin: 0; 
background-color: #000066; /*background-color:#000066;*/ 
height: 220px; 
padding-top: 1em; 
padding-right: 0; 
padding-bottom: 0; 
padding-left: 0px; 
background-image: url(images/logo2.gif); 
background-repeat: no-repeat; 
background-position: 20px;
}

#statement {
text-align: center;
font-size: 22pt;
font-family:Georgia, "Times New Roman", Times, serif; 
font-style:italic; 
font-weight: bold;
color: #ffffff;
margin: 10px 30px 10px 400px;

} 

#menu {
position: relative;
width: 100%;
background-color: #ffffff;
float: left;
z-index: 15;
}
#menu ul {
list-style: none;
margin: 1px;
padding: 0;
width: 116px;
float: left; 

}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 0px 0px;	
text-align: center;

}

#menu h2 {
color: #ffffff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000000;
background: #e3ce97;
text-decoration: none;
}

#menu a:hover {
color: #ffffff;
background: #711201;
}			 

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0px;
left: 100%;
}		  


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

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#maincontent {
background-image: url('images/logobackground.jpg');
position: relative;
background-color: #c4ccc2;
width: 895px;
padding: 25px;
}

h2 {
margin-top: .5em; 
margin-bottom: 0em; 
margin-left: 0em; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 20pt; 
color: #000066; 
font-weight: bold; 
}

p.left {
margin-top: 20px; 
margin-bottom: 0em; 
margin-left: 0em;
margin-right: 335px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}


p.center {
margin-top: 20px; 
margin-bottom: 0em; 
margin-left: 0em;
margin-right: 0em; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}
#markandanita {
position: absolute;
top: 75px;
left: 600px;
width: 300px;
height: 208px;
background-image: url('images/markandanita3.jpg');
background-position: top right;
background-repeat: no-repeat;
}

p.main {
margin-top: 20px; 
margin-bottom: 0em; 
margin-left: 0em;
margin-right: 0px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}


#footer {
position: relative;
text-align: center;
width: 945px;
height: 90px;
background-color: #000066;
font-size: 11pt;
font-family: comic sans ms, arial, times new roman, sans serif;
color: #870507;
}


#footer a:link { color: #5e8292; text-decoration:none; border-style: none; font-size: 11pt;}
#footer a:hover, a.footer:focus,{ color: #000000; border-style: none; font-size: 11pt;} a:active { color: #606878; border-style: none; font-size: 11pt;}	
#footer a:visited {color: #5e8292; text-decoration: none; border-style: none;font-size: 11pt;}

/*about*/

p.right {
margin-top: 20px; 
margin-bottom: 0em; 
margin-left: 320px;
margin-right: 0px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}

#markandanita2 {
position: absolute;
top: 75px;
left: 10px;
width: 300px;
height: 226px;
background-image: url('images/markandanita.jpg');
background-position: top left;
background-repeat: no-repeat;
}

/*Services */



#altar {
position: absolute;
top: 75px;
left: 600px;
width: 300px;
height: 225px;
background-image: url('images/altar.jpg');
background-position: top right;
background-repeat: no-repeat;
}



#lessons {
position: absolute;
top: 315px;
left: 20px;
width: 300px;
height: 225px;
background-image: url('images/lessons2.jpg');
background-position: top right;
background-repeat: no-repeat;
}

#skits {
position: absolute;
top: 585px;
left: 600px;
width: 300px;
height: 225px;
background-image: url('images/skits.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#offering {
position: absolute;
top: 865px;
left: 20px;
width: 300px;
height: 225px;
background-image: url('images/offering.jpg');
background-position: top right;
background-repeat: no-repeat;
}





/*Puppets*/

#chickenbill {
position: absolute;
top: 100px;
left: 500px;
width: 300px;
height: 225px;
background-image: url('images/chickenbill2.jpg');
background-position: top right;
background-repeat: no-repeat;
}

p.leftbill {
margin-top: 110px; 
margin-bottom: 0em; 
margin-left: 150px;
margin-right: 475px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}

#thumper {
position: absolute;
top: 385px;
left: 130px;
width: 300px;
height: 225px;
background-image: url('images/thumperandanita.jpg');
background-position: top left;
background-repeat: no-repeat;
}

p.rightthumper {
margin-top: 220px; 
margin-bottom: 0em; 
margin-left: 475px;
margin-right: 150px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}


#leroy {
position: absolute;
top: 670px;
left: 500px;
width: 300px;
height: 225px;
background-image: url('images/leroy.jpg');
background-position: top right;
background-repeat: no-repeat;
}

p.leftleroy {
margin-top: 200px; 
margin-bottom: 0em; 
margin-left: 150px;
margin-right: 475px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}


#becky {
position: absolute;
top: 955px;
left: 130px;
width: 300px;
height: 225px;
background-image: url('images/becky.jpg');
background-position: top left;
background-repeat: no-repeat;
}

p.rightbecky {
margin-top: 130px; 
margin-bottom: 0em; 
margin-left: 475px;
margin-right: 150px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}


#ooga {
position: absolute;
top: 1240px;
left: 500px;
width: 300px;
height: 225px;
background-image: url('images/ooga.jpg');
background-position: top right;
background-repeat: no-repeat;
}

p.leftooga {
margin-top: 75px; 
margin-bottom: 0em; 
margin-left: 150px;
margin-right: 475px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}

#prof {
position: absolute;
top: 1525px;
left: 130px;
width: 300px;
height: 400px;
background-image: url('images/prof.jpg');
background-position: top left;
background-repeat: no-repeat;
}

p.rightprof {
margin-top: 130px; 
margin-bottom: 0em; 
margin-left: 475px;
margin-right: 150px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}


#blacklight {
position: absolute;
top: 1985px;
left: 500px;
width: 300px;
height: 225px;
background-image: url('images/blacklight.jpg');
background-position: top right;
background-repeat: no-repeat;
}

p.leftblacklight {
margin-top: 225px; 
margin-bottom: 0em; 
margin-left: 150px;
margin-right: 475px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}

#hehaw {
position: absolute;
top: 2270px;
left: 130px;
width: 300px;
height: 400px;
background-image: url('images/hehaw2.jpg');
background-position: top left;
background-repeat: no-repeat;
}

p.righthehaw {
margin-top: 130px; 
margin-bottom: 0em; 
margin-left: 475px;
margin-right: 150px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: left;
}

/*References */

#snow {
position: absolute;
top: 70px;
left: 600px;
width: 300px;
height: 400px;
background-image: url('images/snow.jpg');
background-position: top left;
background-repeat: no-repeat;
}


#lewis {
position: absolute;
top: 270px;
left: 600px;
width: 300px;
height: 400px;
background-image: url('images/lewis.jpg');
background-position: top left;
background-repeat: no-repeat;
}


/* clips*/

#maincontentclips {
background-image: url('images/logobackground.jpg');
position: relative;
background-color: #c4ccc2;
width: 895px;
height: 950px;
padding: 25px;
}


p.lefttop {
position: absolute;
top: 135px;
left: 125px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}

p.righttop {
position: absolute;
top: 135px;
left: 525px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}


p.leftcenter {
position: absolute;
top: 535px;
left: 125px;  
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}

p.rightcenter {
position: absolute;
top: 535px;
left: 525px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}

/* pic */

#maincontentpic {
background-image: url('images/logobackground.jpg');
position: relative;
background-color: #c4ccc2;
width: 895px;
height: 750px;
padding: 25px;
}


/*Contact*/

#maincontentcontact {
background-image: url('images/logobackground.jpg');
position: relative;
background-color: #c4ccc2;
width: 895px;
height: 750px;
padding: 25px;
}

#mark {
position: absolute;
top: 70px;
left: 600px;
width: 300px;
height: 400px;
background-image: url('wylie/32.JPG');
background-position: top left;
background-repeat: no-repeat;
}

p.leftcontact {
position: absolute;
top: 135px;
left: 125px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 15pt; 
color: #000066; 
font-weight: bold; 
text-align: center;
}



/* player */

/* styling of the container. */
a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}
 
/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}
 
/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

 
 

a.myPlayer5 {	display:block;	width: 480px;	height:320px; 	text-align:center;	margin:0 65px 15px 65px;	float:center;	border:1px solid #999;	} 
/* play button */
a.myPlayer5 img {	margin-top:70px;	border:0px;	} /* when container is hovered we alter the border color */
a.myPlayer5:hover {	border:1px solid #000;}



#maincontentmarionville {
background-image: url('images/logobackground.jpg');
position: relative;
background-color: #c4ccc2;
width: 895px;
padding: 25px;
}



#contentoutline {
background-image: url('images/logobackground.jpg');
position: relative;
background-color: #c4ccc2;
width: 895px;
height: 900px;
padding: 25px;
}






#outlinefooter {
position: relative;
text-align: center;
width: 945px;
height: 90px;
background-color: #000066;
font-size: 11pt;
font-family: comic sans ms, arial, times new roman, sans serif;
color: #870507;
}


#outlinefooter a:link { color: #5e8292; text-decoration:none; border-style: none; font-size: 11pt;}
#outlinefooter a:hover, a.footer:focus,{ color: #000000; border-style: none; font-size: 11pt;} a:active { color: #606878; border-style: none; font-size: 11pt;}	
#outlinefooter a:visited {color: #5e8292; text-decoration: none; border-style: none;font-size: 11pt;}