li.latest-news-bullet{ list-style-type: none;}
li.latest-news-bullet:before{
	content: '\2764';
    margin: 0 0.5em; 
    font-size: 1.2em;
    color: #ff0000;
      
    }
/* Attempt to remove nav link for "current page" in nav menu */
#page-home #wrapper nav#left li.page-home>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-home #wrapper nav#left li.page-home  {color: #ffeb0f;background-color:#3c5a98;}
#page-about #wrapper nav#left li.page-about>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-about #wrapper nav#left li.page-about  {color: #ffeb0f;background-color:#3c5a98;}
#page-history #wrapper nav#left li.page-history>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-history #wrapper nav#left li.page-history  {color: #ffeb0f;background-color:#3c5a98;}
#page-staff #wrapper nav#left li.page-staff>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-staff #wrapper nav#left li.page-staff  {color: #ffeb0f;background-color:#3c5a98;}
#page-pastoral #wrapper nav#left li.page-pastoral>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-pastoral #wrapper nav#left li.page-pastoral  {color: #ffeb0f;background-color:#3c5a98;}
#page-services #wrapper nav#left li.page-services>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-services #wrapper nav#left li.page-services  {color: #ffeb0f;background-color:#3c5a98;}
#page-calendar #wrapper nav#left li.page-calendar>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-calendar #wrapper nav#left li.page-calendar  {color: #ffeb0f;background-color:#3c5a98;}
#page-location #wrapper nav#left li.page-location>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-location #wrapper nav#left li.page-location  {color: #ffeb0f;background-color:#3c5a98;}
#page-youth #wrapper nav#left li.page-youth>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-youth #wrapper nav#left li.page-youth  {color: #ffeb0f;background-color:#3c5a98;}
#page-groups #wrapper nav#left li.page-groups>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-groups #wrapper nav#left li.page-groups  {color: #ffeb0f;background-color:#3c5a98;}
#page-sermons #wrapper nav#left li.page-sermons>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-sermons #wrapper nav#left li.page-sermons  {color: #ffeb0f;background-color:#3c5a98;}
#page-social #wrapper nav#left li.page-social>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-social #wrapper nav#left li.page-social  {color: #ffeb0f;background-color:#3c5a98;}
#page-contact #wrapper nav#left li.page-contact>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-contact #wrapper nav#left li.page-contact  {color: #ffeb0f;background-color:#3c5a98;}
#page-links #wrapper nav#left li.page-links>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-links #wrapper nav#left li.page-links  {color: #ffeb0f;background-color:#3c5a98;}
#page-accessibility #wrapper nav#left li.page-accessibility>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-accessibility #wrapper nav#left li.page-accessibility  {color: #ffeb0f;background-color:#3c5a98;}
#page-courses #wrapper nav#left li.page-courses>a  {pointer-events: none; cursor: none; color: #ffeb0f;background-color:#3c5a98;}
#page-courses #wrapper nav#left li.page-courses  {color: #ffeb0f;background-color:#3c5a98;}

ul.sermon-list 
{
font-size:0.95em;
	list-style-position: outside;
margin-left:-30px;
	}

section.fbook {display:none;	}	
section#slideshow {width:200px;}
section.half-width 
				{
						float:left; 
						width:140px; 
						background-color: #ffffee;
						border: solid 1px black;
						padding:6px;border-radius:5px;
				-webkit-box-shadow: 2px 6px 10px 5px rgba(22, 22, 22, 0.7);
box-shadow: 2px 6px 10px 5px rgba(22, 22, 22, 0.7);			
			}
section#home-content 
		{
			width: 210px; 
			margin-left: 20px;
			float: left;
			background-color:#c4cbd9;
			padding-right: 20px;
		}

body {
    margin: 0px;
    padding:0px; 
    font-size:0.9em;
font-family: Verdana,Arial;
background-color: #3c5a98; 
color: black;   

/*
background-image: linear-gradient(bottom, rgb(255,255,255) 2%, rgb(126,121,224) 51%, rgb(10,4,97) 92%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(126,121,224) 51%, rgb(10,4,97) 92%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(126,121,224) 51%, rgb(10,4,97) 92%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(126,121,224) 51%, rgb(10,4,97) 92%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(126,121,224) 51%, rgb(10,4,97) 92%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.02, rgb(255,255,255)),
	color-stop(0.51, rgb(126,121,224)),
	color-stop(0.92, rgb(10,4,97))
);    


*/

/* middle color - blue was 126,121,224 */

background-image: linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image: -o-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image: -moz-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image: -webkit-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image: -ms-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.02, rgb(200,200,200)),
	color-stop(0.51, rgb(127,127,127)),
	color-stop(0.92, rgb(0,0,0))
); 

}

header {
    clear: both;
    height: 50px;
    color:#ffeb0f;
    background-color: #3c5a98;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;

}

header > img {text-align: left; height: 75%; float:left;padding-left: 20px;}
header>p.header {display:block;margin-top:-7px;padding:0px;line-height:1em;font-size:0.7em;letter-spacing:0.2em;}
header>p.header> strong {font-size:0.9em;letter-spacing:0.05em;font-weight: bold;}

h1 {font-size: 0.90em;}

