/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
#menu-button, #menu-button.click{display:none; width:18px; height:18px; position:absolute; top:5px; left:5px; background:url(../images/menu.png) top left no-repeat; padding-left:22px; cursor:pointer; color:#bcac9e; font-size:12px;}
#menu-button:hover, #menu-button.click{background-position:bottom left; color:#bcac9e;}

#menu{background-color:#E2E2E2;font-family:"Palatino Sans W23";}
#menu li a { padding: 10px;  display: block;  color: #ffffff;   text-decoration: none;}
#main {width:100%;  background: #fff; z-index: 5;  position: relative;  overflow:auto; overflow-x:hidden;
    -webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
        moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
          o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
#menu {float:left; width: 200px;   height: 100%; position: fixed; overflow:auto ; z-index:4; display:none;}
#menu li { background:#6D0442;border-bottom: 1px solid #4F0233; color: #ffffff; direction:rtl; text-align:center; margin-bottom:0px;}
#menu li a:hover {background-color:#D4145A; color: #ffffff;}
#menu li .current{color:#4F0233; border-bottom: 1px solid #4F0233; background-color:#5a5b5c;}

	
#header{background-color:#F7F5F5; border-bottom:5px solid #CCCCCC; border-top:5px solid #6D0442;}
#logo{ background:url(../images/logo.png); width:221px; height:129px; background-size:100% 100%; margin:16px 0px 16px auto;}
#logo a{display:block; height:129px;}


#navigation {position:absolute; z-index:999; margin: 124px 0px 0 0px; padding-left:41px; font-family: "HelveticaNeueLTW20-Roma",Tahoma, Geneva, sans-serif; background:url(../images/menu_bg_l.png) left top no-repeat; }
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:inline-block;  font-size:13px;}
#navigation ul li{float:right; position:relative;line-height:39px; color:rgba(255, 255, 255, 0.5);}
#nav{ background:url(../images/menu_bg_r.png) right top no-repeat; height:108px; padding:0px 5px!important;}

#navigation ul li a { 
	display: inline-block;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	font-size: 13px;
	
}

#navigation ul li a:hover,#navigation ul li.current a{
	color:#6D0442;
}



