﻿html, body {
	margin: 0px;
	padding:0px;
	background-color:#DADADA;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0px 0px 0px 0px;
	padding:0px;
	
}

contactform {
    width: 511px;
	margin-top:10px;
	margin-bottom:40px;
	height:550px;
}

.pform {
	border: 5px none #FFF;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding:20px 40px 20px 40px;
	width: 511px;

}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
	background-image:url(../images/bg_span.gif);
    background-repeat:repeat-y;
}

#content {
	width:778px;
	margin:0px auto;
}

#header {
	height:0px;
	width:800px;
	background-image: url(../images/bg_header.gif);
	padding-top:21px;

}

#welcome {
  background-image: url(../images/maintitle.jpg);
  width:540px;
  height:130px;
  margin-left:25px;
  margin-bottom:20px;
  padding:5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#menu{
font: 13px Trebuchet MS;
width: auto; /*leave this value as is in most cases*/
overflow: hidden;
text-indent:0px;
height:28px;
}

#menu ul{
margin: 0;
padding: 0px;
float: left;
width: auto; /*width of menu*/
line-height:28px;
background: #09F;
}

#menu li{
display: inline;
height:28px;
}

#menu a, .current{
float: left;
color: white; /*text color*/
background-color:transparent;
text-decoration: none;
padding: 0px 18.75px;
height:28px;
}

#menu a:hover{
color: #9900cc !important; /*text color of selected and active item*/
background: #55ddff;
height:28px;
}

 #menu  li .current{
color: #ffffff !important; /*text color of selected and active item*/
background: #aa22ff;
height:28px;
cursor:default;
}

/*old menu code*/	
#links ul {
	margin:0px; 
	padding-top:0px;
	padding-left:0px;
	background-color:#09F;
}

#links li{
	float:left;
	list-style-type:none;
	width:96px;
	height:25px;
	text-align:center; 
	background-color:#09F;
	border-right:1px solid #FFF;
	padding-top:4px;
}

#links a{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	display:block;
    padding:2px 4px 4px 4px;
}

#links a:hover, #links .current{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#009;
    font-weight:normal;
    text-decoration:none;
}

#links a:visited{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	display:block;
	background-color:red;
}

#links a:selected{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	display:block;
	background-color:red;
}
/*end of old menu code*/	

#mainimg {
	background-image:url(../images/main_img.jpg);
	background-repeat:no-repeat;
	height:132px;
	text-align:right;
}

#mainimg h3 {
	font-family:"Trebuchet MS";
	font-size:48px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:20px 40px 0px 0px;
}

#mainimg h4 {
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}

#leftbar h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3333FF;
	font-weight:normal;
	text-align:center;
	padding-bottom: 5px;
	width: 511px;
	padding: 0px 40px;
}

#contentarea {
	clear:both;
	padding:14px 0px;
}
	
#leftbar {
	float:left;
	width:599px;
	border-right:1px solid #BCBDBC;
	margin-top: 0px;
}

#leftbar h2{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#3333FF;
	font-weight:bold;
	padding-left:40px;
	padding-bottom:5px;
	width: 511px;
}

#leftbar h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#3333FF;
	font-weight:normal;
	text-align:center;
	padding: 0px 40px;
	width: 511px;
	height: 30px;
}

#leftbar h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#3333FF;
	font-weight:normal;
	text-align:center;
	padding: 0px 40px;
	width: 435px;
}

#leftbar p1{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:black;
	font-weight:bold;
	width: 520px;
	padding-bottom:5px;
}

#leftbar .titlebox{
	background-image:url('../images/test1.gif');
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#3333FF;
	font-weight:normal;
	text-align:center;
	width:515px;
	height:30px;
	margin-top:15px;
	margin-bottom:10px;
	margin-right:6px;
}

#leftbar .titlebox1{
	width:515px;
	margin-bottom:10px;
	margin-right:6px;
}

#leftbar .sermontable{
		font-family:"Trebuchet MS";
		font-size:14px;
		color:black;
}

#leftbar .testimonytable, .testimonytable td {
		width:530px;
		color:black;
		border:none;
		font-weight: bold;
		font-family:"Trebuchet MS";
		font-size:14px;
		line-height:11px;
}

.cssbutton{
background-color: #66ffff;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: blue;
}

.cssbutton:hover{
text-decoration: none;
border-style: ;
background-color: #ffff44;
padding: 0px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

.pheader {
  font-family:"Trebuchet MS";
  font-size:16px;
  color:black;
  font-weight:bold;
}

#leftbar p{
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-align: justify;
	padding: 0px 40px;
	width: 515px;
}

#leftbar .quoteright {
	width: 30%;
	float: right;
	font-size: 110%;
	font-style: italic;
	line-height: 115%;
	margin: 5px 50px 0px 10px;
	background: #FFFFCC;
	padding: 10px 10px 10px 10px;
	border: dotted 0px #999999;
	text-align: center;
	height: 110%;
	color: #000080;
}

#leftbar .quoteleft {
	width: 30%;
	float: left;
	font-size: 110%;
	font-style: italic;
	line-height: 115%;
	margin: 5px 10px 0px 44px;
	background: #FFFFCC;
	padding: 10px 10px 10px 10px;
	border: dotted 0px #999999;
	text-align: center;
	height: 110%;
	color: #000080;
}

#leftbar a {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#0066FF;
	font-weight:normal;
	text-decoration:none
}

#leftbar a:hover {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#00F;
	font-weight:normal;
	text-decoration:underline;
}

#leftbar .hilitebox {
    background-color:#FFFFCC;
    padding: 3px 3px 3px 3px; 
    margin: 3px 35px 15px 35px;
    border: dotted 1px #999999;
}

