@charset "utf-8";
body 
{
	background:  #cccccc; /*#4E5869;*/
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}
.sub-banner
{
     margin-left: auto;
     margin-right: auto;
     width: 105%;
 }
/* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
.container {
	width: 1024px;
	max-width: 1024px;
	min-width: 768px;
	background: #cccccc;  /*white#999999;*/
	margin-left: auto;
	margin-right: auto;
	font-family: DFKai-SB;
}

.header {
	background: #cccccc; /*dark gray #6F7D94;*/
}

.content {
	width: 95%;
	max-width: 1024px;
	min-width: 768px;
	background: #cccccc;   /*white#999999;*/
	margin: 0 auto;
	
}
.content a:visited 
{
	color: #F09;
	text-decoration: underline;
}

.sidebar1 {
	float: left;
	width: 50%;
	background: #cccccc;   /*white#999999;*/
	padding: 10px 0;
}
.sidebar2 {
	float: right;
	width: 45%;
	background: #cccccc; /*#93A5C4  #999999 */
	padding: 10px 0;
}

.sidebar3 {
	float: right;
	width: 30%;
	background:#cccccc; /*#93A5C4 #999999*/
	padding: 10px 0;
}

.report {
	width: 95%;
	max-width: 1024px;
	min-width: 768px;
	background: #cccccc;   
	margin: 0 auto;
}
/* Due to variations between browsers, it's best practices to zero padding and margin on lists. */
ul, ol, dl 
{
	padding: 0;
	margin: 0;
	color: #000;
}
#list_body_short li
{
	font-size: 14px;
}
h3, h4, h5  {
	margin-top: 0;	
	padding-right: 5px;
	padding-left: 5px;
}
h6  {
	font-size:16px;
	font-weight: normal;
	margin-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	color: #F00;
}
h1 {
	color: #090;
	font-size:24px;
	font-weight: 900;
	padding-left: 50px;
}
h2 {
	color: #000;
	font-size:1.2em;
	text-decoration: underline;
	font-weight: 900;
	
}

p 
{
	font-size:18px;
	font-weight: normal;
	font-family: DFKai-SB;
	font-style: normal;
	line-height: normal;
}
a img 
{ 
	border: none;
}

a:link 
{
	color:#000;
	text-decoration: none;
}
a:visited 
{
	color: yellow;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
#navlinks li 
{
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid white;
	font-weight: bold;
}

/*Removing the margin and constraining the padding oon top, botton, left and right*/
#navlinks {
	margin: 0;
	padding: 0.5em 1em;
	background-color: #cccccc; /* green;*/
	color: #000;
	width:auto;
}

#navlinks a:link 
{
	color:#FFF;
	text-decoration: none;
}
#navlinks  ul {list-style: none;padding: 0px;margin: 0px;}
#navlinks  ul li {display: block;position: relative; float: none;border:1px solid #336633; /* green;*/}
#C  li ul {display: none;}
#navlinks  ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
           white-space: nowrap;color: #000;}
#navlinks  ul li a:hover {background: #336633; /* green;*/}
#navlinks  li:hover ul {display: block; position: absolute;}
#navlinks  li:hover li {float: none;}
#navlinks  li:hover a {background: #336633; /* green;*/}
#navlinks  li:hover li a:hover {background:#336633;}
/*#navlinks  #drop-nav li ul li {border-top: 0px;}*/

#navlinks ul ul {
	position: absolute; 
        left: 100%; 
        top:0;
}
*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
	color: #FFF;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
#menu {
	margin: 0;
	padding: 0.5em 1em;
	background-color: #8e2e2b; /* green;*/  
	color: #FFF;
	width:auto;
}
#menu a:link 
{
	color:#FFF;
	text-decoration: none;
}
#menu a:visited 
{
	color: yellow;
	text-decoration: underline;
}
#menu a:hover, a:active, a:focus { 
	text-decoration: none;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: white;
    background:  #8e2e2b; /* green;*/
    padding: 1px;
    display:inline-block;
	margin-right: 0.1em; padding-right: 0.1em;
	border-right: 1px solid #336633; /* green;*/
	font-weight: bold;
	font-size : 16px;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 32;
    left: 0;
    width: 250px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}


#searchPastor {
	margin: 0;
	background-color: white;
	color: #000;
	width:auto;
	text-align: center;
}
#searchPastor li 
{
	   list-style: none;
}
div.scroll {
    height:800px;
	width: 900px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #fff;
	padding: 8px;
 }
#footer a:link
{
	color:#FFF;
	text-decoration: none;
}
#footer {
	padding: 5px 0;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: ;cccccc /*#6f7d94 99999*/
	color: #FFF;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	/*font-weight: bold;*/
	width:1024px;
}
.clearboth
{
	clear:both
}
<style>
/*CSS for slide show begin*/
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #ffffff;
  font-size: 35px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
 
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #cccccc; /*#999999;88*/
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
.marginauto {
    margin: 10px auto 20px;
    display: block;
}
</style>

}