body {
	margin: 0;
	padding: 0;
	border-top: 2px solid #99CCFF; /* #3399FF; */
}

a:link {
	color: #336699;
}

a:visited {
	color: #336699;
}

a:active {
	color: #336699;
}

a:hover {
	color: white;
	background-color: #336699;
	text-decoration: none;
}

h1 {
	font-family: 'Times New Roman', Times, Serif; 
	font-size: 1.75em; 
	color: black;
	padding-top: 5px;
	margin-top: 0px;
	padding-left: 3px; 
	
}

h2, h3 {
	margin-top: 0;
}

h4 {
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: 'Times New Roman', Times, Serif;
}

form {
	margin: 0;
	padding: 0;
}
p {
	font: 80%/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
}


#wrapper {
	min-width: 400px;
	width: 100%;
}

#outer {
	border-left: 165px solid #99CCFF; /* 3399FF; left column background */
	border-right: 200px solid #336699; 	/* right column background */
	background-color: #FFFFFF; /* center column background */

}

#inner {
	margin: 0;
	width: 100%; 
}
#header {
	background-color: #FFFFFF; 
	color: #901602;
	border-bottom: 1px dotted #CCCCCC;
}
#header h1 {
	font: 150% Georgia, "Times New Roman", Times, serif;
	text-align: right;
	margin-right: 1em;
}
#side1 {
	width: 160px;                      /* left column width */
	margin-left: -160px;               /* negative left column width */
	float: left;
	position: relative;
	z-index: 10;
}

#side1 h3 {
	width: 150px;
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #336699;
	background-color: transparent;
	margin-bottom: 0;
	padding-bottom: 4px;
}


#side1 .txt {
	width: 150px;
	background-color: #FCF5F5;
	border: 1px inset #901602;
}
#side1 ul {
	width: 150px;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#side1 li {
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #CCCC99; 
}

#side1 a:link, #side1 a:visited {
	text-decoration: none;
	color: #336699;
	background-color: transparent;
}
#side1 a:hover {
	color: white;
	background-color: #336699;
	text-decoration: none;
}

#side2 {
	width: 200px;                      /* right column width */
	margin-top: 5px;
	margin-right: -200px;              /* negative right column width */
	float: left;
	position: relative;
	z-index: 11;

}
#side2 h3 h4 {
	font: 125% Georgia, "Times New Roman", Times, serif;
	color: black; 
	background-color: transparent;
	margin-bottom: 0;
	padding-bottom: 4px;
	text-align: center;
}
#side2 p {
	padding-left: 10px;
}

#side2 ul {
	width: 150px;
	list-style-type: square;
	margin-left: 14px;
	padding-left: 0;

}

#side2 li {
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
	/* border-bottom: 1px solid #CCCC99;  */

}
.adbox {
	padding: 2px 4px 2px 6px;
	margin: 0 0.5em 10px 0.75em;
	border-left: 1px solid white;
	border-top: 1px solid white; 
	border-right: 1px solid black;
	border-bottom: 1px solid black; 
	/* background-color: #F6E6BC; */
	background-image: url(mainbkgd.gif);


	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

.adbox p {
	font-size: 80%;
	line-height: 125%;
}

.adbox h4 {

	/* font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	text-align: center;
	margin-bottom: 9px;
} */

 
    position: relative;  
    width: 80%;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;  
    font-weight: bold; 
    text-align: center;
    padding: 6px 20px 6px 27px;  
    margin: 3px 10px 9px -27px;  
    color: #000;  
    background-color: #99CCFF;  
    text-shadow: 0px 1px 2px #bbb;  
    -webkit-box-shadow: 0px 2px 4px #888;  
    -moz-box-shadow: 0px 2px 4px #888; 

}

.adbox h4:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 0px;  
    top: 100%;  
    border-width: 5px 10px;  
    border-style: solid;  
    border-color: #666 #666 transparent transparent;  
}  

.adbox h4:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    right: -2px;  
    top: 0px;  
    border-color: transparent #fff transparent transparent; 
  
}  

.leftadbox {
	padding: 2px 4px 2px 6px;
	margin: 0 0.55em 10px 0.15em;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	/* background-color: #CCCC99; */
	background-image: url(mainbkgd.gif);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.leftadbox a {
	text-decoration: underline !important;
	
}


.leftadbox p {
	font-size: 80%;
	line-height: 125%;

}

.leftadbox a:link {
	text-transform: underline;
	color: black;
}


.leftadbox h4 {

	/* font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	text-align: center;
	margin-bottom: 9px;
} */

    position: relative;  
    width: 80%;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;  
    font-weight: bold; 
    text-align: center;
    padding: 6px 20px 6px 27px;  
    margin: 3px 10px 9px -27px;  
    color: #fff;  
    background-color: #336699;  
    text-shadow: 0px 1px 2px #000;  
    -webkit-box-shadow: 0px 2px 4px #888;  
    -moz-box-shadow: 0px 2px 4px #888; 

}

.leftadbox h4:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 0px;  
    top: 100%;  
    border-width: 5px 10px;  
    border-style: solid;  
    border-color: #666 #666 transparent transparent;  
}  

.leftadbox h4:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    right: -2px;  
    top: 0px;  
    border-color: transparent #fff transparent transparent; 
  
} 



#content {
	float: left;
	width: 100%;
	position: relative;
	z-index: 12;
}

#content h2 {
	margin-top: 5px;
	font: 120% Georgia, "Times New Roman", Times, serif; 
	color: #336699;
	font-weight: bold;
	margin-left: 1em;
	margin-bottom: 2px; /* was 0 */
	width: 90%;
	/*
	border-top: 1px solid #336699;
	padding-top: 5px;
	border-left: 1px solid #336699;
	padding-left: 5px;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	padding-bottom: 5px;
	background-color: #FFF; */

}