.backLava{border-bottom:2px solid #830B2C; height:26px;}

#lang-button{position:absolute; top:10px; left:20px; font-family: "HelveticaNeueLTW20-Roma",Tahoma, Geneva, sans-serif; color:#999999; font-size:11px;}
#lang-button a{color:#999999;}
#lang-button a:hover,#lang-button a:focus {color:#6D0442;}

#banner{height:760px; overflow:hidden; background:#6D0442; position:relative; border-bottom:2px solid #e2e2e2; }
.featured_con{ height:539px; width:1920px; position:absolute; z-index:0; top:0px; left:50%; margin-left:-960px; background:#ffffff; border-bottom:5px solid #D4145A;}
.featured{ height:100%; width:100%; float:left; position:absolute; display:none;}
.featured_image{height:100%; overflow:hidden; left:0px; top:0px; border:0px;}

		
.featured_textbox{position:absolute; top:55px;  right:10px; overflow:hidden; max-height:300px;}
.featured_textbox h2,.featured_textbox span{ display:block; line-height:1.4em; font-size:41px;color:#ffffff; margin-bottom:0px; direction:rtl; text-align:right; -moz-text-shadow: 2px 2px 1px #000000;  -webkit-text-shadow: 2px 2px 1px #000000;  text-shadow:2px 2px 1px #000000;}
.featured_textbox span{font-size:14px;}
.featured_textbox .head{font-size:109px; line-height:50px;}
.featured_pages{height:8px; float:right; width:600px; z-index:3; position:absolute; top:475px; left:10px; overflow:hidden; opacity:0.8; filter:alpha(opacity=80)}
.featured_pages a{width:8px; height:8px; background-color:#ffffff; display:block; float:left; margin-right:5px;-moz-border-radius: 50%;border-radius: 50%;}
.featured_pages a.current{background-color:#D4145A;}

.banner_boxes{position:absolute; bottom:24px;width:100%;}
.box{height:240px; background:#ffffff;-moz-border-radius-bottomleft: 20px;border-bottom-left-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px; position:relative;}
.box a{}
.box h3{ background:url(../images/bg_head.png) no-repeat bottom; padding-bottom:20px; margin-bottom:0px; }
.box h3 a{display:block;font-size:18px; color:#D4145A; padding:0px 20px;}
.box p{line-height:1.5em;padding:0px 20px;}
.box a.btn{border:1px solid #000000; padding:0px 5px 0px 20px; float:left; background:url(../images/arr.png) no-repeat 5px center; }
.box a.btn:hover{background-color:#660825;}
.box ul {padding:0px 20px;}
.box ul li{ margin-bottom:0px; font-family: "HelveticaNeueLTW20-Roma",Tahoma, Geneva, sans-serif;}
.box ul li a{display:block; padding:5px 0px; margin:1px 0px; border-bottom:1px solid #E6E6E6;}
.box ul li:hover{background:url(../images/arr.png) no-repeat 7px center #E6E6E6;}
.box ul li:last-child a{border-bottom:0px;}

.box_shad_top{background:url(../images/box_t.png) no-repeat center; position:absolute; top:-13px; width:100%; height:13px;}
.box_shad_bottom{background:url(../images/box_b.png) no-repeat center; position:absolute; bottom:-12px; width:100%; height:13px;}

a{text-decoration:none; color:#62574b;}

.right{float:right!important;}
.left{float:left!important;}
.rtl{direction:rtl; text-align:right;}
.dimmed{color:#999999;}

#strip{background-color:#E6E6E6; }
.verses{}
.verses p{line-height:1.4em;}
.donate{margin:20px 0px;}
.donate img{display:inline-block; vertical-align:middle; height:70px; padding-left:20px;}
.donate h3{display:inline-block; vertical-align:middle; line-height:1em;}


#body{padding-top:10px;  background:url(../images/bg_body_t.png) no-repeat center top;}
#body_bottom{padding-bottom:30px; background:url(../images/bg_body_b.png) no-repeat center bottom;}
.body2{margin-top:15px;}
#body h3{ margin-bottom:20px; }

#calendar_con{border-bottom:1px solid #E6E6E6; padding-bottom:8px;}
.calendar_event{ direction:rtl;}
.calendar_event p{width:55%; display:inline-block; padding-left:10px; border-left:1px solid #999999; max-height:100px; line-height:20px; overflow:hidden; vertical-align:middle;}
.calendar_event h3{width:30%; display:inline-block; font-size:37px; padding-right:5px; color:#999999; position:relative; vertical-align:middle;}
.calendar_event h3 strong{color:#D4145A; height:auto; line-height:inherit;}
.calendar_event h3 span{font-size:17px;  display:block;color:#999999}


.article{ border-bottom:1px solid #E6E6E6; direction:rtl; position:relative; padding-bottom:20px;}
.article a{display:block;}
.article_img{}
.article img{max-width:100%; -moz-border-radius-bottomleft: 20px;border-bottom-left-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;}
.article_txt{ direction:rtl; text-align:right; width:78%; margin-top:10px; display:inline-block; vertical-align:middle; border-left:1px solid #E6E6E6; padding-left:20px;}
.article_txt h4{ height:50px; line-height:25px; overflow:hidden; color:#000000;}
.article_txt p{ height:60px; line-height:20px; overflow:hidden; font-size:13px;}
.article_more{ padding-right:10px; display:inline-block; vertical-align:middle;}
.article_more span{ background:url(../images/arr_l.png) no-repeat; height:27px; width:16px; overflow:hidden; line-height:27px; display:inline-block;  font-size:12px; color:#830B2C;}
.article a:hover h4{color:#D4145A;}
.article a:hover .article_more span,.article_more:hover span{background-position:bottom;}

.article_kids{border:0px;}
.article_mag{border:0px;}
.article_mag .article_txt{border:0px; width:100%;}
.article_mag .article_txt img{width:37%; display:inline-block;vertical-align:top; margin-right:20px;}
.article_mag .article_txt p{width:54%; display:inline-block; vertical-align:top; height:140px; margin-bottom:0px;}

.article_arts{border:0px;padding-bottom:0px;}
.article_arts .article_txt{border:0px; width:100%;}
.article_arts .article_txt img{width:27%; display:inline-block;vertical-align:top; margin-left:20px;}
.article_arts .article_txt span{width:64%; display:inline-block; vertical-align:top; height:160px; margin-bottom:0px; overflow:hidden;}
.article_arts .article_txt span p{height:auto;}
.article_arts a .article_txt{ color:#ffffff;}
.article_arts a .article_txt h4{ color:#ffffff; font-family: "HelveticaNeueLTW20-bold",Tahoma, Geneva, sans-serif;}
.article_arts a:hover h4{color:#9E1F63;}
.article_arts a:hover p{color:#9E1F63;}
.article_arts a:hover .article_more{border-top:1px solid #9e1f63;}
.article_arts .article_more{ padding-top:20px; margin-top:20px; margin-bottom:0px; border-top:1px solid #999999; display:block; text-align:center; opacity:0.8; filter:alpha(opacity=80);}
.article_arts .article_more span{ background:url(../images/arr_l.png) no-repeat; height:27px; width:16px; overflow:hidden; line-height:27px; display:inline-block;  font-size:12px; color:#830B2C;}

.article_prod{border:0px;}
.article_prod .article_txt{border:0px; width:100%;}
.article_prod .article_txt img{width:40%; display:inline-block;vertical-align:top; margin-right:20px;}
.article_prod .article_txt .span{width:40%; display:inline-block; vertical-align:top; height:160px;  padding-left:0px; padding-right:20px;}
.article_prod .article_txt .span p{height:120px; display:inline-block; line-height:20px; padding:0px;margin-bottom:0px;}
.article_prod .article_more{ padding-right:0px; font-family: "HelveticaNeueLTW20-roma",Tahoma, Geneva, sans-serif;}
a .article_prod .article_more span{ padding-left:40px; color:#000000; }
a:hover .article_prod  .article_more span{ padding-left:40px; background-position:left bottom; color:#9E1F63;}


.article.video {border-bottom:0px; position:relative; padding-bottom:0px;}
.article.video .article_pad{}
.article.video .article_more{margin-bottom:0px; position:relative; z-index:1; height:auto; }
.article.video .article_more span{display:block; text-align:right; direction:rtl; overflow:hidden; width:100%;background:none;}
.article.video .video_icon{width:30px; height:30px; background:url(../images/btn_vid.png) no-repeat; position:absolute; top:10px; left:10px;}

.article.spec .article_txt p{ height:72px;}
.article.spec .article_more{background:url(../images/btn_l2.png) no-repeat;}
.article.spec .article_more span{background:url(../images/btn_r2.png) no-repeat right; color:#ffffff;}

#newsletter{}
#newsletter ul{}
#newsletter li{direction:rtl; text-align:right; position:relative;}
#newsletter li input[type="text"]{width:100%; max-width:290px;}

.music{ position:relative; margin-top:10px; }
.music_item{min-height:60px; margin-bottom:20px; position:relative; z-index:1; border:1px solid #ffffff;  -moz-border-radius-bottomleft: 20px;border-bottom-left-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;}
.music_title{font-size:13px; height:22px; line-height:20px; overflow:hidden; position:absolute; top:10px; direction:rtl; text-align:right; right:65px; width:75%;}
.music_img{height:34px; overflow:hidden;}
.music_play{height:30px; overflow:hidden;}
.music_player audio{width:100%; position:relative; margin-top:5px;}

.music ul{margin-top:10px;}
.music ul li{border-bottom:1px solid #808080; margin-bottom:0px;height:24px;  padding:10px 0px;}
.music ul li a{color:#808080; display:block; background:url(../images/arr_foot.png) no-repeat 10px 6px; padding:3px 10px; overflow:hidden;}
.music ul li:hover{border-bottom:1px solid #ffffff; }
.music ul li:hover a{color:#ffffff;background-position:10px -18px;}

.inner .music ul li:hover{border-bottom:1px solid #830b2c; background-color:#830b2c; }
.inner .music ul li:hover a{color:; }
.inner 

a.more{display:inline-block; margin:0px auto 20px 0px;}
a.more div{  vertical-align:middle; }
a.more span{  background:url(../images/arr_l.png) no-repeat top left; height:27px; padding-left:20px; line-height:27px; display:inline-block;  font-size:14px; font-family: "HelveticaNeueLTW20-Roma",Tahoma, Geneva, sans-serif;}
a.more:hover span{background-position:bottom left;}

.disabled{background-position:bottom left;}

.contact{}
.icns-social{width:20px; height:20px; background:url(../images/icons_social.png) no-repeat; display:inline-block; margin-right:5px; vertical-align:middle;}
.icn-fb{ background-position:0px 0px; }
.icn-t{ background-position:-20px 0px; }
.icn-yt{ background-position:-40px 0px; }
a:hover .icn-fb{ background-position:0px -20px; }
a:hover .icn-t{ background-position:-20px -20px; }
a:hover .icn-yt{ background-position:-40px -20px; }
.contact ul{}
.contact ul li{border-bottom:1px solid #830B2C; color:#830B2C; line-height:30px; height:30px; margin-bottom:7px; text-align:right; direction:rtl; padding-bottom:7px;}
.contact ul li a{color:#830B2C;}
.contact ul li:last-child{border:0px; }
.contact_form{direction:rtl; text-align:right;}
.contact_form input{margin-bottom:10px;}
.contact_button_con{display:inline-block;  margin-top:10px; margin-right:auto; margin-left:0px; position:relative;}
.contact_button{background:url(../images/btn_l3.png) no-repeat; padding-left:22px; height:34px; margin-bottom:20px;}
.contact_button span{background:url(../images/btn_r3.png) no-repeat right; height:34px; line-height:40px; display:inline-block; padding-right:10px; font-size:12px; color:#ffffff;}

#findus{}
#findus ul{float:left;}
#findus ul li{float:right;}
#findus .btn{width:26px; height:26px;margin-right:5px; -moz-border-radius-bottomleft: 5px;border-bottom-left-radius:5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}
#findus .btn.btn_yt{background:url(../images/btn_yt.png) no-repeat center center;border:1px solid #D20000;}
#findus .btn.btn_f{background:url(../images/btn_f.png) no-repeat center center;border:1px solid #004BB6;}
#findus .btn.btn_t{background:url(../images/btn_t.png) no-repeat center center;border:1px solid #29A7DE;}
#findus .btn.btn_yt:hover{background-color:#D20000;}
#findus .btn.btn_f:hover{background-color:#004BB6;}
#findus .btn.btn_t:hover{background-color:#29A7DE;}

#footer{color:#ffffff;}
#footer h3{color:#ffffff; margin:0px; width:100%; margin-left:-10px;}
#footer .color1{background-color:#830B2C; padding:5px 10px; }
#footer .color2{background-color:#D75237; padding:5px 10px;}
.footer_up{padding:10px 0px 20px 0px; min-height:90px; background-color:#666666;}
.footer_down{min-height:90px; background-color:#6D0442;}
.footer_middle{background-color:#999999; color:#ffffff; padding:10px 0px; color:rgba(255,255,255,0.5)}
.footer_middle a{color:#ffffff; padding:0px 3px;}
.footer_middle a:hover{color:#6D0442;}

.sitemap{}
.sitemap ul{width:31%; padding:10px 0 0px 2%; float:right; font-size:12px;}
.sitemap ul li{direction:rtl; text-align:right; margin-bottom:5px;}
.sitemap ul li a{color:#ffffff; display:block;}
.sitemap ul li a:hover{color:#830B2C;}
.sitemap ul li:first-child{font-weight:bold; font-size:15px;}

.footer_logo{float:right; padding-top:15px;}
.footer_logo a{width:102px; height:50px; display:block; background:url(../images/logo_footer.png) no-repeat;}
.footer_credit{float:right; direction:rtl; text-align:right; padding-right:30px; padding-top:30px;font-size:12px;}
.footer_leadnet{float:left; margin-top:40px;}
.footer_leadnet a{width:67px; height:15px; display:block; background:url(../images/leadnet.png) no-repeat;}

/* #Page Styles
================================================== */

.inner_pass{height:34px; background:url(../images/inner_pass.jpg) no-repeat center #830b2c;}
.inner{}
.inner .video{margin-bottom:30px;}
.inner .article{margin-bottom:30px; border-bottom:0px; display:inline-block;}
.inner .article .article_more{height:20px;}
.inner .body2{border-top:1px solid #E2E2E2; padding-top:20px;}
.article_inner{direction:rtl; text-align:right; width:90%;}
.article_inner ul{margin-right:20px; list-style:disc;}
.related{margin-bottom:30px;}
.related ul li{border-bottom:1px solid #e2e2e2; padding:5px 0px 7px 0px; margin-bottom:0px;}
.related ul li a{display:block;}
.gallery{margin-bottom:30px;}
.gallery a{width:70px; height:70px; padding:4px; margin-left:8px; margin-bottom:8px; display:inline-block; border:1px solid #e2e2e2; }
.gallery a img{width:100%; height:100%;}

#contact-form{width:90%;}
#contact-form input, #contact-form textarea{border:1px solid #e2e2e2; padding:5px 2%; width:96%;}
#contact-form .contact_button{background:url(../images/btn_l2.png) no-repeat;}
#contact-form .contact_button span{background:url(../images/btn_r2.png) no-repeat right;}

.address{margin-bottom:30px;}
.contact-details i{float:right; margin-top:2px;}
.contact-details p{margin: -5px 20px 0 0;line-height: 18px;direction: rtl;text-align: right;}
.findus{margin-bottom:30px;}
.inner #findus ul{float:right;}
.inner #findus .btn{margin-left:5px; margin-right:0px;}
.inner #findus .btn.btn_yt{background-color:#D20000;}
.inner #findus .btn.btn_f{background-color:#004BB6;}
.inner #findus .btn.btn_t{background-color:#29A7DE;}
.inner .map {margin-bottom:30px;}


/* ================ add ons ============= */






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 959px) {
	#main{left:0px!important;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#navigation ul li a {padding:0px 5px 0px 5px; font-size:11px;}
		#navigation ul li{line-height:30px;}
		#navigation{background-size:32px 85px; padding-left:32px;}
		#nav{background-size:550px 85px;}
		#logo{background-size:100% 100%; width:200px; height:117px;}
		#logo a{height:117px;}
		
		#banner{height:560px; overflow:hidden; background:#6D0442; position:relative; border-bottom:2px solid #e2e2e2; }
		.featured_con{ height:330px; width:1600px; margin-left:-800px; }
		.featured_image img{height:120%;}
		.featured_pages{top:275px;}
		
		#calendar_con{ padding-bottom:0px;}
		
		.article_mag .article_txt p{width:50%; height:120px;}
		
		.article_prod{border:0px;}
		.article_prod .article_txt{border:0px; width:100%;}
		.article_prod .article_txt img{width:50%; margin-right:10px;}
		.article_prod .article_txt .span{width:30%; padding-left:0px;}
		
			
		.staff, .staff_page{width:420px;}
		.contact ul li{line-height:15px;}
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#menu,#menu-button,#menu-button.click{display:block;}
		#lang-button,#navigation{display:none;}
		.banner_boxes{bottom:7px;}
		.box ul, .box p, .box .btn,.box .article{display:none;}
		.box{height:auto; padding:0px; margin-bottom:10px!important;}
		.box h3{padding:5px; background:none;}
		
		#logo{background-size:100% 100%; width:150px; height:88px; margin:10px auto;}
		#logo a{height:88px;}
		
		#banner{height:450px; overflow:hidden; background:#6D0442; position:relative; border-bottom:2px solid #e2e2e2; }
		.featured_con{ height:300px; width:1000px; margin-left:-500px; }
		.featured_image img{height:120%;}
		.featured_textbox h1{font-size:60px; height:60px;}
		.featured_textbox p{font-size:30px;}
		.featured_textbox{position:absolute; bottom:250px;}
		.article{margin-bottom:20px;}
		.verses p{margin-bottom:0px;}
		
		.sitemap ul{width:48%;}
		.footer_leadnet{margin:20px 0px;}
		#contact-form{width:100%;}
		#map{width:100%!important;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.staff, .staff_page{width:360px; height:204px;}
		.staff_item{width:15%; margin:0% 2%; float:right; height:200px; overflow:hidden;}
		.staff_btn_left,.staff_btn_right{width:24px; height:18px; margin-top:50px;}

		#newsletter li input[type="text"]{width:100%; max-width:410px;}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.staff, .staff_page{width:235px; height:400px;}
		.staff_item{width:28%; margin:0% 2%; float:right; height:200px; overflow:hidden;}
		.staff_btn_left,.staff_btn_right{width:24px; height:18px; margin-top:200px;}
		
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/