body {
margin: 0 auto;
padding: 0;
font: 85% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(../images/global/bg.gif) top center repeat-y;
text-align:center;
}
image {
border: 0;
}
#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 980px;
text-align:left;
}
#content p {
margin: 10px 35px 0 35px; 
}
#content ol, #content ul {
margin: 15px 25px;
}
#content li {
width:100%;
}

/* * * * * * * * *               top image styles */
#pic { 
width: 980px;
}
.pic0 { /* Sunday */
background: url(../images/global/StormyCoast980x210.jpg) top left;
height: 210px;
}
.pic1 {
background: url(../images/global/winterField980x210.jpg) top left;
height: 210px;
}
.pic2 {
background: url(../images/global/GoldenBarley980x199.jpg) top left;
height: 199px;
}
.pic3 {
background: url(../images/global/DarkSkyRockyCoast980x200.jpg) top left;
height: 200px;
}
.pic4 {
background: url(../images/global/BarleySunset980x200.jpg) top left;
height: 200px;
}
.pic5 {
background: url(../images/global/DarkSkyStarryCoast980x210.jpg) top left;
height: 210px;
}
.pic6 {
background: url(../images/global/BarleyAvivAlonJunction980x200.jpg) top left;
height: 200px;
}
/* * * * * * * * *               header div styles */
#header {
clear: both;
padding: 7px 0px 0px 0px;
height: 40px;
}
#header #tos {
font-size: 30px;
font-weight: bold;
color:#555;
width: 450px;
margin:0;
padding: 0 25px;
float: left;
}

#header #scrip {
width: 350px;
float: right;
color: #a0a0a0;
font-size: 0.8em;
line-height: 1.2em;
}

hr.thin-line { 
  border: 0; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  height: 1px; 
  margin-bottom:-5px;
  width:90%;
}

dd {color:#191970;}

/* * * * * * * * *               table styles */
td { 
font : 13px arial,helvetica,geneva,verdana; vertical-align:top;
}
th { 
font : 14px bold verdana,helvetica,geneva,arial; 
color: #fff; 
background-color: #bbb; 
padding-left:5px;
}
/* * * *  bordered table styles */
.bordered { 
border: 1px solid #dddddd; 
border-collapse:collapse;
margin:5px;
width: 90%; 
}
.c2 .bordered { 
width: 100%; 
}
.bordered td { 
padding:3px;
border: 1px solid #dddddd;
text-align:left;
}
.bordered .lbl { 
background-color: #F6FbFf;
width:250px; 
}
.bordered th {
border: 1px solid #ffffff;
}
/* * * *  "bordered" media table styles */

.media td { 
font: 100% Verdana,Tahoma,Arial,sans-serif;  /* same as body *global */
}
.media .w380 {
width:385px;
}
.media .lbl {
width:187px;
text-align:center;
vertical-align:top;
}
.media .leftFloated {
border: 1px solid #777; 
float:left; 
margin:1px 2px 2px 2px;
}
.media .leftFloated p {
text-align:center;
color:#777;
font-size:86%;
}
/* * * *  fStudy table styles */
.fStudy {
border: 1px solid #336699; 
padding: 0px; 
margin: 5px; 
width: 10%;
}
.fStudy th { 
text-align: left;
background-color: #336699; 
color: #fff; 
padding: 1px 3px 1px 3px; 
margin: 0px; 
white-space: nowrap;
}
.fStudy td { 
text-align: left; 
padding: 2px; 
margin: 0px;
}
/* * * *  tbl1 table styles */
.tbl1 {border-collapse:collapse;margin:10px;}
.tbl1  td{border:1px solid #ccc;vertical-align:top;padding:3px;}
.tbl1  th{text-align:center;border: 1px solid #777;}
.tbl1  .label {background-color:#efefef; width:40%;}

/* * * * * * * * *               nav styles */
#nav {
width: 100%;
margin: 0 0 10px 0;
padding: 0;
}
#nav a {
height:17px;	
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
color: #505050;
display: block;
padding: 0 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #cccccc;	
}
#nav a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;	
}
#nav td {
margin: 0;
padding: 0;
width:16%;
}
.navSearch {
width: 10%; 
margin: 5px auto; 
text-align: center;
}
.BVDir {/* * * * * * * * *               Beyond The Veil directory div */
text-align:right;
margin:20px 40px;
}
/* * * * * * * * *               content styles */
#content a {
color: #036;
}	
#content a:hover {
background-color: #D2E7F4;
}
#content a:hover image {
background-color: #fff;
}

