/* CSS Codes By Proweaver Pearl  */

/* FONT-FACE */
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* body */
body { 
margin:0; 
padding:0; 
font:13px Arial; 
line-height:20px;
color:#000; 
background:url(images/bg.jpg) repeat-x #fff; 
}

/*basics*/
a img {border:none; }
a {text-decoration:underline; color:#992005;}
a:hover {text-decoration:underline;color:#507900;}
.comp {color:#507c00; font-weight:bold;}
.comingsoon {color:red; font-weight:bold; font-style:italic;}
.clearfix {clear:both; overflow:hidden;}
.floatleft_img {float:left; margin-right:10px; border: 3px outset #e60202;}
.floatright_img {float:right;border: 3px outset #e60202;margin: 46px 232px 0 0;}
p {padding:0px 0px 12px 0px;}
h1 {font-size:25px; margin:0; padding:0; font-weight:normal;}
h2 {font-size:16px; margin:0; padding:0 0 10px 0; font-weight:normal; color:#909090;}
.welcomeComp {font-size:25px; margin:0; padding:0; font-weight:normal; color:#507c00;}
.widget-container {list-style: none !important;}
.contacts ul { margin: 0; padding: 0;}

/*layers*/
#wrapper {width:1000px; height:auto; margin:0 auto 0 auto;}
#banner {width:1000px; height:155px; position:relative;}
#main {width:1000px; height:auto; background:#fff;}
#footerarea {width:100%; height:250px; background:url(images/footer.jpg) repeat-x; clear:both; overflow:hidden; margin-top:10px;}
#footer {width:1000px; height:250px; margin:0 auto; position:relative;}

/*inside banner  */
.compname {position:absolute; top:23px; left:10px;}
.callus {font-size:17px; position:absolute; top:60px; right:30px;}
.callus span {font-size:20px; color:#cd593f; font-weight:bold;}
.language-social {position:absolute; bottom:40px; right:30px;}
.translator {float:left; margin-right:10px;}
.icons {float:left; margin-right:5px;}

/*inside navigation bar */
#nav {width:1000px; height:50px; background:url(images/nav.png) no-repeat; margin:0 auto;}
#nav ul {padding:0; margin:0;}
#nav ul li{ display:inline;}
#nav ul li a {color:#fff;display:block; float:left;font-size: 14px;padding: 20px 12px 20px 12px;text-decoration:none;}
#nav ul li a:hover, #nav ul li.current_page_item a {color:#4c7600; background:#fbfbfb; text-decoration:none;}
#nav ul li.spacer {width:5px; height:50px; line-height:50px; background:url(images/navSpacer.jpg) no-repeat; float:left;}

/*flash*/
#flash {width:700px; height:350px; margin:4px 0px;float:left;}
#right-flash{width:30px; height:352px; background:url(images/right-flash-bg.png) no-repeat; float:right; position:relative;}
.right-flash-in{width:300px; height:348px; position:absolute; top:4px; right:0px;}
.right-flash-in img{position:absolute; left:-79px; bottom:0px; z-index:9998!important;}

/*.slide-images-border{width:250px; height:auto; position:absolute; bottom:80px; right:20px; z-index:9999!important;}style kato dha pa sa center ne nga images */ 

.slide-images-border{width:1000px;margin-top:360px; }

#carousel{position:absolute; top:50px; right:100px;}


/*mid*/
.mid {width:1000px; height:auto; margin-bottom:10px;}
.midarea1 a {width:314px; height:170px; background:url(images/mid1.jpg) no-repeat left top; display:block; float:left; margin-right:28px; margin-bottom:10px;}
.midarea1 a:hover {width:314px; height:170px; background:url(images/mid1.jpg) no-repeat left bottom;}
.midarea2 a {width:314px; height:170px; background:url(images/mid2.jpg) no-repeat left top; display:block; float:left; margin-right:28px; margin-bottom:10px;}
.midarea2 a:hover {width:314px; height:170px; background:url(images/mid2.jpg) no-repeat left bottom;}
.midarea-last a {width:314px; height:170px; background:url(images/mid3.jpg) no-repeat left top; display:block; float:left; margin-bottom:10px;}
.midarea-last a:hover {width:314px; height:170px; background:url(images/mid3.jpg) no-repeat left bottom;}

.midbox {width:1000px; height:50px; border:solid 1px #c8c8c8; clear:both; overflow:hidden; position:relative; margin-bottom:20px;}
.midboxtext {padding:13px 5px 10px 135px; font-style:italic;}
.btnmid a {width:122px; height:29px; background:url(images/btnmid.png) no-repeat left top; display:block; position:absolute; top:10px; left:5px;}
.btnmid a:hover {width:122px; height:29px; background:url(images/btnmid.png) no-repeat left bottom;}
     
	 .mid-title {float:left; font-size:33px;height: 109px; font-weight:bold; color:#000630; padding:55px 25px 0 25px;background-color: #619600;}
	.mid-title h1 {font-size:28px; color:#FFF; font-weight:normal;}
	.mid-title h2 {font-size:29px; color:#fffe80; font-weight:bold; text-transform:uppercase; padding-top:2px;}
	.mid-title p {font-family:Tahoma; font-size:12px; color:#fffe80; font-weight:normal; padding-top:2px; line-height:16px;}
	.mid-title p span {color:#ff0000;}

	.form {position:relative; background-color: #619600;float: left; min-height: 164px;}
	.form table {padding:25px 0 0 0;}
	.form input {width:176px; height:28px; color:#808080; font-family:Tahoma; font-size:12px; border:2px solid #ff7300; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 8px;}
	.form-input input {width:176px; height:28px; color:#808080; font-family:Tahoma; font-size:12px; border:2px solid #ff7300; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 8px; float:right;}
	.form-input select {width:195px; height:28px; color:#808080; font-family:Tahoma; font-size:12px; border:2px solid #ff7300; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 8px; float:right;}
	
	
	.form textarea {width:176px; height:12px; color:#808080; font-family:Tahoma; font-size:12px; border:2px solid #ff7300; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:8px 8px; float:right;}
	.form-input img {padding-top:3px;}
	.form-textarea {position:absolute; top:26px; right:205px;}
	.form td {padding-left:5px; padding-bottom:3px;}
	.form-secode {position:absolute; top:65px; right:50px;}
	.form input[type="submit"] {width:195px; height:28px; line-height:21px; background: url(images/btn-submit.png) no-repeat left top; display:block; text-align:center; font-family:Tahoma; font-size:12px; color:#f7f7f7; text-decoration:none;}
	.form input[type="submit"]:hover {color:#f7f7f7; background: url(images/btn-submit.png) no-repeat left bottom; text-decoration:none;}		


/* left and right main */
.mainpadding {padding:15px 10px;}
.col-a {width:660px; height:auto; float:left;}
.contentarea {text-align:justify; padding:15px 10px 15px 0;}
.contentarea ul {margin:-5px 0 0 0; padding:0 0 10px 20px;}
/*.contentarea li {background:url(images/bullet.png) no-repeat 0px 4px; list-style:none; padding-left:25px;}*/
.introCont {font-family:Georgia; font-size:15px; font-style:italic;}
.bgbottom {width:657px; height:89px; background:url(images/bgbottom.png) no-repeat; margin:0 0 10px 0;}
.bottomtext {padding:40px 15px 0 23px; line-height:15px; color:#fff;}
.bottomtext a {color:#fffc00; text-decoration:underline;}
.bottomtext a:hover {color:#fff; text-decoration:underline;}
.bullet{list-style-type:square;}

.col-b {width:300px; height:auto; float:right;}
.lefttabsbg {border:solid 1px #9a9a9a; margin-bottom:30px;}
.lefttabs {width:290px; height:40px; background:url(images/lefttabs.jpg) repeat-x; margin:0 auto;}
.lefttabs ul {padding:0 10px; margin:0;}
.lefttabs ul li{ display:inline;}
.lefttabs ul li a {color:#fff; font-size:14px; display:block; float:left; padding:13px 12px; text-decoration:none;}
.lefttabs ul li a:hover, .lefttabs ul li.current_page a {color:#4c7600; background:url(images/lefttabs-hover.jpg) repeat-x; text-decoration:none;}
.lefttabs ul li.lefttabsspacer {width:5px; height:50px; line-height:50px; background:url(images/lefttabsSpacer.jpg) no-repeat; float:left;}
.leftArea {width:290px; height:auto; margin:0 auto; padding:20px 0;}
.contact-info{width:auto; height:auto; border:solid 1px #9a9a9a; padding: 15px;}
.col-b-image{width:300px; height:200px; padding:0 0 5px 0;}

.tab {overflow: hidden; width:300px; margin-bottom:10px;}
.tab ul{margin: 0; padding: 0; list-style: none; margin-bottom: 0;}
.tab ul li{margin-bottom:2px;}
.tab ul li a{display: block; background:url(images/tab.png) no-repeat left top; width:100%; height:30px; line-height:30px; font-size:15px; text-decoration:none; color:#FFFFFF; padding-left:40px;}
.tab ul li a:hover{background:url(images/tab.png) no-repeat left bottom; color:#FFFFFF;}

.btmBoxesWrap {width:100%;}
.btmBoxes {margin:0 auto; width:1044px;}
.btmBox:nth-child(2) {width:300px; height:269px; background:url(images/b1.png) no-repeat top left; display:inline-block; vertical-align:top;}
.btmBox:nth-child(3) {width:300px; height:269px; background:url(images/b2.png) no-repeat top left; display:inline-block; vertical-align:top;}
.btmBox:nth-child(4){width:300px; height:269px; background:url(images/b3.png) no-repeat top left; display:inline-block; vertical-align:top;}
.btmBox:nth-child(5) {width:300px; height:269px; background:url(images/b4.png) no-repeat top left; display:inline-block; vertical-align:top;}
	.btmImg {margin:10px 0 0 18px;}
	.boxTitle {color:#ffffff; font:24px Impact; margin:10px 0 0 12px;}
	.boxTitle span {color:#be0a0a;}
	.boxCtn {font:13px open_sanslight; color:#ffffff; margin:60px 0 0 12px; width:160px; text-align:left;font-weight: bold;}
	.boxBtn {background:url(images/btmbox-btn.png) no-repeat left top; width:108px; height:30px; display:block; color:#fff; text-decoration:none; line-height:25px; text-align:center; margin:23px 0 0 12px;font-weight: bold;}
	.boxBtn:hover{color:#ffffff;}
.ch-admin ul li, .ch-acct ul li{list-style:none; padding-bottom:17px;}

.side-box4 {border:solid 1px #cac4c4; background:#ebebeb; padding:25px 15px 0px 15px; margin-top:10px; margin-bottom: 10px;}
.side-box4 h2 {font:bold 20px/0px lato; color: #619600;}
.side-box4 p{ margin:8px 0 15px 0; padding-top:2px; border-top:1px dotted #676767; font:12px/15px arial; color:#676767; }

#main-bottom{ clear:both; padding-bottom:23px; }
.welcomeComp img {width: 268px; height: 94px;}
	
	.m-box{ margin:17px auto; max-width:310px; width:100%; display:inline-block; margin-right: 12px;}
	.m-box h2{ margin-bottom:4px; font:bold 18px/20px tahoma; color: #9A2004; text-align: left;}
	.m-box img{ width:100%; }
	.m-box h2 span{ font-size:14px; color:#888888; }
	.m-box p{ margin:8px 0 19px; font:13px/20px arial; color:#888888; text-align:left; }

	.m-box a{ display:block; text-align:center; margin-top:26px; font:10px/22px arial; text-decoration:none; color:#000; width:105px; height:23px; background:url(images/m-btn.png) no-repeat center top; }
	.m-box a:hover{ background-position:center bottom; color:#fff; }	

/*footer inside*/
.footer-logo {position:absolute; top:29px; right:21px;}
.copy {margin:0 auto 0 auto; font-size:10px; color:#909090; font-weight:bold; font-family:Verdana; line-height:15px; position:absolute; top:100px; right:10px; text-align:center;}

.foooterCanvas {padding:20px 15px;}
.footerbox {float:left; margin-right:12px;}
.bgtextfield {width:245px; height:28px; background:url(images/bgtextfield.png) no-repeat; margin-top:5px;}
.bgcomment {width:245px; height:70px; background:url(images/bgcomment.png) no-repeat; margin-top:5px;}
.fieldName {float:left; margin-right:5px; font-size:12px; color:#000000; padding:3px 0 0 10px; font-style:italic;font-weight: bold}
.textfield {float:none; position:relative;}
.fieldName2 {font-size:12px; color:#000000; padding:3px 0 0 10px; font-style:italic;font-weight: bold;}
.textfield2 {padding-top:3px; padding-left:10px;}
.btnsubmit a {width:70px; height:28px; background:url(images/btnsubmit.png) no-repeat left bottom; display:block; margin:10px 0 0 175px;}
.btnsubmit a:hover {width:70px; height:28px; background:url(images/btnsubmit.png) no-repeat left bottom;}
.btnsubscribe a {width:115px; height:28px; background:url(images/btnsubscribe.png) no-repeat left bottom; display:block; margin:10px 0 0 130px;}
.btnsubscribe a:hover {width:115px; height:28px; background:url(images/btnsubscribe.png) no-repeat left bottom;}

.footer-links {font-size:12px; color:#666666;  line-height:25px; margin-right:10px;}
.footer-links ul {margin:0; padding:0; font-size:12px; list-style:none; padding:0; }
.footer-links ul li {display:inline;}
.footer-links ul li a {color:#ffffff; text-decoration:none; font-weight:bold;}
.footer-links ul li a:hover {color:#fff; text-decoration:underline;}
.lastlink a {border:none !important;}
.textfield input {background: #f2eded !important;}

/*resources */
.resources {font-size:14px; }
.resources a {color:#992005; text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {color:#507900; text-decoration:none; padding-left:1px;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #6ba501; border-bottom:2px solid #4c7600;}
.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}

/*search */
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #6ba501; background:#fcfabd; margin:10px 0; color:#000;}
.search_results h2 a{ text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#000; }
.search_results a:hover{ text-decoration:none; }

#access .menu-header li, div.menu li {
 float: left;
 position: relative;
}
#access ul ul {
 display: none;
 position: absolute;
 top: 45px;
 left: 0px;
 float: left;
 z-index: 99999;
}
#access ul ul a:hover {
 background: #fff;
 color: #507c00;
}

#access ul ul li.spacer {display:none;}

#access ul ul a {
 background: #fff;
 padding: 10px 0px 10px 0px;
 width:200px;
 height: auto;
 padding-left:15px;
 margin: 0;
 border-bottom:1px solid #e08e7c;
 color:#9a2005;
}
#access ul ul ul {
 left: 100%;
 top: 0;
}

#access ul li:hover > ul {
 display: block;
}

/*flashright-carousel*/
div.bgcarousel{ /* CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:227px; /* default dimensions of carousel */
height:54px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}


#slideshow{
  width: 1000px;
  height: 227px;
  overflow: hidden;
    display:inline-block;
}
#slideshow ul {
  width: 1000px;
  height: 227px;
  margin: 0;
  display:inline-block;
}


#slideshow ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
.content-flash{ width:572px; height:463px; background:url(images/church/content-flash-bg.jpg) no-repeat left top; margin-top:8px; position:relative;}
#content-images {width:500px; height:291px; top:31px; left:38px; position:absolute;}

.tabs-flash ul {
   width:280px; height:auto; position:absolute; top:40px;bottom:0px; right:20px; z-index:9999!important;
}
.tabs-flash ul li {  
  list-style:none;
  padding:15px;
  
}

.tabs-flash ul li a {
 text-decoration:none;
  padding:10px;
   background:url(images/tab-flash.png) no-repeat;
  color:#FFF;
  font-size:18px;
   width:280px;
  border-radius:7px;
 }
 
.tabs-flash ul li  a:hover {
  background:url(images/tab-flash-hover.png) no-repeat;
 
 }
 .contentarea table{
   border-collapse:collapse;
   border:1px solid;
 }
  .contentarea table tr td{
   border-collapse:collapse;
   border:1px solid;
 }
.table-content  tr td{
    border-collapse:collapse;
	padding:10px;
 }
 .table-content  tr td img{
  width:90px;
  border-radius:7px;
 }
 .header-content-table{
   font-size:14px;
   font-weight:bold;
   color:#65BBD9;
   
 }
 .tab img{
   border-radius:7px;
   width:300px;
 }
 .button-links  {
 margin:30px 0 0 0;
 }
  .button-links ul li {
  width:200px;
  display:block;
 }
 .button-links ul li a{
  width:130px;
  background:#548100;
  color:#FFF;
  font-size:20px;
  display:block;
  list-style:none;
  height:30px;
  padding:10px;
  margin:10px;
  border-radius:7px;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  
 }
 .inlinediv a {display: inline-block; font: 700 18px lato; color: #fff; background: #0a2b54; padding: 15px; position: relative; width: 275px;  border: 1px solid #fff; text-align: left; max-width: 100%;text-align: center; text-decoration:none;border: 2px solid #EBEBEB;border-radius: 25px;margin: 10px auto;}
.inlinediv a:hover {background:#c62025;}
 
.mission-abt{ text-align: center; }
 
.news-cont{ text-align: center; }
.news-cont div{ display: inline-block; vertical-align: middle; padding: 7px 30px; border: 2px solid #4a7001; min-height: 100px; width: 250px; margin: 2px auto; }

.page .entry-meta, .entry-meta {display:none;}


.pagination {text-align: right;}
.pagination span, .pagination a { color: #629900; padding: 8px; border: 1px solid #629900; border-right: none; text-decoration: none;}
.pagination .current{ cursor: default; }
.pagination .current, .pagination a:hover { background: #629900; color: #fff;}
.pagination a:first-child{ border-radius: 3px 0 0 3px; }
.pagination a:last-child{ border-radius: 0 3px 3px 0; border-right: 1px solid #629900; }

.submitbutton { float: right; background: #fff; border: none; margin: 5px 0; padding: 5px; width: 115px; border-radius: 5px; font-size: 12px; color: #2e972f; cursor:pointer;}

.textfield input { position: absolute; width: 135px; right: 0; height: 25px; border-radius: 5px; }

#Address, #Full_Name {width:160px;}