/* The Rotenberg Institute =========================
MAIN GREEN = 2c667e */
/* BASIC PAGE SETUP ============================================================================= */
body {
margin : 0 auto;
padding : 0;
font : 100%/1.6 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #666;
text-align: center;
background: #fff;
}
button,
input,
select,
textarea {
font-family : 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #000; }
.pad { padding:1em; }
/* HEADINGS ============================================================================= */
h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
}
h1 {
color: #2c667e;
margin-top : 0.25em;
margin-bottom : 0.2em;
font-size : 2.5em; /* 40 / 16 */
line-height : 1.3;
font-weight:bold;
}
h1.donation{ font-size:160%; text-align:center;}
h2 {
color: #2c667e;
margin-bottom : 0.5em;
font-size : 1.75em; /* 26 / 16 */
line-height : 1.2;
}
h1.inh1, h2.inh1{ display:inline; }
h2.inh1{ margin:0 0.1em; }
h3 {
color: #2c667e;
margin-bottom : 0.3em;
font-size : 1.5em; /* 24 / 16 */
line-height : 1.3; }
h3.via{ text-align:center; margin-right:24px;}
h4 {
color: #6ba5bd;
margin-bottom : 0.5em;
font-size : 1.25em; /* 20 / 16 */
line-height : 1.45; }
footer h4 {
margin-bottom : 0.7em;}
.gallery h4 ,.gallery .date {margin-bottom : 0;}
.services { color:#000000; font-size: 1.35em; font-weight:bold;}
#album img{
padding: 5px;
background: #ffffff;
box-shadow: 0px 56px 36px -60px #121D12;
-webkit-box-shadow: 0px 56px 36px -60px #121D12;
-moz-box-shadow: 0px 56px 36px -60px #121D12;
-o-box-shadow: 0px 56px 36px -60px #121D12;
float: none;
text-align: center;
margin-top: 8px;
margin-bottom: 16px;
display: block;
}
h5 {
color:#6ba5bd;
letter-spacing:1px;
margin-bottom : 1.0em;
font-size : 1em; /* 16 / 16 */
text-transform:uppercase; }
.captions{ font-size:90%;padding:0.2em 0 0.5em 0; line-height:120%}
.date{ font-size:86%; color:#666666 !important;padding:0 0 0.5em 0;}
.counterViews{ font-size:80%;padding:0.2em 0 0.5em 0; line-height:110%}
/* TYPOGRAPHY ============================================================================= */
p, ol, ul, dl, address {
margin-bottom : 1em;
font-size : 1em; /* 16 / 16 = 1 */ }
p {
hyphens : auto; }
p.introtext {
font-size: 1.375em; /* 22 / 16 */
line-height: 1.4em;
}
p.center {
text-align: center;
}
ul,
ol {
margin : 1.5em 0;
padding : 0 18px 0 18px; }
li ul,
li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }
li{ list-style-position:inside; margin:12px;}
dl,
dd {
margin-bottom : 1.5em; }
dt {
font-weight : normal; }
b, strong {
font-weight : bold; }
hr {
display : block;
margin : 1em 0;
padding : 0;
height : 2px;
border : 0;
border-top : 2px #ccc dotted;
}
small {
font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline; }
sup {
top : -.5em; }
sub {
bottom : -.25em; }
q {
  quotes: "“" "”" "‘" "’";   
}
q:before {
    content: open-quote;font-size:250%; vertical-align: -50%;
}
q:after {
    content: close-quote;font-size:250%; vertical-align: -50%;
}
/* LINKS ============================================================================= */
a {
color : #2c667e;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}
a:visited {
color : #6ba5bd; }
a:focus {
outline : thin dotted;
color : rgb(0,0,0); }
a:hover,
a:active {
outline : 0;
color : #2c667e;
}
input.submitbtn {
float:left; display: block;
background: #2c667e; /* Old browsers */
background: -moz-linear-gradient(top, #2c667e 33%, #6ba5bd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#2c667e), color-stop(100%,#6ba5bd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2c667e 33%,#6ba5bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2c667e 33%,#6ba5bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2c667e 33%,#6ba5bd 100%); /* IE10+ */
background: linear-gradient(to bottom, #2c667e 33%,#6ba5bd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 2px 2px 0px #d4d4d4;
-moz-box-shadow:0px 2px 2px 0px #d4d4d4;
box-shadow: 0px 2px 2px 0px #d4d4d4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0px 1px 0px #fff;
padding: 0.5em 1em;
display: block;
border: #93c1e6 1px solid;
color: #1a3d5e;
}
input.submitbtn:hover {
background: #e0eaf3; /* Old browsers */
background: -moz-linear-gradient(top, #2c667e 0%, #6ba5bd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c667e), color-stop(100%,#6ba5bd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2c667e 0%,#6ba5bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2c667e 0%,#6ba5bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2c667e 0%,#6ba5bd 100%); /* IE10+ */
background: linear-gradient(to bottom, #2c667e 0%,#6ba5bd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c667e', endColorstr='#afcae0',GradientType=0 ); /* IE6-9 */
border: #649cc9 1px solid;
}
footer a {
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer a:visited {
color : #ffffff; }
footer a:focus {
outline : thin dotted;
color : rgb(0,0,0); }
footer a:hover,
footer a:active {
outline : 0;
color : #eeffee;
}
.igul{ font-family:Verdana, Arial, Helvetica, sans-serif;}
/* IFRAME VIDEO ============================================================================= */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden; margin-bottom:1em;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* IMAGES ============================================================================= */
img{
max-width:100%;
width:auto\9;
height:auto;
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic;
}
img.floatleft { float: left; margin: 0 1.25em 1em 0; }
img.floatright { float: right; margin: 0 0 1em 1.25em; }
img.marginright { margin: 0 1.25em 1em 0; }
img.marginleft { margin: 0 0 1em 1.25em; }
.imagedropshadow { border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }
a:hover img.imagedropshadow { border: solid 1px #2c667e; }
.b_donate{ margin-top:18px; width:240px}
.center-cropped {
object-fit: none;
object-position: center;
height: 160px;
width: 290px;
}
.center-cropped-news {
object-fit: none;
object-position: center;
height: 160px;
width: 240px;
}
.center-cropped-news1 {
object-fit: none;
object-position: center;
height: 154px;
width: 154px; margin:6px 12px 6px 0;
}
.services_icons{margin: 12px auto 12px auto;width:128px; height:128px; max-width:128px; max-height:128px;}
.img2leftNcenter{float:left; margin-bottom:10px; margin-right:10px; margin-top:4px; width:240px; max-width:45%;}
.img2rightNcenter{float:right; margin-bottom:10px; margin-left:10px; margin-top:4px; width:240px; max-width:45%;}
/* TABLES ============================================================================= */
table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%;
}
th, td, caption {
padding : .25em 10px .25em 5px; }
tfoot {
font-style : italic; }
caption {
background-color : transparent; }
/* FORMS ============================================================================= */
.form {
margin:10px auto;
max-width: 760px;
padding: 20px 12px 10px 20px;
}
.form li {
padding: 0;
display: block;
list-style: none;
margin: 10px 0 0 0;
}
.form label{
margin:0 0 3px 0;
padding:0px;
display:block;
font-weight: normal; font-size:90%
}
.form input[type=text],
.form input[type=date],
.form input[type=datetime],
.form input[type=number],
.form input[type=search],
.form input[type=time],
.form input[type=url],
.form input[type=email],
textarea,
select{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border:1px solid #BEBEBE;
padding: 7px;
margin:0px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.form input[type=text]:focus,
.form input[type=date]:focus,
.form input[type=datetime]:focus,
.form input[type=number]:focus,
.form input[type=search]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=email]:focus,
.form textarea:focus,
.form select:focus{
-moz-box-shadow: 0 0 8px #88D5E9;
-webkit-box-shadow: 0 0 8px #88D5E9;
box-shadow: 0 0 8px #88D5E9;
border: 1px solid #88D5E9;
}
.form .field-divided{
width: 49%;
}
.form .field-long{
width: 100%;
}
.form .field-select{
width: 100%;
}
.form .field-select-divided{
width: 49%;
}
.form .field-textarea{
height: 100px;
}
.form input[type=submit], .form input[type=button]{
background: #4b99ad;
padding: 8px 15px 8px 15px;
border: none;
color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px; cursor:pointer;
}
.form input[type=submit]:hover, .form input[type=button]:hover{
background: #4691A4;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.form input[type=submit]{background: #2c667e; padding: 18px 15px ;background-image: url(../images/b_bg_donate_e.png);
background-repeat: no-repeat;
background-position: center right; font-size:170%;}
.form input[type=submit]:hover{ background-color: #083C52; color:#fdf2f2;
background-image: url(../images/b_bg_donate_e.png);
background-repeat: no-repeat;
background-position: center right;}
.form .required{
color:red;
}
/* GRID COLUMN SETUP FROM RESPONSIVEGRIDSYSTEM.COM ===================================== */
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 2.5%;
}
.col:first-child { margin-left: 0; }
.colfirst{ margin: 1% 0 1% 0; } /* to fix the first that jump*/
/* GROUPING */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
/* GRIDS */
.span_1_of_2 { width:48.75%; }
.span_2_of_3 { width:65.833333333333%; }
.span_1_of_3 { width:31.666666666667%; }
.span_3_of_4 { width:74.375%; }
.span_2_of_4 { width:48.75%; }
.span_1_of_4 { width:23.125%; }
.span_4_of_5 { width:79.5%; }
.span_3_of_5 { width:59%; }
.span_2_of_5 { width:38.5%; }
.span_1_of_5 { width:18%; }
.span_5_of_6 { width:82.916666666667%; }
.span_4_of_6 { width:65.833333333333%; }
.span_3_of_6 { width:48.75%; }
.span_2_of_6 { width:31.666666666667%; }
.span_1_of_6 { width:14.583333333333%; }
.span_6_of_7 { width:85.357142857143%; }
.span_5_of_7 { width:70.714285714286%; }
.span_4_of_7 { width:56.071428571429%; }
.span_3_of_7 { width:41.428571428571%; }
.span_2_of_7 { width:26.785714285714%; }
.span_1_of_7 { width:12.142857142857%; }
.span_7_of_8 { width:87.1875%; }
.span_6_of_8 { width:74.375%; }
.span_5_of_8 { width:61.5625%; }
.span_4_of_8 { width:48.75%; }
.span_3_of_8 { width:35.9375%; }
.span_2_of_8 { width:23.125%; }
.span_1_of_8 { width:10.3125%; }
.span_8_of_9 { width:88.611111111111%; }
.span_7_of_9 { width:77.222222222222%; }
.span_6_of_9 { width:65.833333333333%; }
.span_5_of_9 { width:54.444444444444%; }
.span_4_of_9 { width:43.055555555556%; }
.span_3_of_9 { width:31.666666666667%; }
.span_2_of_9 { width:20.277777777778%; }
.span_1_of_9 { width:8.8888888888889%; }
.span_9_of_10 { width:89.75%; }
.span_8_of_10 { width:79.5%; }
.span_7_of_10 { width:69.25%; }
.span_6_of_10 { width:59%; }
.span_5_of_10 { width:48.75%; }
.span_4_of_10 { width:38.5%; }
.span_3_of_10 { width:28.25%; }
.span_2_of_10 { width:18%; }
.span_1_of_10 { width:7.75%; }
/* quarters */
.span_1_of_4:nth-child(4n+1),
.span_2_of_8:nth-child(4n+1) { clear:both; margin-left:0; }
/* thirds */
.span_1_of_3:nth-child(3n+1),
.span_2_of_6:nth-child(3n+1),
.span_3_of_9:nth-child(3n+1) { clear:both; margin-left:0; }
/* halves */
.span_1_of_2:nth-child(odd),
.span_2_of_4:nth-child(odd),
.span_3_of_6:nth-child(odd),
.span_4_of_8:nth-child(odd),
.span_5_of_10:nth-child(odd) { clear:both; margin-left:0; }

/* GENEWRAL YONI */
.spacer{border-bottom: 2px #ccc dotted;
margin: 1.5em 0 1em 0;}
.spacer4stuff {
    border-bottom: 1px #ccc dotted;
    margin: 0 0 0.6em 0; 
	padding: 0 0 0.6em 0; 
}	
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 100%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 100%;
}
.span_1_of_3 {
width: 100%;
}
}
/* GO TO TWO COLUMNS LESS THAN 768 PIXELS */
@media only screen and (max-width: 768px) {
.span_1_of_4 {
width: 48.75%;
}
.span_1_of_4:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 100%;
}
.span_2_of_4 {
width: 100%;
}
.span_1_of_4 {
width: 100%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 100%;
}
.span_3_of_5 {
width: 100%;
}
.span_2_of_5 {
width: 100%;
}
.span_1_of_5 {
width: 100%;
}
}
/* GO TO TWO COLUMNS LESS THAN 768 PIXELS */
@media only screen and (max-width: 768px) {
.span_1_of_6 {
width: 31.666666666667%;
}
.span_1_of_6:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_6_of_6 {
width: 100%;
}
.span_5_of_6 {
width: 100%;
}
.span_4_of_6 {
width: 100%;
}
.span_3_of_6 {
width: 100%;
}
.span_2_of_6 {
width: 100%;
}
.span_1_of_6 {
width: 100%;
}
}
/* MAIN LAYOUT ============================================================================= */
#wrapper {
width: 100%;
position: relative;
text-align: left;
}
#headcontainer {
width: 100%;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
header {
clear: both;
width: 960px; /* 80% 1000px / 1250px */
max-width: 60em; /* 75em 1200px / 16 */
margin: 0 auto;
padding: 0px;
position: relative;z-index:9999;
color: #003a52;
}
#logo {
float:left;
margin: 1em 0 0.2em 0;
width: 70%;
}
#topright {
float:right;
margin: 0;
width: 30%;
}
#flags {
float:right;
text-align: left;
margin: 0.1em 0 0 0;
}
#flags td, #flags table {
padding: 2px; margin:0; }
#topcontact {
float:right;
text-align: right;
margin: 0 0 0 0;
font-size:120%; font-style:italic;
}
nav {
float:right;
text-align: right;
margin: 0 0 0 0; position:relative;
}
/* ===================== */
/* New Menu */
/* ===================== */
.mainNav { position:relative; text-align: left; float: left; }
.mainNav ul { margin:0.5em 0 0 0; padding:0; }
.mainNav li { display: block; float: left; position: relative; padding: 0.4em 0 0.4em 0.4em; margin: 0 0 0 0.4em ; text-align:left;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; }
.mainNav li a { padding: 0.5em 0 0.5em 0.5em; display: block; outline:0; text-decoration:none; color:#333; }
.mainNav li a:hover { color:#ffffff; }
.mainNav li a.drop { padding-right:16px; background:url("images/drop.png") no-repeat 98% 1em; }
.mainNav li:hover a.drop { background:url("images/drop.png") no-repeat 98% 1em; }
.menuToggle , .lang4menu, #lang4menu { display:none; }
/* Dropdown Styles */
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
zoom:1;
margin:4px auto;
position:absolute;
display:none; /* Hides the drop down */
text-align:left;
padding:4px 6px;
border-top:none;
background:#2c667e;
}
.dropdown_1column {width: 200px;}
.dropdown_2columns {width: 420px;}
.dropdown_3columns {width: 620px; }
.dropdown_4columns {width: 820px;}
.dropdown_5columns {width: 1020px;}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
display:inline;
float: left;
position: relative;
padding: 4px;
line-height: 1.3em;
}
.col_1 {width:190px;}
.col_2 {width:390px;}
.col_3 {width:590px;}
.col_4 {width:790px;}
.col_5 {width:990px;}
.mainNav li:hover {
color: #2c667e;
}
.mainNav li.hassub { padding-right:1em; border-radius:8px 8px 0px 0px;}
.mainNav li.hassub:hover {
background: #2c667e; border-radius:8px 8px 0px 0px;
}
.mainNav li a.hug { color:#2c667e;}
.mainNav li a.hug:hover { color:#ffffff;}
.mainNav li:hover a.drop {
color: #2c667e:
}
.activeNavLink {
color: #cccccc;
}
.mainNav li:hover .dropdown_1column,
.mainNav li:hover .dropdown_2columns,
.mainNav li:hover .dropdown_3columns,
.mainNav li:hover .dropdown_4columns,
.mainNav li:hover .dropdown_5columns {
left:0px;
top:2.4em;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);
border-radius:0px 8px 8px 8px;
display:block;
position: absolute;
}
.mainNav li ul {
list-style:none;
padding:0;
margin:0 0 0px 0;
}
.mainNav li ul li {
position:relative;
background: none;
margin:0;
padding: 0px;
border: 0;
float:none;
text-align:left;
}
.mainNav li ul li a {
padding: 2px 1px 2px 0.5em;
font-size: 0.9375em;
color:#fff;
text-shadow:1px 1px 0px #2c667e;
}
.mainNav li ul li a:hover {
color: #ffccff;
text-shadow:none;
}
#topimagecontainer {
width: 100%;
float:none;
background: #ffffff;
border: none;
}
#topimage{
clear: both;
position: relative;
color: #fff;
line-height: 1.5em;
border: none;
}
#breadcrumbcontainer {
width: 100%;
margin:0 0 0.2em 0;
}
#breadcrumb {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 85.71em; /* 1200px / 14 */
font-size: 0.875em; /* 14 / 16 */
margin: 0 auto;
color: #333;
line-height: 1.5em;
}
#breadcrumb a:link, #breadcrumb a:visited { font-weight:bold; color: #2c667e; text-decoration: none; }
#breadcrumb a:hover { color: #2c667e; text-decoration: underline; }
#breadcrumb ol {
list-style-type:none;
margin:0;
padding:0;
}
#breadcrumb li {
float:left;
padding:0.8em 0.6em 0.8em 1em;
margin:0;
background:url(images/breadcrumb-arrow.png) no-repeat left center;
}
#breadcrumb li:first-child { padding-left:0; background:none; }
#maincontentcontainer {
width: 100%;
background: #fff;
}
#maincontent {
clear: both;
width: 960px; /* 80% 1000px / 1250px */
max-width: 60em; /* 85.71em 1200px / 14 */
margin: 0 auto;
padding: 1em 0;
color: #333;
line-height: 1.5em;
}
#clientscontainer {
width: 100%;
background: #fff;
}
#clients {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 85.71em; /* 1200px / 14 */
margin: 0 auto;
font-size: 0.875em; /* 14 / 16 */
padding: 1em 0;
color: #333;
text-align: center;
}
#footercontainer {
width: 100%;
background: #eee;
background: rgba(102, 102, 102, 0.10);
}
footer {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 85.71em; /* 1200px / 14 */
margin: 0 auto;
font-size: 0.875em; /* 14 / 16 */
padding: 1.5em 0;
color: #333;
}
footer a:link, footer a:visited { color: #333; text-decoration: none; }
footer a:hover { color: #333; text-decoration: underline; }
ul.pagefooterlist {
display: block;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
width:100%;
}
ul.pagefooterlist li {
clear: left;
margin: 0px;
padding: 0px 0px 3px 0px;
display: block;
line-height: 1.5em;
font-weight: normal;
background: none;
}
#sharecontainer {
width: 100%;
background: #eee;
background: rgba(102, 102, 102, 0.10);
}
#share {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 85.71em; /* 1200px / 14 */
margin: 0 auto;
font-size: 0.875em; /* 14 / 16 */
padding: 1em 0 0.5em 0;
color: #333;
text-align: center;
}
div.addthis_toolbox {
width: 220px;
margin: 0 auto;
}
#pagebottomcontainer {
width: 100%;
background: #333;
background: rgba(0, 0, 0, 0.8);
}
#pagebottom {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 85.71em; /* 1200px / 14 */
margin: 0 auto;
font-size: 0.875em; /* 14 / 16 */
padding: 2em 0 0 0;
color: #ccc;
text-align: center;
}
#pagebottom a:link, #pagebottom a:visited { color: #ccc; text-decoration: underline; }
#pagebottom a:hover { color: #ccc; text-decoration: underline; }
#pagebottomcontact {
clear: both;
width: 960px; /* 80% 1000px / 1250px */
max-width: 60em; /* 75em 1200px / 16 */
margin: 0 auto;
padding: 0;
color: #ccc;
text-align: center;
}
#pagebottomcontact img {
display: inline;
margin-right: 10px;
}
#pagebottomcontact p {
font-size: 1.5em;
line-height: 32px;
text-align: left;
}
#pagebottomcontact .col:first-child p{
text-align: right;
}
#pagebottomcontact a:link, #pagebottomcontact a:visited { color: #ccc; text-decoration: none; }
#pagebottomcontact a:hover { color: #ccc; text-decoration: underline; }
#pagebottomnewsletter {
clear: both;
width: 960px; /* 80% 1000px / 1250px */
max-width: 60em; /* 75em 1200px / 16 */
margin: 0 auto;
padding: 0;
color: #ccc;
text-align: center;
}
#pagebottomnewsletter label {
float: right;
}
#pagebottomnewsletter input#mc-embedded-subscribe {
float: left;
margin-top: 5px;
}
#smallprint {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 92.31em; /* 1200px / 13 */
margin: 0 auto;
font-size: 0.8125em; /* 13 / 16 */
padding: 0.5em 0;
color: #999;
text-align: center;
}
#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
#smallprint a:hover { color: #ccc; text-decoration: none; }
#creditscontainer {
width: 100%;
background: #111;
background: rgba(0, 0, 0, 0.9);
}
#credits {
clear: both;
width: 80%; /* 1000px / 1250px */
max-width: 100em; /* 1200px / 12 */
margin: 0 auto;
font-size: 0.75em; /* 12 / 16 */
padding: 1em 0 0 0;
color: #ccc;
text-align: center;
}
#credits a:link, #credits a:visited { color: #ccc; text-decoration: none; }
#credits a:hover { color: #fff; text-decoration: none; }
/* LINE DIVIDERS ============================================================================= */
.linedivider {
background: url(images/linedividerback.png) repeat-x 0 0.5em;
}
.linedivider span {
background: #fff;
padding: 0 15px;
}
/* PAGE FEATURES ============================================================================= */
.pagefeature{
background: #dddddd;
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
background: -moz-linear-gradient(top, #dddddd, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
padding: 1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pagefeature h3 { font-weight:bold; color:#222; }
.pagefeatimage { padding-bottom:0.5em; }
/* SIDE FEATURES ============================================================================= */
.sidefeature{
background: #dddddd;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
background: -moz-linear-gradient(top, #eeeeee, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
padding: 1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.mmbg{background-image: url(https://jewishpsychology.org/images/maamr_mordechi_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
  /*  background-attachment: fixed; */
    background-size: cover;
    }
.sidefeature h3 { margin-top: 0,5em; font-weight:bold; color:#222; }
.sidefeature { padding-bottom:0.5em; }
.sidefeature.nbg{ background:none; padding:0; border:0;
}
strong.blogheader {
background: #fff;
display: inline-block;
margin: 0 0 0.5em 0;
padding: 0 0.3em;
font-size: 0.8em;
color: #999;
text-transform: uppercase;
}
.share_page { float:left; width:100%; margin:1em 0; }
.share_item { width: 100%; padding:0.5em 0 1em 0; }
.share_item ul { float:left; clear:left; list-style-type:none; margin:0; padding:0 1.3em 0 0; }
.share_item li { float:left; margin:0; padding:0;}
.share_item strong { float:left; padding:0 1.3em 0.7em 0em; }
h4.EventDate { margin-bottom:1em; }
/* NEWS ============================================================================= */
ul.news { float:left; width:100%; list-style-type:none; margin:0; padding:0; }
ul.news li { float:left; width:100%; border-bottom:2px #ccc dotted; padding:1em 0 1.5em 0;}
.newsdate { color:#666666; font-weight: normal; padding:0 0 0.2em 0; font-size:90%; line-height:90%; }
.newsimg { padding:0 0 1em 0; }
.newsthumbnail { float:left; margin:0 0.75em; width:25%; }
.newsthumbnailSmall { margin:0 0.75em 0 0; }
.mainimage { width:33%; }
.newstext { float:left; width:70%; }
/* STAFF =============================================================================== */
.staffimg {
margin-right:6px;float:left;
}
.rounded_img {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
}
li.staff {list-style:none;}
/* ENDORS appreciation =============================================================================== */
.endors td {
vertical-align:top;
}
/*.endors img { display:block; clear:both; text-align:center; float:none; border:none;
}*/
/* RESOURCES ============================================================================= */
.resource-nav .active { font-weight:bold; color:#000;}
.resource img { float:left; margin:0 1em 0 0; }
.resource small { font-size:0.8em; }
.resource .button { margin-top:1em; }
/* CASE STUDIES ============================================================================= */
ul.case-studies { float:left; width:100%; list-style-type:none; margin:0; padding:0; }
ul.case-studies li { float:left; width:100%; border-top:2px #ccc dotted; padding:1em 0 1.5em 0;}
ul.case-studies li img { float:right; width:100px; }
/* SPECIALISTS ============================================================================= */
ul.specialists { float:left; width:100%; list-style-type:none; margin:0; padding:0; }
ul.specialists li { float:left; width:100%; border-top:2px #ccc dotted; padding:1em 0 1.5em 0; }
.specialist-image { float:left; margin:0 1em 1em 0; border:4px #eee solid; }
ul.specialists li .specialist-image { width:25%; margin:0 3% 0 0; }
.specialist-text { float:left; width:50%; }
/* COURSES ============================================================================= */
#training-table {
width:100%;
border:1px solid #ccc;
}
tr.training-table-headers {
background:#ddd;
border-bottom:1px solid #ccc;
}
#training-table tr.training-table-headers th{
margin:0px;
padding:0.3em 1em;
border-right:1px solid #ccc;
color:#060;
font-weight:bold;
text-align:left;
}
#training-table tr.training-table-rows {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#000;
}
#training-table tr.training-table-rows:hover {
background:#eee;
color:#000;
}
#training-table tr.training-table-rows td{
margin:0px;
padding:0.3em 1em;
border-right:1px solid #ccc;
text-align:left;
}
/* CASE STUDY ============================================================================= */
.case-study-wrap blockquote { float:right; clear:right; width:36%; border-top:6px solid #2c667e; padding:1em; font-size:1.2em; line-height:1.4; margin:0 0 1em 1em; }
.casestudy-logo { float:right; }
.casestudy-intro { font-size:1.3em; line-height:1.4; color:#000; }
.what-the-customer-said blockquote { background:#2c667e; color:#fff; position: relative; border-radius:8px; font-size:1.1em; padding:1em 1.5em 1.5em 1.5em; }
.what-the-customer-said blockquote p:last-child { margin:0; padding:0; }
.what-the-customer-said blockquote:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.what-the-customer-said blockquote:after { border-color: rgba(136, 153, 17, 0); border-top-color: #2c667e; border-width: 20px; left: 50%; margin-left: -20px; }
/* SEMINARS ============================================================================= */
.seminar-terms li { padding:0 0 1em 0; }
.venue-details { background:#2c667e; padding: 1em; margin-bottom:1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; color:#fff; color:rgba(255,255,255,0.7); }
.venue-details h4, .venue-details b, .venue-details a { color:#fff; }
/* COLUMNS ============================================================================= */
.twocolumns{
-moz-column-count: 2;
-moz-column-gap: 2em;
-webkit-column-count: 2;
-webkit-column-gap: 2em;
column-count: 2;
column-gap: 2em;
}
/* TESTIMONIALS BUBBLES ============================================================================= */
.testimonial-carousel { }
.speechbubble {
position:relative;
padding:1em;
margin:0;
color:#000;
background:#eeeeee;
font-style: normal;
text-align:left;
/* css3 */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
/* display of quote author (alternatively use a class on the element following the blockquote) */
.speechbubble + p {margin:15px 0 2em 55px; font-style:italic;}
/* creates the triangle */
.speechbubble:after {
content:"";
display:block; /* reduce the damage in FF3.0 */
position:absolute;
bottom:-50px;
left:20px;
width:0;
height:0;
border-width:0 20px 50px 0px;
border-style:solid;
border-color:transparent #eeeeee;
}
/* ICON LINKS ============================================================================= */
a.iconlink { padding-left:14px; background: url(images/icon.png) no-repeat 0 0.25em; }
/* FIND YOUR CENTER ============================================================================= */
.centeredtext {text-align: center;}
/* RESET THE LIST ============================================================================= */
.resetlist { margin:0; padding:0; list-style-type:none; }
/* BUTTONS ============================================================================= */
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #fff;
padding: .4em 1em;
margin: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
background: #2c667e;
background: -webkit-gradient(linear, left top, left bottom, from(#6ba5bd), to(#2c667e));
background: -moz-linear-gradient(top, #6ba5bd, #2c667e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ba5bd', endColorstr='#2c667e');
border: 1px solid #2c667e;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.button:hover {
background: #6ba5bd;
background: -webkit-gradient(linear, left top, left bottom, from(#2c667e), to(#6ba5bd));
background: -moz-linear-gradient(top, #2c667e, #6ba5bd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c667e', endColorstr='#6ba5bd');
color:#fff;
text-decoration: none !important;
}
.button:active {
color: #fff;
position: relative;
top: 1px;
}
.button:visited {
color : #000;
}
.b_more{
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #333;
padding: .4em 1.5em .4em 1em;
margin: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
background: #ffffff;
border: 1px solid #dfdfdf;
float:right;  margin-right:10px; margin-top:4px; vertical-align:bottom;
background-image:url(../images/b_bg_more_e.png); background-repeat: no-repeat; background-position:center right;
}
.b_more:hover{ border: 1px solid #40af13;
}
.b_less{
background-image:url(../images/b_bg_more_h.png); float:left;padding: .4em 1em .4em 1.5em;background-position:center left;
}
.b_read_letter{
background-image:url(../images/b_bg_read_letter_e.png); float:none; margin-left:auto; margin-right:auto;
}
.b_acknowledgement{
background-image:url(../images/b_bg_acknowledgement_e.png);
}
.b_top{
background-image:url(../images/b_bg_top_e.png); float:none;
}
.b_donate{
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #ffffff !important;
padding: 0.4em 1.0em 0.4em 0.7em;
margin: 12 auto 12px auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:12px;
background-color: #2c667e;
border: 1px solid #2c667e;
vertical-align:bottom; font-size:140%;
}
.b_donate:hover{ background-color: #083C52; color:#fdf2f2;
}
/* GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; display:block; width:100%; float:none; }
.txt50{font-size:50%;}
.txt60{font-size:60%;}
.txt70{font-size:70%;}
.txt80{font-size:80%;}
.txt90{font-size:90%;}
.txt100{font-size:100%;}
.txt110{font-size:110%;}
.txt120{font-size:120%;}
.txt130{font-size:130%;}
.txt140{font-size:140%;}
.txt150{font-size:150%;}
.line110{ line-height:110%;}
.line120{ line-height:120%;}
.line130{ line-height:130%;}
.line140{ line-height:140%;}
.line150{ line-height:250%;}
.line4khk{ line-height:250%;}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.linebefore{border-top: 2px #ccc dotted; width:100%;
padding: 1em 0 0.5em 0; margin-top:1em;}
.lineafter{border-bottom: 2px #ccc dotted;
padding: 1em 0 1.5em 0;}
.lineafter2{border-bottom: 2px #ccc dotted;
padding: 0.5em 0 0.5em 0; margin-bottom:1em;}
.lineafter.nfs{border-bottom: 2px #ccc dotted;
padding: 0; }
.fullwidth { width:100% !important; clear:both; }
.thanks { background:#2c667e; color:#fff; padding:0.6em; text-align:center; }
.error { background:#d02828; color:#fff; padding:0.6em; text-align:center; }
/* VENDOR-SPECIFIC ============================================================================= */
html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%; }
.clearfix {
zoom : 1; }
::-webkit-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }
::-moz-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }
::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button; }
::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4; }
input:-moz-placeholder {
font-size : .875em;
line-height : 1.4; }
.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic; }
input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }
input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }
button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0; }
p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }
/* MEDIA QUERIES ============================================================================= */
@media screen and (max-width: 1024px)
{
header, #breadcrumb, #maincontent, #clients, footer, #share, #pagebottom, #smallprint, #credits {
width: 93.75%; /* 960px / 1024px */
}
.mainNav li { padding: 0.4em 0.4em; }
.mainNav li a { padding: 0.5em 0.3em; }
.mainNav li ul li a {
padding: 2px 1px 2px 0.3em;
}
}
@media only screen and (max-width: 960px) {
.line4khk{ line-height:180%;}
h1.donation{ font-size:140%;}
.hide4mobile960{display:none;}
}
@media only screen and (max-width: 800px) {
.newsthumbnail {
float: none;
margin: 0 25% ;
width: 50%; height:auto; text-align:center;
}
.newstext {
float: none;
width: 100%;
}
.line4khk{ line-height:160%;}
}
@media screen and (max-width: 768px)
{
h1.donation{ font-size:120%;}
header {width: 100%;}
#logo {width: 100%; text-align: center; margin:1em 0 0 0;}
#topright {width: 100%; text-align: center;}
#topcontact {width: 100%; text-align: center;font-size:120%; font-style:normal;}
nav {clear:both; width: 100%;}
a.menuToggle { clear: both; cursor:pointer; float:left; display:block; width:100%; text-align:left; background:#2c667e; padding: 9px 0; color:#fff; text-indent:14px; }
a.menuToggle img { float:right; padding: 5px 10px 0 0 ; }
.mainNav { float:left; width:100%; margin-top:1em;}
.mainNav ul { margin:0; }
.mainNav li { background: #cccccc; width:100%; padding:0; margin:0; border-bottom:1px #fff solid; text-indent:10px; }
/* On hover on mobile, o make sure hover state is showing */
.mainNav li a { color:#000; }
.mainNav li ul li { display:block; }
.mainNav li.hassub { padding-right:0; border-radius:0; }
#show_menu ,#flags { display:none; }
.lang4menu ,#lang4menu{ display:list-item;}
/* You can take the drop arrows off now*/
.mainNav li a.drop, .mainNav li:hover a.drop { background:url("images/drop.png") no-repeat 98% 12px; }
{ background:none; }
/* Turn off some styles */
.mainNav li ul li a, .mainNav li ul li a:hover, .mainNav li ul li a:hover { text-shadow:none; color:#000; }
.mainNav li:hover, .mainNav li.hassub:hover { background:none; box-shadow:none; border-radius:0; text-shadow:none; color:#000; }
.mainNav li:hover a { text-shadow:none; color:#000; }
.mainNav li:hover .dropdown_1column,
.mainNav li:hover .dropdown_2columns,
.mainNav li:hover .dropdown_3columns,
.mainNav li:hover .dropdown_4columns,
.mainNav li:hover .dropdown_5columns { margin:0; padding:0;border-radius:0; top:auto; box-shadow:none; position:relative; }
/* Make all the hovers into regular list menus */
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns { top:auto; left:0; padding:0; margin:0; width:100%; border:0; }
.col_1, .col_2,.col_3, .col_4, .col_5 { margin:0; padding:0; width:100%; }
.mainNav li ul li { background: #eeeeee; padding:0; margin:0; text-indent:0; }
/* Make the sublinks slightly smaller */
.mainNav li ul li a { font-size:0.9em; padding:7px 0; text-indent:10px; background:#eeeeee; }
.mainNav li a.drop,
.mainNav li:hover a.drop { }
.activeNav { background: #886611; }
#pagebottomcontact {
width: 768px; /* 80% 1000px / 1250px */
max-width: 100%; /* 75em 1200px / 16 */
}
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: none; }
td {
/* Behave like a "row" */
border: none;
position: relative;
width: 97.5%;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.hide4mobile{display:none !important;}
h3.via{ margin-left:0;}
}
/* Only force show nav over 769px */
@media screen and (min-width: 769px)
{
#show_menu { display:block !important; }
}
@media screen and (max-width: 660px)
{
body { font-size:90%; }
#logo img { width:240px; }
#topcontact { margin:0.4em 0 0 0; color:#003a52;font-size:110%; }
.casestudy-logo { float:left; margin:0 0 1em 0; width:50%;}
.case-study-wrap h1 { clear:both; }
.case-study-wrap blockquote { float:none; width:90%; padding:5%; margin:0.5em 0 1.5em 0; }
.flex-caption-home strong { font-size:1em; }
.flex-caption-home p { display:none; }
.line4khk{ line-height:150%;}
}
@media screen and (max-width: 600px)
{
h1 {
font-size : 2.2em; /* 40 / 16 */
}
.b_donate{ margin-top:16px; width:210px}
.clientscarousel .flex-control-nav { display:none; }
.clientscarousel .flex-direction-nav a { background-image: url(images/bg_direction_nav_dark.png) !important; opacity:1; }
img.imgblock600 { display:block!important; clear:both!important; text-align:center!important; float:none!important; border:none!important; margin: 0 auto 1em auto!important;
}
.img2leftNcenter{float:none; margin:10px; width:100%; max-width:96%;}
}
@media screen and (max-width: 480px)
{
h1 {
font-size : 1.8em; /* 40 / 16 */
}
h2.inh1 {
margin: 0; font-size: 1.55em;
}
#pagebottomcontact .col p{
text-align: center;
}
#pagebottomcontact .col:first-child p{
text-align: center;
}
ul.pagefooterlist li {
text-align: center;
}
#pagebottomnewsletter label {
float: left;
}
.b_donate{ margin-top:14px; width:180px; font-size:130% !important;background-image:url(../images/b_bg_donate2_e.png);}
.hide4mobile{display:none;}
}