@charset "utf-8";
/* Markup and Styling by Charm HTML */
/* http://www.charmhtml.com */

/* Reset */
@import "predefined.css";


/* Defaults & Commons */
#skip {height:0;width:0;overflow:hidden}
body { text-align:center; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
a {
	text-decoration:none;
	color:#1A3D72;
}
a:hover {
	text-decoration:none;
	color: red;
}









/* Containers */
#header { background:url(../images/bg-header.png) repeat-y 0 0; border-bottom:7px solid black; }
#content { background:#FFF url(../images/bg-content.jpg) repeat-x 0 top; overflow:hidden; }
#footer { background:url(../images/bg-footer-bg.jpg) repeat-x 0 0; height: 169px; }
#header .main, #content .main, #footer .main { text-align:left; width:1000px; margin: 0 auto; }
#header .main {
	height:169px;
	position:relative;
}
#footer .main { height:169px; background:url(../images/bg-footer.jpg) no-repeat 50% 0; }









/* Header */
h1 {
	width:230px;
	height:165px;
	position:absolute;
	top:36px;
	right:0;
	background:url(../images/bg-logo.png) no-repeat 0 0;
	text-indent:-1000em;
}
#header p { position:absolute; top:20px; left:10px; width:468px; height:47px; font:bold 1.3em/100% "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#fff; background-image: url(assets/images/matthew419.png); }
#topmenu {
	position:absolute;
	top:0;
	right:12px;
}
#topmenu li {
	float:left;
	display:inline;
	margin:0 0 0 4px;
}
#topmenu a {
	display:block;
	height:20px;
	text-align:center;
	font:bold 1.1em Trebuchet MS;
	padding:2px 0 0 0;
	text-decoration:none;
}
#dugit a {
	width:78px;
	background:url(../images/btn-dugit.png) no-repeat 0 100%;
	color:#663399;
}
#adonai-roi a {
	width:78px;
	background:url(../images/btn-adonai-roi.png) no-repeat 0 100%;
	color:#124582;
}
#gospel-cafe a {
	width:78px;
	background:url(../images/btn-gospel-cafe.png) no-repeat 0 100%;
	color:#993333;
}
#distribution-centre a {
	width:112px;
	background:url(../images/btn-distribution-centre.png) no-repeat 0 100%;
	color:#3333FF;
}
#topmenu a:hover {
	padding:8px 0 0 0;
}











#menu { position:absolute; bottom:0; left:140px; height:37px; width: 631px; }
* html #menu {
	bottom:-1px;
}
#menu li {
	float:left;
	display:inline;
	margin:0 0 0 3px;
}
#menu a, #menu span {
	display:inline;
	float:left;
}
#menu a {
	background:url(../images/bg-menu-left.png) no-repeat 0 0;
	height:27px;
	margin:10px 0 0 0;
	text-decoration:none;
}
#menu span {
	background:url(../images/bg-menu-right.png) no-repeat 100% 0;
	height:100%;
	padding:0 12px 0 0;
	margin:0 0 0 12px;
	color:#fff;
	font:bold 1.2em/2.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#menu a:hover {
	background-position:0 -32px;
	margin:0;
	height:37px;
}
* html #menu a:hover {
	margin:1px 0 0 0;
}
#menu a:hover span {
	background-position:100% -32px;
	padding-top:6px;
	height:31px;
}
#menu .current a {
	background-position:0 -74px;
	margin:0;
	height:37px;
}
* html #menu .current a {
	margin:1px 0 0 0;
}
#menu .current a span {
	background-position:100% -74px;
	padding-top:6px;
	height:31px;
}











#menu .submenu {
	width:802px;
	padding:18px;
	position:absolute;
	top:32px;
	left:60px;
	height:1%;
	display:none;
	cursor:pointer;
	z-index:1000;
}


#menu .whoweare { width:802px; padding:18px; position:absolute; top:32px; left:10px; height:1%; display:none; }

#menu .congregationlife { width:802px; padding:18px; position:absolute; top:32px; left:50px; height:1%; display:none; }

#menu .outreach { width:802px; padding:18px; position:absolute; top:32px; left:100px; height:1%; display:none; }