img#sermonbutton {border:solid black 1px;}


nav#left {
    float: left;
    width: 120px;
    text-align:left;
    font-size: 0.9em;
	background-color:#c4cbd9;
	-webkit-box-shadow: 6px 8px 12px 7px rgba(22, 22, 111, 0.7);
box-shadow: 6px 8px 12px 7px rgba(22, 22, 111, 0.7);
margin-top:5px;
margin-left:8px;
border-radius:10px;

}



article#content {width: 180px;display: inline-block;
font-size:0.85em;
margin-left:1em;
color: black;
float:left;
padding: 0px 5px;
}

section,section#content {width: 180px;display: inline-block;
font-size:0.85em;
color: black;
float:left;
padding: 0px 5px;
margin-left:1em;
}
section#content img.candy {display: none;}
section#content img {width:50%;}
article#content img {width:50%;}
textarea {width: 95%;}

div#wrapper {

    padding-left:0px;
	 margin-bottom:100px;
	 margin-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
    border:solid 1px black;
    background-color:#c4cbd9;
    min-height: 400px;
    width:400px;
    margin-bottom: 100px;
    
}
footer {clear:both; text-align: center; margin-bottom: 30px; padding-top: 20px; font-size: 0.9em;}

ul.menu li {list-style-type: none; 
width:80px;	
background-color: grey;
color:white;
padding:1px 5px;
border-bottom: solid 1px black;
border-radius: 15px;
margin-bottom: 4px;

	}
ul.menu li:hover {background-color:#3c5a98;} 
ul.menu li a:link {display:block;
color: white;
background-color:grey;
}

ul.menu li a:visited {display:block;
color: white;
background-color:grey;
}

ul.menu li a:hover {display:block;
color: #ffeb0f;
background-color:#3c5a98;
}

 
  ul.menu {margin-left:0px;padding-left:10px;  width:150px; margin-bottom:0px;}














div.page {min-width:60%; width:80%; margin-left: auto;margin-right:auto;text-align: center;padding:0px; background-color: white;margin-top:0px;position:relative;}



/*
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
*/
a:link {color:#4444aa; text-decoration:none;}
a:visited {color:#3333aa; text-decoration:none;}
a:hover  {color:red; text-decoration:none;}
a:active {color:#5555aa; text-decoration:none;}


	
.heading {
	font-family: Verdana,Arial;
	font-size: 1.2em;
	font-weight: bolder;
	color: #000000;
	letter-spacing: 0.2em;
}

.normal {
	font-family: Verdana,Arial;
	font-size: 1.0em;
	color: #000000;
}

.link {
	font-family: Verdana,Arial;
	font-size: 1.0em;
	font-weight: bolder;
}



.style4 {
	color: #FFFFFF;
	font-weight: bold;
}
.style5 {
	color: #003333;
	font-weight: bold;
	}
	

h1.banner {text-align: center;}
.smalltext {font-size:0.85em;}

em, li {
font-size:0.9em; 
font-family: Verdana,Arial;
}	



figure.html5 {display: inline-block; margin-left: 0px;float:left;clear:both;margin-top: 0px;width:120px;}
figure.html5 >img#html5logo {width: 50px; height:100px; padding-top: 20px;}
figure.html5 >img#semantics-icon {height:50px; width: 20px;padding-bottom: 20px;}
figure.html5 >img#css-icon {height:50px;width: 20px;padding-bottom: 20px;}

figure.icons {display: inline-block; margin-left: 10px;float:left;clear:both;margin-top: 0px;width:120px; border:solid 1px black;padding: 5px;background-color:#ffffee;}
figure.icons >img#html5logo {width: 50px; height:100px; padding-top: 20px;}
figure.icons >img#semantics-icon {height:50px; width: 20px;padding-bottom: 20px;}
figure.icons >img#css-icon {height:50px;width: 20px;padding-bottom: 20px;}

.clear-both{clear:both;}


div.right-arrow
{border: solid 8px black; 
height:0; 
width: 0;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: red;
border-right-color:transparent;	
margin-left: -20px;
float: left;
margin-top: 10px;
}
div.input-and-field-label {float: left; border:solid 1px black;width: 170px; margin-left: 0px; background-color: #303030; color: wheat;padding: 10px;}
div.contact input {clear:both;margin: 0.5em 0;  background-color: #ffff00;  padding:0;  width: 170px; font-size: 0.9em;}
div.contact textarea {clear:both;margin: 0.5em 0;  background-color: #ffff00;  padding:0;}
div.field-format {clear:both;}

section.form-input {clear:both;margin: 10px; }
section.form-submit {clear:both;  width: 100%;}
section.form-submit input.submit {width: 200px;margin-left: 20%}
input:required:invalid, input:focus:invalid { 
-webkit-box-shadow: 2px 6px 10px 5px rgba(255, 120, 120, 0.7);
box-shadow: 2px 6px 10px 5px rgba(255, 120, 120, 0.7);	
}
input:required:valid { 
-webkit-box-shadow: 2px 6px 10px 5px rgba(120, 255,  120, 0.7);
box-shadow: 2px 6px 10px 5px rgba(120, 255, 120, 0.7);	
}