/* * * * * * * * *               content header tag styles */
#content h1 {
color: #966;
font: 22px arial,geneva,verdana;
margin: 30px 0 0 50px;
}
#content h2 {	
color: #944;
font: 16px arial,geneva,verdana;
margin-left: 40px;
}
#content h3 { 
color: #922;
font: 14px arial,geneva,verdana;
margin-left: 60px;
}
#content h4 { 
color: #900;
font: 13px arial,geneva,verdana;
margin-left: 80px;
}
/* * * * * * * * *               verse styles */
#content .verse {
font-family: arial,geneva,verdana;
margin: 20px;
padding-right: 15px;
overflow: hidden;  /* this makes the boundary respect the other divs that might be floated. */
}
#content .verseText {
background-color:#355e3b;
border-left: 5px solid #5e3b35;
color:#fff;
margin-left: 20px;
margin-right: 10px;
padding: 5px 5px 5px 12px;
}
#content .verse.alt .verseText {
background-color:#369;
border-left: 5px solid #963;
}
#content .verseReference {	
border-top: 3px solid #5e3b35;
color: #5e3b35;
font-weight: bold;
margin: 0 10px 0 20px;
padding-top: 2px;
padding-right: 5px;
text-align: right;
}
#content .verse.alt .verseReference {
border-top: 3px solid #963;
}

/* verses inside "side bar" blue boxes (should not be wrapping this pair inside the "verse" div) */
#content .dark .verseText {background-color:inherit;border-left: 2px solid #eaeff4;font-style:italic;margin-top:12px;padding-left:5px;}
#content .dark .verseReference {border-top: 1px solid #eaeff4;color:inherit;margin-top:0px;margin-bottom:12px;}

#content .inlineVerseText {
font-family: arial,geneva,verdana;
color:#000;
background-color:#9cf;
font-style: italic;
}

#content .inlineVerseReference {
font-family: arial,geneva,verdana;
font-weight: bold;
color: #555;
}
/* * * * * * * * *               footer styles */
#footer { 
clear: both;
margin: 0 auto;
padding: 5px 0 3px 0;
border-top: 4px solid #f0f0f0;
width: inherit;
text-align: center;
color: #808080;
font-size: 0.9em;
}
#footer a {
color: #808080;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer span {
font-size: 0.8em;
}
#footer span a {
text-decoration: underline;
}

/* * * * * * * * *               form styles */
.button { 
color: White; 
font: bold x-small arial,helvetica,geneva,verdana; 
background: #FEb750; 
border:thin inset black 
}
.formInput { 
border-right: #999999 1px solid; 
border-top: #999999 1px solid; 
font: bold 10px verdana,geneva,arial,sans-serif; 
border-left: #999999 1px solid; 
color: #000000; 
border-bottom: #999999 1px solid; 
background-color: #eeeeee
}