#menu .updates { width:802px; padding:18px; position:absolute; top:32px; left:180px; height:1%; display:none; }
#menu .howucanhelp { width:802px; padding:18px; position:absolute; top:32px; left:110px; height:1px; display:none; }
#menu .submenu li {
	float:left;
	display:inline;
	margin:0 35px 0 0;
	font:bold 1.3em Trebuchet MS;
	background:none;
	padding:0;
}
#menu .submenu a {
	color:#333366;
	background:none;
	padding:0;
	margin:0;
}
#menu .submenu a:hover {
	margin:0;
	text-decoration:underline;
	color: red;
}
#menu .show .submenu, #menu .show {
	display:inline;
}






/* Footer */













/* Content */
.flash { display: block; height: 180px; }
.box {
	width:802px;
	margin:28px auto 0 auto;
}
.box .foot, .bottom {
	color:#1A3D72;
	font-size:1.1em;
	text-align:right;
	padding:8px 0 0 0;
	clear:both;
}
.box .foot p, .box .foot ul, .bottom p, .bottom ul {
	display:inline;
	margin:0 60px 0 0;
}
.box .foot a, .bottom a { color:#300; }
.box .foot a:hover, .bottom a:hover {
	color:red;
}
.box .foot li, .bottom li {
	display:inline;
	background:url(../images/bg-foot-item.png) no-repeat 0 50%;
	padding:0 5px 0 10px;
}
.box .foot li.first, .bottom li.first {
	background:none;
}
h2 { font-size:2.4em; font-weight:bold; padding:0 0 22px 30px; margin:0; background:url(../images/bg-shade-top.png) no-repeat 0 100%; }









.box-left {
	width:544px;
	float:left;
	padding:30px 0 0 20px;
}
.box-left p, .article p {
	font-size:1.2em;
	line-height:1.2;
	margin:0 0 13px 0;
}
.box-right {
	width:188px;
	float:left;
	padding:30px 20px 0 20px;
}

.box-left blockquote, .box-left p, #welcome, .article blockquote { padding-left:20px; }
.box ul, .box ol {
	margin:0;
}
.box ul {
	list-style:disc;
}
.box ol {
	list-style:decimal;
}
.box-right ul, .box-right ol, .sidebar ul, .sidebar ol {
	list-style:none;
	font-size: 11px;
}







.intro {
	padding:0 0 20px 0;
	background:url(../images/bg-shade-bottom.png) no-repeat 0 100%;
	height:1%;
	position:relative;
}
.intro .border { border: 1px solid #964A26; }

html>body .intro {
	overflow:hidden;
}
blockquote { width:400px; }
cite { color:#C87529; font-size:1.1em; float:left; display:inline; text-align:left; }
.icon, .autograph {
	position:absolute;
}
.icon {
	right:10px;
	bottom:30px;
}
.autograph {
	bottom:60px;
	right:100px;
}









h4 {
	color:#990000;
	font-size:1.2em;
	padding:0 0 2px 0;
	font-weight: bold;
}
#homepage .email-option { padding:0 0 0 00px; }
#innerpage .email-option {
	margin:20px 0 0 0;
	text-align:left;
}
.email-option, .menu-list {
	width:133px;
	float:left;
	margin:10px 0 0 0;
}
.email-option {
	margin-right:10px;
}
.email-option p {
	color:#333333;
	font-size:1.2em;
	padding:0;
	margin:0 0 9px 0;
}
.email-option form {
	padding:0 0 0 15px;
	height:1%;
	overflow:hidden;
}
.email-option form .subscribe {
	float:right;
	margin:0 6px 0 0;
	
}
.email-option .text-box {
	margin:0 0 3px 0;
	width:100px;
}





.menu-list h4 {
	border-bottom:1px solid #999;
	padding:0 0 2px 0;
	margin-top: 5px;
}
.menu-list li {
	margin:5px 0 0 10px;
	font-size:1.1em;
}
.menu-list a {
	color:#464646;
}
.menu-list a:hover {
	color:red;
}






.card { border:1px solid #8db4cd; padding:4px; width:184px; margin:0 0 10px 0; background-color: #F5F5F5; }
.card h4 {
	color:#990000;
	font-size:1.3em;
	font-weight:bold;
	padding:7px 6px 10px 6px;
}
.card p { font-size:1.2em; padding:5px 0 0 5px; clear:both; line-height: 1; }
.card div { background:#e3e3e3; padding:7px 0 5px 0; border: 1px solid #ccc; }
.card img {
	border:1px solid #666;
	width:30px;
	height:16px;
}

.newsletters ul {
	margin:0;
	padding:0 0 0 7px;
	width:178px;
}
.newsletters li { float:left; display:inline; margin:0 3px 0 0; padding:0; }
.parashat {
	font-size:1.2em;
}
.parashat strong {
	font-weight:bold;
}
.parashat ul {
	margin:0;
	padding:0 0 0 6px;
}
.future h5 { font-size:1.3em; font-weight:bold; padding:4px 0; }
.future h5, .future p {
	padding-left:10px;
}

.support h5 { font-size:1.1em; font-weight:bold; padding:4px 0; text-indent: -1px; }
.support h5, .support p {
	padding-left:10px;
}


.support em { font-size:11px; text-align: right; line-height: 20px; font-family: "Times New Roman", Times, serif; }



#bottom-divider {
	position:relative;
	bottom:6px;
	overflow: visible;
	margin: 0 auto;
}





/* Sidebar */
.sidebar {
	width:162px;
	padding:30px 0 30px 28px;
	margin:0 0 0 5px;
	display:inline;
	background:url(../images/bg-sidebar.png) no-repeat 4px 100%;
	float:left;
}
.sidebar img { margin:0px; }
.sidebar h6 {
	color:#990000;
	font-size:1.2em;
	font-weight:bold;
}
.sidebar li { margin-top:5px;}
.sidebar .current{ color:red;}

.get-flyer {
	font-size:1.2em;
}








/* Homepage */
#homepage .box {
	background:url(../images/bg-homepage.png) repeat-y 0 0;
}
#homepage .box .body {
	background:url(../images/bg-homepage-body.jpg) no-repeat 0 0;
	height:1%;
	overflow:hidden;
	position:relative;
}
#homepage .box .foot {
	background:url(../images/bg-homepage-foot.png) no-repeat 50% 100%;
	height:34px;
	text-align: center;
}








