/* BODY AND CONTAINERS */
body {display:block;clear:both; min-width:100%; max-width:200%; background-color: #6699CC; margin:0; padding:0; text-align:left; overflow: visible; }
#container, #pages {width:100%; min-width: 780px; height: auto; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; overflow: visible; word-wrap:no-wrap; }
.articles, .section, div { margin:.0 4px 0 4px; border:black; }
.sideLeft {float:left;}
.sideLnarrow {float:left; width:58%; margin:0; padding:0; }
.sideLextranarrow {float:left; width:15%; }
.sideLmedium {float:left; width:76%; }
.sideRight{float:right;}
.sideRmedium{float:right; width:76%;}
.sideRnarrow{float:right; width:68%; margin:0; padding:0; }
.sideCenter{float:left; width:68%; margin:auto;}
/* GENERAL STYLES */
blockquote { display:inline-block; clear:right; width:60%; }
h1, h2, h3, h4, h5, h6, p, li, img, a, blockquote { font-family: Arial, Helvetica, sans-serif; color:black; font-size:12px; margin:.5em auto; padding:0 auto; }
h1 { display:block; float:left; clear:both; width:100%; font-weight: bold; font-size: 16px; color: purple; font-weight: bold; text-transform:uppercase; text-align:center; }
h2, h2 a { display:block;float:left;clear:both;width:100%; color: purple; font-size: 14px; text-align: center; font-weight: bold; text-transform:uppercase; }
 h1 a, h2 a { color:blue; }
h3, h3 a, h4, h4 a { display: block;  clear: both; width:100%; color: #000066; font-style: italic; text-align: center; }
h3, h3 a {color:purple; }
p, li, li a { text-align:left; }
p.ctr { display:inline-block; clear:both; width:100%; text-align:center; }
p.hideline {visibility: hidden; }
.highlight { display: block; color:green; font-weight: bold; }
.upper { text-transform:uppercase; word-wrap:none; }
.caps1 {text-transform:capitalize; }
.hideThis { visibility: hidden; }
div.hideThis { display: block; width:50%; margin-left:25%; padding:0; clear:both; height:.01em; top:0; visibility: hidden; color: rgba(0,0,0,0); font-size: inherit; line-height: inherit;  font-style: italic; z-index: -10; transition-property:all; transition-duration:1s; -webkit-transition-property:all; -webkit-transition-duration:1s; -moz-transition-property:all; -moz-transition-duration:1s }
div.show { display: block; width:50%; margin-left:25%; padding:0; clear:both; height: 3em; top:0; visibility: visible; color: rgba(0,0,0,1); font-size: inherit; line-height: inherit;  font-style: italic; z-index: 10; transition-property:all; transition-duration:1s; -webkit-transition-property:all; -webkit-transition-duration:1s; -moz-transition-property:all; -moz-transition-duration:1s; }
.style2 {color: #0000FF; visibility: hidden;}
a, a:visited, li a, li a:visited { color: blue; text-decoration: none; text-align: left; }
a:hover, li a:hover {color: green; border: none; text-align: left; }
input { color: black; border: 1px solid #000000; padding: 3px; }
.button { padding: 2px; color:  #000000; font-weight: bold;  }
.submit { color:  black; background-color: #00FF00; font-weight: bold; }
.boxed { display:block; width:80%; margin:1em 10% 3em 10%; border:thin black; }
table { width:80%; margin:1em; color:#000000; background-color:#FFFFDD; border-collapse:separate; }
caption { vertical-align:middle; font-size:1; font-weight:bold; color:#1b2985; }
th { width:9em; height:2em; vertical-align:middle; font-size:large; color:#000000; } 
td { width:9em; vertical-align:text-top; text-align:center; color:#000000; }
.grDay { align:left; padding-right:6em; color:#1b2985; }
.dblue { color:#1b2985; font-weight:normal; }
.lav { color:#FF00FF; }
.prpl { color:purple; font-weight:700; }
.dgreen { color:#090;}
.wMed {width:50%;}
.wNar {width:20%;}
video {width:50%; margin:0 25% 0 25%; }
/* IMAGES */
img { display: inline; margin: 0; padding:1em; clear:none; }
a img{border: none;}
img.lft, img.ctr, img.rt {display:block; float:left; clear:none;}
img.ctr {display:block; clear:both; width:50%; padding: 5px 25% 5px 25%; }
img.ctr2 {display:block; clear:both; width:30%; padding: 5px 35% 5px 35%;}
img.ctr3 {display:block; clear:both; width:100%; clear:both;}
img.lft, img.sideLextranarrow {clear:left; min-width:10%; max-width:20%; margin:0; padding:5px; }
img.rt {float: right; margin:0; padding:0; }
img[title]: {background-color:white; color:darkblue; }
/* HEADER CONTAINER */
#headcon {display: inline-block; float:left; min-width:99%; clear:both; height: auto; margin: 0 auto 0 5px; padding: 0 0; overflow:visible; border-radius: 20px 20px 20px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
/* HEADER */
#header {display: inline-block; float:left; text-align: left; background-color: blue; margin:0 auto 0 5px; padding:0 0;border-radius: 20px 20px 20px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.headImage {display:block; float:left; width:150px; clear:none; margin:0; padding:8px 0 8px 25px; }
/* SITE MENU */
#siteNav {display: inline-block; float-left; z-index:5;width:98%;min-width:800px;padding: 0 auto 0 0;margin:0 auto 0 0;font-family: Arial, Verdana;font-size: 12px;border: 2px solid blue;border-radius: 120px 20px 120px 20px;-moz-border-radius: 120px 20px 120px 20px;-webkit-border-radius: 120px 20px 120px 20px;-ms-border-radius: 120px 20px 120px 20px; text-decoration:none;background-color:#24f;background-image:linear-gradient(white, blue, white);background-image: -webkit-linear-gradient(white, blue, white);background-image:-moz-linear-gradient(white, blue, white); background-image:-ms-linear-gradient(white, blue, white);height:48px;text-align:center;overflow: visible;box-shadow: inset 0px 0px 0px 2px #69f;-webkit-box-shadow: inset 0px 0px 0px 2px #69f; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#siteNav ul {font-family: Arial, Verdana;font-size: 12px;padding:.0;margin: 14px 0 auto 0;list-style: none;color:black;}
#siteNav ul li {display: block;position: relative;float: left;width:100px;padding: 1px;margin:0;valign:middle;font-size: 12px;line-height:14px;text-decoration:none;z-index:10;background-color:gray;}
#siteNav li ul { display: none;padding: 1px;margin:0;transition: all .3s linear ease-in ease-out;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;}
#siteNav ul li a {display: block;position: relative;float: left;width:100px;padding: 1px;margin:0;border:none;z-index:10;text-decoration: none;background-color:#FFFFFF;background-image:linear-gradient(white, #AAA, white);background-image: -webkit-linear-gradient(white, #AAA, white);background-image:-moz-linear-gradient(white, #AAA, white);background-image:-ms-linear-gradient(white, #AAA, white);color: blue;  line-height:14px;text-align:center;transition: all .3s linear ease-in ease-out;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;}
#siteNav ul li a:hover { display: block;position: relative;float: left;padding: 1px;margin:0;color:green;background: #9FF;background-image:linear-gradient(white, #9FF, white);background-image: -webkit-linear-gradient(white, #9FF, white);background-image:-moz-linear-gradient(white, #9FF, white);background-image:-ms-linear-gradient(white, #9FF, white);border:none;}
#siteNav ul li a:visited {display: block;position: relative;float: left;padding: 1px;margin:0;color:blue;}
#siteNav li:hover ul {display: block;padding: 1px;margin:0;position: relative;width:100px;border: none; transition: all .3s linear ease-in ease-out;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;}
#siteNav li:hover li {display: block;padding: 1px;margin:0;border: none; width:100px;font-size: 12px;line-height:14px;}
#siteNav li:hover a { display: block;position: relative;float: left;padding: 1px;margin:0;background: #CCCCCC; }
#siteNav li:hover li a:hover { padding: 1px;margin:0;background: brown; color:white;}
#siteNav ul li ul li a {padding: 1px;margin:0;text-align:left;}
#siteNav ul li a.here, #siteNav ul li a:hover.here, #siteNav ul li a:hover.here, #siteNav li li a.here, #siteNav li:hover li a:hover.here {color:white;background: #CCCCCC;}
/* CONTENT */
#content { display: inline-block; float:left; width: 65%; clear:none; height:auto; margin:0 0 20px 5px; padding:5px; overflow: visible; background-color:#FFFFDD; border:1px solid blue; border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#content.sectioned, #content.articles { display:block; float:left; clear:left; width:60%; margin: 5px; background-color: #FFFFDD; }
#content h3, #content h4 { display: block;  clear: both; color: #000066; font-style: italic; text-align: center; }
#content h3, #content h3 a {text-transform:uppercase; }
#content h3.redColor { color:red; }
#content img.smLink {display:block; float:left; clear:none; }
#content ul, #content li, #content ul li { display:list; clear:right; width:600px; max-width:96%; list-style-position: inside; margin-left: 0; padding-left:0 ; text-align:left; }
#content ul li ul { margin-left:10px; }
div.sttBorder { display: block; float:left; width:50%; height:3em; margin-left:25%; padding: 1em 0 1em 0; text-align:center; font-size:14px; background-image:url(borders/Star_Tallit_Torah.jpg); background-repeat:no-repeat; background-size:100%; background-color:#777777; }
#content a, #content a:hover, #content h2 a, #content h2 a:hover {text-align:inherit;}
/* CONTENT2 (narrow width) */
#content2 {   display: inline-block; float: left; clear:left; font:12px; verdana,arial,sans-serif; margin: 5px; padding:0 10px 0 10px; width: 62%; background-color:#FFFFDD; border:1px outset blue; } 
/* CONTENT3 (large width) */
#content3 {display: inline-block; float: left; clear:left; font:12px; verdana,arial,sans-serif; padding: 0; margin: 5px; width: 65%; background-color:#FFFFDD; border:1px outset blue; }
/* NAVIGATION BAR */
#navbar {display: block; clear: both; width:60%; height: auto; background-color: white; padding: 0px 0px 0px 0px; margin: 0px 20% 0px 20%; text-align: center; vertical-align: bottom; }
#navbar p {color: #FF0000; background-color: white; font-style: oblique; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;font-size: 90%; }
#navbar p a {display: inline; color: blue; font-size: 90%; background-color:white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#navbar p a:hover {display: inline; color: #000000; font-size: 90%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* HISTORY TIMELINE */
#mainContent { display: block; width: 100%; float: left; margin: 0; padding: 0; height: auto; clear: none; }
#timeLine {display:block;z-index:5;width:100%;background-color:#FFFFDD;float:left;padding: 0;margin:0;font-family: Arial, Verdana;font-size: 12px;text-align:center;}
#timeLine ul {display:inline-block;font-family: Arial, Verdana;font-size: 12px;width:100%;padding:.0;margin: .0;list-style: none;color:black;background-color:#FFFFDD;text-align:center;}
#timeLine ul li {display: inline-block;width:100%;position: relative;float: left;padding: 0;margin:0;valign:middle;z-index:10;color:purple;background-color:#FFFFDD;text-align:center;}
#timeLine li ul { display: none;width:100%;padding: 0;margin:0;background-color:#FFFFDD;}
#timeLine ul li a {display: inline-block;width:100%;position: relative;float: left;padding: 0;margin:0;border:none;z-index:10;color:purple;background-color:#FFFFDD;text-align:center;}
#timeLine ul li a:hover { display: inline-block;width:100%;position: relative;float: left;padding: 0;margin:0;text-align:center;background-color:#FFFFDD;}
#timeLine ul li a:visited {display: inline-block;width:100%;position: relative;float: left;padding: 0;margin:0;text-align:center;tbackground-color:#FFFFDD;}
#timeLine li:hover ul {display: inline-block;width:100%;padding: 0;margin:0;position: relative;text-align:center;border: none;background-color:#FFFFDD;}
#timeLine li:hover li {display: inline-block;width:50%;float:left;padding: 10px 1%;margin:0 24% 0 24%;border: none; font-size: 12px;color:black;background-color:white;text-align:left;}
#timeLine li:hover a { display: inline-block;width:100%;position: relative;float: left;padding: 0;margin:0;text-align:center;background-color:#FFFFDD;}
#timeLine li:hover li a:hover { display: inline-block;width:100%;padding: 0;margin:0;background-color:#FFFFDD;color:green;}
#timeLine ul li ul li a {display:inline-block;width:100%;padding: 0;margin:0;text-align:center;color:blue;background-color:#FFFFDD;}
#timeLine h3.yrs { display: inline-block; float:left; width:100%;  background-color: #CFF; text-align:center; font-size:14px; font-weight: bold; line-height: 16px; padding: 0; margin: 0;  }
/*PSALMS*/
table.psalms, h1.psalms {display:block; float:left;width:80%; margin:1em;padding:0;}
th.psalms, td.psalms {width:35%;text-align:left;padding:.2em 3em;}
th.psalmsHeb, td.psalmsHeb {width:35%;text-align:right;padding:.2em 3em;font-size:130%;}
h1.psalms {text-align:center;}
span.psalmsHeb {font-size:130%;}
/* SIDEBAR */
#sidebar {display:inline-block; float:left; clear:none; width:32%; color: #CFF; background-color: #FFFFEE; margin: 0; padding: 0 2px; text-align: center; overflow: visible; font-size:10px; line-height:12px; border:1px solid blue; border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
div.sectioned, #sidebar.articles {display:block; width:99%; clear:both; margin:0; padding:0; }
div.articles {border:black; }
#related { display:block; float:left; clear:both; width:97%; margin:0 1% 0 1%; padding:0; border: 3px inset gray; font-size: 10px; line-height:12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#sidebar.articles p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar p, #sidebar li, #sidebar a, #sidebar[br] {
 font-family: Arial, Helvetica, sans-serif; margin:5px 0 5px 0; line-height: 12px; }
#sidebar h1 {color:purple; font-size:11px; font-weight:600; }
#sidebar h2, #sidebar h2 a {color:#5555CC; font-size:11px; font-weight:550; }
#sidebar h3, #sidebar h3 a, #sidebar h4, #sidebar h4 a { display: block;  clear: both; color: #000066; font-style: italic; text-align: center; }
#sidebar p { text-align: center; padding:0; }
#sidebar img {margin:10px 0 10px 10px; padding:0; } 
#sidebar img.midL {min-width:10%; max-width:20%; margin:5px 0 auto 0; }
#sidebar a, #sidebar a:hover {text-align:inherit;}
.sideRnarrow p {width:90%; margin:0 4%; }
.sideRnarrow h2, .sideRnarrow h3, .sideRnarrow h4 {width:90%; margin: 10px 4%; padding: 0; }
.sideRmedium p {width:60%; margin-left: 10%; }
.sideRmedium img {margin-right:10%; }
a.paperless {background-color: #d1ec4c;border: 2px #d1ec4c outset;padding: 1px 4px;
color: black;text-decoration: none;font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
a.paperless:visited{color: black;}
a.paperless:hover{border-style: inset;background-color: #e3f48e;padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/}
a.paperless:active{color: white;}
/* FORM */
form, #tbz {display: block;  float: left; width:90%; margin-left:5%;  clear: none;  font:12px verdana,arial,sans-serif;  padding: 0;  line-height:14px;  background-color: #CFF; valign:top; }
#tbz, fieldset {margin: 0;  border-color: #000000; border-width: 1px;  border-style: solid;  padding: 1em;margin: 0;}
#tbz fieldset legend { font-size:12px; valign:top; }
/* FOOTER */
 #footer { display: block; clear: both; margin-top: 10px; clear: both; background-color:#FFFFDE;  padding: 0; text-align: center; font-size: 10px;  }
#footer p { font-size:10px; }
#footer p.linked { color: #000000; background-color:#FFFFDE; margin:0; padding: 0; font-size: 10px;  }
#footer a, p.linked, #footer a:visited { color:#0000FF; background-color:#FFFFDE; margin:0; padding: 0;text-decoration: none; border:none; font-size: 10px; }
#footer a:hover {color:green}
body { background-color: rgba(60,90,255,0.3); }
.hideMe { display:none;}
#content section.ctr, #content section.ctr p {text-align:center; }