#leftbar .hilitebox p{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:black;
	font-weight:normal;
	text-decoration:none;
	padding:4px 8px 4px 8px;
	width:auto;
	height:auto;
}

#leftbar .hilitebox ul{
  font-family:"Trebuchet MS";
  font-size:14px;
  color:black;
  font-weight:normal;
  text-decoration:none;
  padding:0px 30px 0px 30px;
  
}

#leftbar .gospelmissionbox {
    background-color:#FFFFCC;
    padding: 3px 3px 3px 3px; 
    margin: 15px 15px 15px 15px;
    border:thick groove yellow;
}

#leftbar .gospelmissionbox p{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:black;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	padding:4px 4px 4px 4px;
	width:auto;
	height:auto;
}

#leftbar .textphotos{
	margin: 5px 0px 0px 12px;
	border:0px;
	float:left;
	box-shadow: 4px 4px 5px #818181;
-webkit-box-shadow: 4px 4px 5px #818181;
-moz-box-shadow: 4px 4px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#C5C5C5, offX=4, offY=4, positive=true);
}

#leftbar .textphotos1{
	margin: 15px 10px 5px 5px;
	border:0px
}	

#leftbar .bluebg {
	background-image:url('../images/test1.gif');
	font-family:"Trebuchet MS";
	font-size:12.5px;
	color:black;
	margin:5px 40px 5px;
	height:32px;
}

#leftbar .yellowbg {
	background-image:url('../images/test4.gif');
	font-family:"Trebuchet MS";
	font-size:12.5px;
	color:black;
	margin:5px 40px 5px;
	height:32px;
}

#leftbar .IMG.absmiddle {
	vertical-align: middle;
	margin-bottom: .40em;
}


#leftbar .tellowbg {
	background-color:#FFFFCC;
	width:auto;
	margin: 0px 9px 0px 40px;
	padding:10px 10px;	
}

#leftbar .bluebg {
	background-color:#CCDDFF;
	
}

#top {text-align:right; padding-right:10px;

}

a, a:visited, a:hover {}

#container {position:relative; width:590px; height:580px; background:white; border:0px solid #000; margin:5px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {float:left; padding:7px 19px; display:inline; color:#000; text-decoration:none; width:75px; height:75px; cursor:default;}
#container a.pics img.thumb {display:block; border:0px solid grey;}

#container a.pics span {display:none; border:0; width:570px; background:white; border:0px solid #fff; text-align:center;}
#container a.pics span img {margin:10px auto; border:0px solid #000;}

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:2px solid black;}
#container a.pics:hover span {display:; position:absolute; left:9px; top:80px; z-index:10; height:480px;}

#container a.pics:active img.thumb {border:2px solid black;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:80px; z-index:5; height:480px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:2px solid black;}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:80px; z-index:5; outline:0; height:480px;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:40px 100px; width:400px; text-align:center; color:black; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

.clear {clear:left;}

#rightbar {
	float:left;
	width:177px;
	
}

#rightbar h2{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#3333FF;
	font-weight:bold;
	text-decoration:none;
	padding: 0px 20px 5px 15px;	
}
	
#rightbar h3{
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #3333FF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-left: 5px;
	padding-bottom: 5px;
}

#rightbar h4{
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#09F;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 0px 20px 5px 20px;	

}

#rightbar p {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding:0px 20px 0px 20px;
}

#rightbar a {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:blue;
	font-weight:normal;
	text-decoration:none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	display:block;

}

#rightbar a:hover {
  font-family:"Trebuchet MS";
  font-size:14px;
	color:blue;
  font-weight:normal;
  text-decoration:underline;
}

#rightbar .versebox {
	width: 88%;
	font-family: "Calibri";
	font-size: 120px;
	line-height: 15%;
	margin: 0px;
	background: #CCFFFF;
	padding: 4px 4px 4px 4px;
	text-align: center;
	height: 100%;

}

#rightbar .versebox a {
	color:#0000FF;
	font-weight:normal;
	text-decoration:none
		
}

#rightbar .versebox a:hover {
    color:black;
    font-weight:normal;
    text-decoration:none;
    background: #ffffdd;
      
}


#rightbar .latestnewsheaderbox {
	width: 88%;
	font-size: 16px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-align: center;
	background: white;
	padding-top: 10px; 
	color: #0000FF;
}

#rightbar .latestnewsbox {
	width: 75%;
	font-size: 85%;
	font-family: "Trebuchet MS";
	text-align: justify;
	padding: 13px 0px 10px 20px;
	padding-top: 10px;

}

#rightbar .latestnewsboxp {
           font-family:"Trebuchet MS";
	       font-size:14px;
	       color:#797B7A;
	       font-weight:normal;
	       text-decoration:none;
	       padding: 0px 20px 5px 10px;
	       
}           

.orangetext {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#EE8907;
	font-weight:bold;
	text-decoration:none;
}

#bottom {
	clear:both;
	height:21px;
	padding-top:10px;
	padding-bottom:8px;
	padding-left: 0px;
	margin:0px;
    background-image: url(../images/footer-corner.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#footer {
	height:21px;
	width:800px;
	background-image: url(../images/bg_footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#email {
	float:left;
	width:500px;
	background-color:#09F;
	height:27px;
	padding-top:4px;
}

#email a{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	padding:0px 40px;
}

#email a:hover{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
	
}

#validtext {
	float:left;
	width:278px;
	background-color:#09F;
	height:27px;
	padding-top:4px;
}

#validtext p{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-right:35px;
}

#validtext a{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#validtext a:hover{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