/* Innerpage */
#innerpage .box {
	background:url(../images/bg-innerpage.jpg) repeat-y 0 0;
}
#innerpage .box .body {
	background:url(../images/bg-innerpage-body.jpg) no-repeat 0 0;
	width:100%;
	overflow:hidden;
}
#innerpage .box .foot {
	background:url(../images/bg-innerpage-foot.jpg) no-repeat 50% 100%;
	height:18px;
	padding:0;
}
#innerpage h2 { background:none; list-style: none; }










/* Article */
.article {
	width:530px;
	float:left;
	padding:60px 0 0 20px;
	margin:0 20px 0 0;
	overflow:visible;
	position:relative;
}
.article blockquote {
	font-style:italic;
}
.article h2 {
	padding:0 0 30px 0;
}
.article p {
	line-height:1.4;
}
.article #bottom-divider {
	position:static;
	clear:both;
	display:block;
	margin:0 0 10px 0;
}
.article a {
	color:#4586A8;
}
.bottom {
	padding:0 40px 0 0;
}
.bottom a {
	color:#1A3D72;
}
.images {
	padding:30px 0 0 20px;
	height:1%;
	overflow:hidden;
	background:url(../images/bg-images.jpg) no-repeat 50% 10px;
	height:148px;
}
.images li { float:left; margin:0 20px 0 0; text-align:center; list-style:none; }
.images li img {
	display:block;
	margin:0 0 10px 0;
}
.images li a {
	display:block;
	font-size:1.2em;
	text-transform:uppercase;
}


.imageshigh {
	height:1%;
	overflow:hidden;
	height:516px;
	margin-bottom:10px;
}
.imageshigh li { float:left; margin:0 20px 0 0; text-align:center; list-style:none; }
.imageshigh li img {
	display:block;
	margin:0 0 5px 0;
	border: 0;
}
.imageshigh li a { display:block; font-size:1.2em; }

.more {
	font-size:1.2em;
	display:block;
	text-align:right;
	margin:0 0 10px 0;
}
.bottom p {
	font-size:1em;
}
.date {
	position:absolute;
	top:14px;
	right:10px;
	font-size:1.2em;
	color:#999;
}
.date span {
	margin:0 0 0 20px;
}

#homepage #content .main .box .body .box-left .email-option .small { font-size: 9px; }

#homepage #content .main .box .body .box-right .card newsletters .orange right { background: right; }

#homepage #content .main .box .body hr { }

#datacontainer p {
	font-size: 11px;
	line-height: 14px;
	margin-top: 7px;
}
#myFlashDiv { margin: 0 auto; width: 720px; margin-top: 17px; height: 155px; }
.redtext { color: #F00; }