body { padding:0; margin:0; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:18px; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
ul, li { padding:0; margin:0; list-style:none; }
img { border:none; }
form, input, textarea, select { padding:0; margin:0; outline:none; }
img { max-width:100%; height: auto; width: auto\9; /* ie8 */ }
/* Remove padding from all div */
* { list-style:none; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }/* Remove padding from all div */
/* Remove padding from all div */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background:transparent; border:0 none; margin:0; padding:0; border:0; outline:0; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
table, table td { border:none; border-collapse:collapse; }
embed { vertical-align:top; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display:block; }
mark, rp, rt, ruby, summary, time { display:inline; }
input, textarea { border:0; padding:0; margin:0; outline: 0; }
iframe { border:0; margin:0; padding:0; }
input, textarea, select { margin:0; padding:0px; }
body, html { height: 100%; margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6, p {padding:0px; margin:0px; font-weight:normal;}

.wrapper { width:100%; }
.lsize { width:980px; margin:0 auto; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }

.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display:block; }
html[xmlns] .cf { display: block; }
* html .cf { height: 1%; }

a { color:#333; text-decoration:none; }
a:hover { color:#ba1319; }

.pad-b01 { padding-bottom:10px; }

#header { background:#034c79 url(../images/header-bg.gif) 0 100% repeat-x; border-top:3px solid #277ab0; color:#fff; }
#header .lsize { position:relative; }
#header .search { position:absolute; right:0; top:0; padding:4px 0 0 0; }
#header .search .input { float:left; background:#fff; border:1px solid #09375c; padding:5px 5px 4px 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; font:12px Arial, Helvetica, sans-serif; color:#333; }
#header .search .btn { float:left; background:#015496 url(../images/go-btn-bg.gif) 0 0 repeat-x; border:1px solid #09375c; border-left:none; width:34px; height:26px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; }
#header h1 { padding:15px 10px; }
#header .content { float:right; width:85%; padding:35px 0 0 4%; font:16px "Calibri", Arial, Helvetica, sans-serif; line-height:24px; }
#header .content .detail { float:left; width:60%; }
#header .content .img { float:right; padding:1% 6%; width:36%; }
#header .content .img img { width:100%; }
#header .content h2 { font-size:40px; font-weight:bold; text-transform:uppercase; text-shadow: 1px 2px #333; padding:20px 0; }
#header .content .btn-01 { text-align:right; padding-top:10px; text-transform:uppercase; font-size:14px; }
#header .content .btn-01 a { border:1px solid #014d89; color:#b2cde4; padding:3px 10px; display:inline-block; background:#00477f url(../images/btn-01-bg.gif) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#header .content .btn-01 a span { background:url(../images/arrow-01.gif) 100% 50% no-repeat; padding-right:15px; }
#header .content .btn-01 a:hover { background:#003d6d url(../images/btn-01-bg.gif) 0 10px repeat-x; border:1px solid #328dd6; color:#fff; }
#header .header-bg { background:url(../images/inner-header-bg.png) 50% 100% no-repeat; }

a.v-nav-btn { display:none; z-index:1000; }
#v-menu { float:left; width:11%; padding:15px 0; font:14px "Calibri", Arial, Helvetica, sans-serif; text-transform:uppercase; }
#v-menu li { border-right:1px solid #277ab0;  background:url(../images/menu-divider.png) 0 100% no-repeat; }
#v-menu li a { color:#fff; padding:44px 10px 23px 10px; display:block; }
#v-menu li.about a { background:url(../images/about-us-icon.png) 10px 10px no-repeat; }
#v-menu li.trustees a { background:url(../images/trustees-icon.png) 10px 10px no-repeat; }
#v-menu li.education a { background:url(../images/shakhsiyah-education-icon.png) 10px 10px no-repeat; }
#v-menu li.contact-us a { background:url(../images/contact-us-icon.png) 10px 10px no-repeat; }
#v-menu li a:hover { color:#c5e4fd; }

#v-menu a.about  { background:url(../images/about-us-icon.png) 10px 10px no-repeat; }
#v-menu a.trustees  { background:url(../images/trustees-icon.png) 10px 10px no-repeat; }
#v-menu a.education { background:url(../images/shakhsiyah-education-icon.png) 10px 10px no-repeat; }
#v-menu a.contact-us { background:url(../images/contact-us-icon.png) 10px 10px no-repeat; }
a.nav-btn { display:none; z-index:1000; }

/*
#menu { background:#cbdbe8 url(../images/menu-bg.gif) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:20px; padding:0 5px; font:16px "Calibri", Arial, Helvetica, sans-serif; text-transform:uppercase; }
#menu li { display:inline; float:left; background:url(../images/menu-line.gif) 100% 0 no-repeat; padding-right:2px; }
#menu li:last-child { background:none; }
#menu li a { display:block; float:left; padding:4px 7px; margin:7px 3px; border:1px solid transparent; }
#menu li a:hover, #menu li.active a { background:#055797; border:1px solid #033459; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
*/

#content { padding:20px 0; }
#content .l-part { float:left; width:30%; }
#content .r-part { float:right; width:70%; }
#content h2 { font:25px "Calibri", Arial, Helvetica, sans-serif; color:#00447d; padding:0 0 10px 0; text-transform:uppercase; }
#content h3 { font:20px "Calibri", Arial, Helvetica, sans-serif; color:#00447d; padding:0 0 10px 0; }

#content .group { background:url(../images/group-curve.png) 50% 0 no-repeat; background-size:contain; padding-top:45px; margin-top:10px; }
#content .group li { width:15.5%; float:left; background:#f1f1f1; border:1px solid #d1d1d1; margin:0 0 0 1%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#content .group li h1 { font:14px "Calibri", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#00477f; text-align:center; padding-bottom:8px; }
#content .group li .logo { background:#f8f8f8; border-bottom:1px solid #d1d1d1; width:100%; padding:2%; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
#content .welcome { width:71%; margin:0 auto; }
#content .group li .data { padding:7px; display:inline-block; }

#content .link-01 { text-align:right; }
#content .link-01 a { color:#00477f; background:url(../images/arrow-02.gif) 100% 50% no-repeat; padding-right:15px; }
#content .link-01 a:hover { color:#ab0000; }

.news-events { padding:0 0 1.5% 1%; line-height:18px; }
.news-events h1 { float:left; font:14px "Calibri", Arial, Helvetica, sans-serif; color:#00477f; text-transform:uppercase; background:url(../images/news-and-events-icon.png) 0 5px no-repeat; padding-top:35px; width:13%; }
.news-events b { color:#00477f; }

.subscribe { background:#277ab0; color:#fff; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.subscribe h1 { background:#3190c2; font:22px "Calibri", Arial, Helvetica, sans-serif; float:left; padding:1% 2%; -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; border-radius:5px 0 0 0;  }
.subscribe .detail { float:left; padding:1% 2%; width:68%; }
.subscribe .detail b { float:left; line-height:27px; }
.subscribe .detail .select,.subscribe .detail .input { float:left; background:#e8e8e8; margin-left:10px; border:1px solid #005a94; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:12px Arial, Helvetica, sans-serif; width:30%; }
.subscribe .detail .select { padding:4px; }
.subscribe .detail .input { padding:5px; }
.subscribe .detail .btn { float:left; background:#004470 url(../images/subscribe-btn-bg.gif) 0 0 repeat-x; border:2px solid #00426d; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font:14px "Calibri", Arial, Helvetica, sans-serif; color:#fff; height:27px; width:80px; margin-left:10px; cursor:pointer; }
.subscribe .detail .btn:hover { background:#005992;}

.list-01 li { font:14px "Calibri", Arial, Helvetica, sans-serif; line-height:25px; background:url(../images/bullet-01.png) 0 8px no-repeat; padding-left:20px; }
.list-02 li { background:url(../images/bullet-01.png) 0 8px no-repeat; padding:3px 0 3px 20px; }

.group-logos li { text-align:center; padding-top:15px; }
.group-logos li a img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1;
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }
.group-logos li a:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

#footer-bottom { background:#f1f1f1; padding:20px 0; }
#footer-bottom .video { float:left; width:34%; margin:0 1%; }
#footer-bottom .middle { float:left; width:30%; margin:0 1%; }
#footer-bottom .donate { float:left; width:30%; margin:0 1%; }
#footer-bottom .video img, #footer-bottom img { width:100%; }
#footer-bottom  h1 { font:20px "Calibri", Arial, Helvetica, sans-serif; color:#014590; padding-bottom:5px; }


#footer { padding:15px 0; color:#9a9a9a; }
#footer a { color:#9a9a9a; }
#footer a:hover { color:#014590; }
#footer .r-part { float:right; width:32%; }
#footer .l-part { float:left; width:68%; }
#footer .logos { padding-top:10px; }
#footer .logos li { display:inline-block; margin-right:1%; }
#footer .logos li b { display:block; font:bold 12px "Calibri", Arial, Helvetica, sans-serif; color:#212121; padding:5px 10px; }
#footer .links { color:#9a9a9a; line-height:30px; }
#footer .links a { color:#9a9a9a; }
#footer .links a:hover { color:#014590; }
#footer .developed-by { text-align:right; line-height:30px; }


#social-media { margin:-5px 0 5px 0; }
#social-media ul { text-align:right; }
#social-media li { display:inline-block; margin-left:10px; line-height:26px; color:#9a9a9a; text-align:left; }
#social-media li a { display:block; width:26px; height:26px; text-indent:-9999px; background:url(../images/social-icons.png) 0 0 no-repeat; }
#social-media li.facebook a { background-position:0 0; }
#social-media li.youtube a { background-position:-26px 0; }
#social-media li.twitter a { background-position:-52px 0; }

/*
#social-media { margin:-5px 0 5px 0; }
#social-media ul { float:right; }
#social-media li { display:inline-block; float:left; margin-left:10px; line-height:26px; color:#9a9a9a;  }
#social-media li a { display:block; float:left; width:26px; height:26px; text-indent:-9999px; background:url(../images/social-icons.png) 0 0 no-repeat; }
#social-media li.facebook a { background-position:0 0; }
#social-media li.youtube a { background-position:-26px 0; }
*/

.table-01 table { border:1px solid #e5e5e5; border-left:3px solid #e5e5e5; margin:10px 0 0 0; color:#666666; }
.table-01 table .title { background:#006db8; font-size:12px; font-weight:bold; color:#fff; }
.table-01 table .title td { padding:7px 5px; vertical-align:top; }
.table-01 table .even td, .table-01 table td.even { background:#ffffff; padding:7px 5px; }
.table-01 table .odd td, .table-01 table td.odd { background:#eeeeec; padding:7px 5px; }
.table-01 table td { border-left:1px solid #fff; }
.table-01 table td:first-child { border-left:0; }


/* New Class 14-April-2015 */
.subscribe .detail { position:relative; }
.subscribe .detail .select, .subscribe .detail .input { width:28%; margin:0 10px; }
.groupselect { position:relative; float:left; width:100px; margin-left:10px; }
.sites { display:none; width:200px; margin:27px 0 0 0; border:1px solid #005a94; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;z-index:999; }
.main { font-size:120%; color:#333; display:block; font:12px Arial, Helvetica, sans-serif; position:absolute; }
.main li { padding:0; background:#fff; }
.main li.even { background:#f1f1f1; }
.main li.even:hover, .main li:hover { background:#e5e5e5; }
.main li:first-child { -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.main li:last-child { -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.main li input { margin:8px 0 0 8px; float:left; }
.main li label { display:inline-block; width:83%; padding:8px 8px 8px 5px; }
.groupselect .title { float:left; cursor:pointer; background:#e8e8e8 url(../images/down-arrow.gif) 90% 50% no-repeat; color:#333; border:1px solid #005a94; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:100px; padding:4px; }
.subscribe .detail .sub-btn { float:right; position:absolute; top:10px; right:0; }


	
#mc_embed_signup div.mce_inline_error {
    background-color: #6b0505;
    color: #fff;
    font-weight: bold;
    margin: 0!important;
    padding: 5px 10px;
    z-index: 1;
	float:left;
}
	

	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#smoothmenu1 .downarrowclass{
display:none;
}

.ddsmoothmenu ul .active a{
    background: #055797 none repeat scroll 0 0;
    border: 1px solid #033459;
    color: #fff;
}



.appeal-line {
    background: #bb0000 none repeat scroll 0 0;
    color: #fff;
    font: 15px/24px "Calibri",Arial,Helvetica,sans-serif;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
}

.appeal-line > a{
color:#fff;
}