@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-size: 1em;
	text-decoration: none;
    }
.clearfix:before,
.clearfix:after { display:table; line-height:0; content:"" }
.clearfix:after { clear:both }
p {
    margin:0;
		}
body {
    background-color:#362f2d;
    }
.clear {
	clear:both;
	}
a{
    color:#ffcc33;
    text-decoration: none;
	}
a:hover {
	color:#cdcdcd;
        text-decoration:underline;
		}
h1 {
    font-family: merienda-one;
    font-size:30px;
    color:#ffcc33;
    text-shadow:2px 2px #000;
    line-height:1.25;
    }

h2 {font-family:merienda-one;
    font-size:24px;
    color:#ffcc33;
    text-shadow:-1px -1px #000;
	text-align:center;
	line-height:1.25;
    }

h3 {
    font-family: immi-five-of-five;
    font-size:24px;
    color:#cdcdcd;
    text-shadow:-1px -1px #000;
    text-align:center;
	line-height:1.25;
	}

h4 {font-family: merienda-one;
    font-size:18px;
    color:#cdcdcd;
    text-shadow:2px 2px #000;
    line-height:1.25;
    }

h5 {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size:16px;
    color:#ffcc33;
	text-align:center;
	line-height:1.25;
    }

h6 {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size:14px;
    color:#ffcc33;
    text-shadow:2px 2px #000;
    line-height:1.25;
    }


.header {
    width:auto;
    padding:5px 4px;
    margin:0 auto;
    text-align:center;
     }
.slogan {
    color:#ffcc33;
    font-family:covered-by-your-grace;
    font-size:24px;
    font-weight:700;
    float:right;
    margin-right:60px;
   
    }
.divider {
    background-image: url(images/divider-art.png);
    background-repeat:repeat-x;
    width:100%;
    height:12px;}
.topMenu {
    width: 850px;
	margin: 0 auto;
	z-index:10;}
.topMenu ul {
    margin:10px 0;} 
.topMenu li {
      
    float:left; }
    
.topMenu ul li a {
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    text-align: center;
	font-size:12px;
    font-weight:bold;
    color: #ffcc33;
	text-decoration:none; 
    margin: 5px;
    padding:5px; 
    display:inline;}

 .topMenu ul li a:hover {
     color:#fff;
	text-decoration:none;
    z-index:10;}  
    
.container {
    margin:0 auto;
    width:960px;
    -webkit-box-shadow: rgb(255, 204, 51) 4px 0 4px; 
	-moz-box-shadow: rgb(255, 204, 51) 4px 0 4px; 
	-o-box-shadow: rgb(255, 204, 51) 4px 0 4px; 
	-ms-box-shadow: rgb(255, 204, 51) 4px 0 4px;
	box-shadow: rgb(255, 204, 51) 4px 0 4px; 
	border-radius: 20px; 
	font-size:18px; 
	font-weight: bold; 
	font-family:Calibri; 
	color: #ffcc33; 
	text-align:justify;
	padding:10px; 
		}
.social-icons { position:static; width:auto; height:25px; padding:5px; margin:0; text-align:center; border-radius:0 }
.social-icons ul { display:inline-block; vertical-align:top;}
.social-icons li { float:right; margin:0 3px;}
.social-icons li:first-child { margin:0 3px; }
/* BUTTONS 
.bottom-buttons ul { margin:-5px 0 0 -10px }
.bottom-buttons li { float:left; width:20%; float:left; padding-left:10px; margin-top:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box  }
.bottom-buttons li img { vertical-align:middle }
.bottom-buttons li span { display:none }

.footer-logos li { display:inline-block; vertical-align:top; margin:0 20px }*/