/* * * * * * * * *               misc styles */
.special  {
background-color:#fec983;
}
.paperPageLook  {
border:1px solid #ddd;
font-size:1.2em;
width:90%;
text-align:left;
padding:35px;
margin:10px;
background:url("../images/parchment.gif");
font-family:verdana;geneva,arial;
}
.centered  {
text-align:center;
}
.quoted  {	
color:#228b22;
font-style: italic;
font-family: 'Times New Roman', Times, serif;
font-size:1.2em;
overflow: hidden; 
}
.highlight {background-color:#ffff9f;}

.poem {text-align:center;width:540px;margin:auto;background-color:#369;color: #fff;} 
.poem p {padding:10px;text-align:left;}

.pad10 {padding:10px;}
.margin7 {margin:7px;}
.margin12 {margin:12px;}
.caption {
font-family:verdana,helvetica,geneva,arial;
font-size:11px;color:#444;
margin-top:0px;
}
/* When I began to embed structures in a page, this was conflicting with and overriding my stylesheet fo rtheir display. So, not finding any non-structure page use of the classes, they are commented out. 
.c { 
text-align:center; 
}
.c2 { 
margin:0 auto;
width: 90%;
text-align:left; 
}*/

/* * * * * * * * *               listing div styles for sitemap */
#content .listing {width:465px;
background-color: #369;
text-align:left;
padding-bottom:12px;
}

#content .listing p {margin: 3px;color:#fff;}
#content .listing .L1 {margin-top: 9px;}
#content .listing .L2 {margin-left:10px;margin-top:4px;}
#content .listing .L3 {margin-left:25px;margin-top:4px;}
#content .listing a {background-color: #369;color:#fff;}
#content .listing a:hover {background-color: #036;}
#content .listing .iconDiv {float:right;margin-top:2px;}
.LtCol { margin:0 470px 0 15px;}
.RtCol { float:right; margin-right:15px;}
.listingHeader {text-align:center;background-color: #036;padding:12px;font-size:190%;}
.listingSubHeader {background-color: #036;font-size:120%;padding:13px 15px 10px 30px;position: relative;}
.listingSubHeader .BVimg {z-index:-1;margin-bottom:11px;}
.listingSubHeader .BV1 {font-weight: bold;font-size:15px;position: absolute; top: 16px; left: 40px;}
p.listingSubHeader span {font-size:20px;}
/* * * * * * * * *            End listing div styles */

.div290 {width:290px;border: 1px solid #ccc;background-color:#fff;padding:2px;}
#content .div290 h3 {margin-left:10px;}

.captionedPic {padding:5px;text-align:center;width:306px;background-color:#000;color:#F6FBFF;}
#content .captionedPic a:hover {background-color: #036;}
#content .captionedPic a {color:#D2E7F4 ;}
.captionedPic2 {border: 1px solid #900;float:right;margin:5px 15px;padding:3px;text-align:center;width:120px;background-color:#fff;font : 13px bold verdana,helvetica,geneva,arial; }

.floatLeft {margin:8px;float:left;}
.floatRight {margin:8px;float:right;}
.blueBox {border: 1px solid #369;font-face: arial,helvetica,geneva,verdana,sans-serif;margin:8px;width:300px;}
.float2Left {margin-left:40px;float:left;}
.float2Right {margin-right:40px;float:right;}
.dark {background-color:#369;color:#fff;}
#content .blueBox p {margin: 10px 15px 0 15px;}
#content .dark p a {color: inherit;}	
#content .dark p a:hover {background-color: #036;}

/* * * * * * * * *               extras div styles */
#extras a {
color: #808080;
}
#extras a:hover {
background-color: #D2E7F4;
}

.email {text-align:left;border:1px solid #ccc;width:90%;margin:0 auto;}

.callout {width: 125px;border-top:2px dotted #baa378;border-bottom:2px dotted #baa378;line-height:145%;padding-bottom:2px;background-color:#fff;padding:5px;}/* text-align:justify; */

.callout img {margin:4px;vertical-align:middle;}
.ico {vertical-align: bottom;padding-right:5px;}

@media print {
    BODY, #content td { font-size: .8em; }
	#content p {padding-right:20px; }
	.floatLeft {margin:9px 25px 9px 0;float:left;}
	.floatRight {margin:9px 0 9px 25px;float:right;}
  }