@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; }

/* Blogpage */
#blogpage .box { background:url(../images/bg-innerpage.jpg) repeat-y 0 0; }

#blogpage .box .body { background:url(../images/bg-blogpage-body.jpg) no-repeat 0 0; width:100%; overflow:hidden; }

#blogpage .box .foot { background:url(../images/bg-innerpage-foot.jpg) no-repeat 50% 100%; height:18px; padding:0; }

#blogpage h2 { background:none; list-style: none; }

/* 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:100px;
	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 .newsletters { width:802px; padding:18px; position:absolute; top:32px; left:-70px; 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 28px 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; }
.support img { width:163px; height:0100px; }

#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; }