#content p {
	margin-left: 3em;
	margin-right: 2em;
	min-width: 20em;
	max-width: 50em;

}


#content li {
	margin-right: 33px; 
	margin-bottom: 0.3em; 
	font: 80%/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin-left: 2em; 
	list-style: square url(diamondblue.gif); 
}

/*
#content ul li	{
	margin-left: 2em;
	list-style-type: square;
} */

#footer {
	background-image: url(mainbkgd.gif);
	width: 100%;
	position: relative;
	z-index: 13;
	border-top: 1px solid #000000;

}
#footer p {
	padding-left: 1em;
}
.clear { 
	clear: both;
}

/* Mozilla bug workarounds */
#outer > #inner { 
	border-bottom: 1px solid transparent; 
}
#side1 {
	margin-right: 1px;
}
#side2 {
	margin-left: 1px;
}
#content {
	margin: 0 -3px 0 -2px;
}

/* From test document */

.top {
	background-image: url("topmiddle.jpg");

}

/* Use this code with new coding */
.topleft {
	background-color: #336699; 
	background-image: url(http://www.greenbaysda.org/randompics/rotate.php);
	background-repeat: no-repeat;
}

.topnav {
	background-color: #99CCFF; 

}

.dateline {
	text-align: left; 
	/* background-color: #CCCC99; */ /* 3399FF */ 
	background-image: url(mainbkgd.gif); 
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border-bottom: 1px solid black; 
	padding: 3px 15px 3px 3px;
}

#navlist	{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif; 
}

#navlist li	{
list-style: none;
margin: 0; 
border-top: 0px solid gray;
display: inline;
}

#navlist li a	{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #336699; 
background-image: url(mainbkgd.gif);
/* background: #CCCC99; */
text-decoration: none;
}

#navlist li a:link { color: black; } 
#navlist li a:visited { color: black; } 

#navlist li a:hover	{
border-color: white; /* #CCCC99; */
color: white;
background: #336699; 
}

/* "current tab" style */
#navlist li a#current {
border-color: white; /* #CCCC99; */
color: white;
background: #336699; 
}



/* vertical menu below */

#vnavlist {
padding: 0 1px 1px;
margin-left: 0;
margin-top: 4px;
font: bold 1em Verdana, sans-serif;
background-image: url(mainbkgd.gif); 
/* background: #CCCC99; */
width: 13em;
}

#vnavlist li
{
list-style: none;
margin: 0;
background-image: url(mainbkgd.gif);
/* border-top: 1px solid #336699; */
text-align: left;
}

#vnavlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #336699; 
background-image: url(mainbkgd.gif); 
/* background: #CCD; */
text-decoration: none;
}

#vnavlist li a:link { color: #000000;}
#vnavlist li a:visited { color: black;}

#vnavlist li a:hover {
	border-color: white; /* #CCCC99; */ /* #999966 */
	color: white;
	background: #336699;
}

/* "current tab" style */
#vnavlist li a#current {
border-color: white; /* #CCCC99; */
color: white;
background: #336699; 
}


/* End of vertical menu */

#dropcap {
	font-family: "Times New Roman", Times, Serif;
	font-size:50px; 
	color:#336699; 
	font-weight:bold; 
	float:left; 
	height:42px; 
	line-height:42px; 
	overflow:hidden; 
	margin-top:2px; 
	margin-right:1px;
}

/* Chamfer Borders*/
.chamfer {background: transparent; width:80%;}
.chamfer h1, .chamfer p {margin:0 10px;line-height: normal;}
.chamfer h1 {font-size:2em; color:#000;}
.chamfer p {padding-bottom:0.25em;text-align: left;}
.chamfer ul li {text-align: left;}


.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#9CF; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#9CF; border-left:1px solid #000; border-right:1px solid #000;}


/* Cutout Box for Dates on Upcoming Events */
.square {background: transparent; width:60px;float: left;margin-left: 18px;margin-right: 7px;margin-top: 8px;}
.square h1, .square p {margin:0 10px;}
.square h1 {font-size:1em; color:#000; letter-spacing:.5px;text-align: center;padding-top: 0px;}
.square p {padding-bottom:0.5em;}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9cf; border-left:1px solid #369; border-right:1px solid #369; border-top:1px solid #369;}
.square .b2 {display:block; height:1px; margin:0; background:#9cf; border-left:7px solid #369; border-right:7px solid #369; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #369; border-right:1px solid #369; border-bottom:1px solid #369;}

.square .boxcontent {display:block; background:#9cf; border-left:1px solid #369; border-right:1px solid #369;}

.welcome {
	background-image: url("welcome.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.specialevents {
	background-image: url("specialevents.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}
.sermons {
	background-image: url("sermons.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.photographs {
	background-image: url("photos.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.pastors {
	background-image: url("pastors.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}


.ministries {
	background-image: url("ministries.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.beliefs {
	background-image: url("beliefs.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.links {
	background-image: url("links.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.contactinfo {
	background-image: url("contactinfo.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.about {
	background-image: url("aboutus.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}

.directions {
	background-image: url("directions.gif"); 
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
}



.gototop {
	background-image: url("gototop.gif");
	background-repeat: no-repeat;
	height: 29px;
	width: 28px;
}

/* for sermons */
h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 900;
	color: #336699;
	margin-bottom: -10px;
	margin-left: 22px;
	margin-right: 40px;
	/* text-indent: 22px; */
	border-left: 2px solid #99CCFF;
	border-top: 2px solid #99CCFF; 
	padding-left: 5px;
	padding-top: 5px;
}