.social-icons { position:fixed; top:50%; margin-top:-65px; z-index:4; width:25px; height:60px; background:#000; border-radius:0 5px 5px 0 }
.social-icons ul { list-style:none; padding:0; margin:0 }
.social-icons li { margin-top:7px }
.social-icons li:first-child { margin-top:18px }
.social-icons li a { position:relative; display:block; width:25px; height:25px; margin:0 auto; font-size:15px; line-height:25px; text-decoration:none; color:#000; background:#fff; overflow:hidden; border-radius:15px }
.social-icons li a:hover  { color:#ffcd34 }
.social-icons li a:before { font-family:"GlyphIcons"; font-style:normal; font-weight:normal; speak:none; display:block; height:25px; text-align:center; text-decoration:inherit; text-transform:none }
/*.social-icons li a[href*="facebook"]:before { content:"\e81d" }
.social-icons li a[href*="instagram"]:before { content:"\e81b" }*/
.social-icons li a[href*="facebook"]:hover { background-image: url("images/fb_white.png"); }
.social-icons li a[href*="instagram"]:hover:before { background-image: url("images/instagramWhite.png"); }



/*Used for 3 Columns*/
.feature {
        float:left;
        width:300px;
        padding:0 5px;
        margin:5px;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:justify;
        }
		/*One Column*/
        .feature1 {
        
        width:100%;
        padding:0 15px;
        margin:20px auto;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:center;
        }/*Used for 2 Columns*/
        .feature2 {
        float:left;
        width:400px;
        padding:0 10px;
        margin:15px;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:justify;
        }
		.feature2x {
        float:left;
        width:65%;
        padding:0 5px;
        margin:5px;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:justify;
        }
		/*Used for 2 Narrow Columns*/
        .feature2a {
        float:left;
        width:380px;
        padding:0 15px;
        margin:15px;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:justify;
        }
		.feature2b {
        float:left;
        width:200px;
        padding:0 5px;
        margin:5px;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:justify;
        }
		.feature2d {
        float:left;
        width:160px;
        padding:0 5px;
        margin:5px;
        font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size:16px;
        color:#FFF;
        text-align:justify;
        }
.row {
	width:inherit;
	}
.title {
    margin:0 5px;
    padding: 5px;
    text-align: center;
    float:left;
    width:300px;
    } 
.title a {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 36px;
    color: #ffcc33;
    text-shadow: -2px -2px #000;
    text-outline: 1px #fff;
    font-style: italic;
    font-weight: 400; 
    text-decoration:none;   }
.title a:hover {
    color: #000;
    text-shadow: -2px -2px #ffcc33;
    text-outline: 1px #fff;}  
.cell {
	 border-width: 4px 4px 0 4px;
     border-color:#ffcc33;
     border-style: solid;
     padding:10px;
	 color: #fff;
	 margin:0 auto;
	 text-align:justify;
	 background-color:#000;
	 font-size:16px;
	 width:900px;	
	}  
.cell:last-child {
	 border-width:4px 4px 4px 4px;
	 text-align:center;} 
.mainMenu {
	/*set the properties for the nav container div*/
	width:740px;
	margin: 0 auto;
	z-index:10;
}
.mainMenu ul { 
 	margin:0 auto;
}

.mainMenu li a { /*Set visual properties for all nav boxes*/
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    text-align: center;
	font-size:14px;
    font-style:italic;
    color: #000000;
	text-decoration:none;
   	background-color:#ffcc33;
	margin:4px;
    padding:4px;
    border: 3px ridge #000000;
    float:left;
	
}
.mainMenu li a:hover { /*rollover text visual*/
	color:#ffcc33;
	text-decoration:none;
    background-color:#000000;
    border: 3px groove #ffcc33;
	z-index:10;
 }
.rollover a {
	border:none;
	text-decoration:none;
	padding: 0 0.1em 0 0; /**space between icons**/
	position: relative; /**remove position rule if full size images will share the same display area. **/
}
.rollover a span {
	visibility:hidden;
	background-color: #000;
	display:inline-block;
	position: absolute;
	/**adjust positioning of full size images in px or %**/
	left:150px;
	width:400px;
	/**optional image captions**/ 
	font-size: 12px; 
	line-height: 1.2;
	color:#fff;
	text-align:left;
	/**optional image borders & padding**/
	border: 3px solid #362f2d;
	padding: 5px;
	z-index:10;
}
.rollover a:hover span, .rollover a:active span, .rollover a:focus span {visibility:visible;}
.rollover a:hover, .rollover a:focus {visibility:visible;}
.note {
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size:10px;
    }    
.scripture {
    font-family:covered-by-your-grace;
    font-size:16px;
    color:#D7D2D2;
    width:20%;
    margin:5px 15px;
    padding:5px;
   float:left;
    }
.copyright {
    font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size:12px;
    text-align:center;
    margin:20px auto;
    padding:10px;
    width:40%;}
.footer {
    width:auto;
    padding:5px 4px;
    margin:0 auto;
    text-align:center;
    }
article.accordion
{
	display: block;
	width:940px;
	padding: 0.5em 0.5em 1px 0.5em;
	margin: 0 auto;
	background-color:#ffcc33;
	border-radius: 5px;
	}

article.accordion section
{
	display: block;
	width:900px;
	height: 2.5em;
	padding: 0 1em;
	margin: 0 0 0.5em 0;
	color: #000;
	background-color:#362f2d;
	overflow: hidden;
	border-radius: 3px;
}
article.accordion section a
{
    font-family:merienda-one;
    color:#E0DADA;
    font-size:24px;
    }
article.accordion section a:hover
{    color:#434141;
    }
article.accordion section h2
{
	font-weight: bold;
    font-family:merienda-one;
    font-size:24px;
	width:inherit;
	line-height: 2em;
	padding: 0;
	margin: 0;
	color: #ffcc33;
}

article.accordion section h2 a
{
	display: block;
	width:inherit;
	line-height: 2em;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}
article.accordion section:target
{
	height:auto;
	background-color:#605D5D;
}

article.accordion section:target h2
{
	font-size: 2em;
	color: #fff;
}
article.accordion section,
article.accordion section h2
{
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
about.php > article.accordion section:target, #acc3 {
	background-image: url(images/cropped-bkgd-baseball-diamond.jpg);
	background-position: center ;
	background-attachment: local;
	background-repeat:no-repeat;
	background-size: cover ;
	background-origin: padding-box ;}
	
.featureBG {
	width:94%;
	margin:0 auto;
	text-align:justify;
	line-height:1.25;
	padding:10px;
	background-color:#605D5D;
	border:#ffcc33 2px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	}
	.bullet {
	alignment-baseline: baseline;
	box-shadow: inset 12px 2px 5px 10px #ffcc33;
	-webkit-box-shadow: inset 12px 2px 5px 10px #ffcc33;
	align-items: baseline;
		}