/* **************************************** */
/* ------------ General Styles ------------ */
/* **************************************** */
body {
	background-image: url(images/bkgnd.png);
	background-attachment: fixed;
	background-color: #36393D;
	margin: 10px 0;
	padding:0; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
}

/* **************************************** */
/* ---------------- Layout ---------------- */
/* **************************************** */
/* solution for both columns filling the content height: */
/* http://www.alistapart.com/articles/multicolumnlayouts */

#container {
	width:900px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}
div#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
/* 	background-color: #c00000; */
	text-align: center;
}


div#content {
	width:900px;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

div#leftcontent {
	padding: 10px;
	margin: 0 0 0 5px;
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 0.95em;
	text-align: justify;
	width:620px;
	border-right:150px solid white;
	/* The width and color of the rail */
	margin-right:-150px; /* Hat tip to Ryan Brill */
	float:left;
}

div#footer {
	height: 30px;
	padding: 10px;
	border-top: 1px solid #c00000;
	margin-top: 10px;
}

/* ******************************************* */
/* ---------------- SIDEBAR ------------------ */
/* ------------ Snazzy Corners --------------- */
/* http://www.cssplay.co.uk/boxes/snazzy2.html */
/* ******************************************* */

.zsnazzy {
	float:left;
	width: 225px;
	margin: 20px 10px 0 5px;
	padding: 10px 5px;
}
.zsnazzy p {
	margin:0;
	padding:5px 0;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #c00000; border-right:1px solid #c00000;}
.xb1 {margin:0 5px; background:#c00000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #c00000; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

/* **************************** */
/* ----- Sidebar Internal ----- */
/* **************************** */
div.element {
	border-bottom: 1px dotted #36393D;
	padding: 10px 10px;
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 0.9em;
}
div.element img {border: 0;}

div.element h2 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	margin: 5px 0 0 0;
}
div.element p {
	
}
div.element blockquote {
	margin: 0 0 0 1em;
}

/* **************************************** */
/* ---------- MAIN PAGE LAYOUT ------------ */
/* ----------- Spiffy Corners ------------- */
/* ----- http://www.spiffycorners.com ----- */
/* **************************************** */
.spiffy{display:block;}
.spiffy *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#ffffff;
}
.spiffy1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #8c8e90;
	border-right:1px solid #8c8e90;
	background:#cccdce;
}
.spiffy2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #4a4c50;
	border-right:1px solid #4a4c50;
	background:#d8d9da;
}
.spiffy3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #d8d9da;
	border-right:1px solid #d8d9da;
}
.spiffy4{
	border-left:1px solid #8c8e90;
	border-right:1px solid #8c8e90;
}
.spiffy5{
	border-left:1px solid #cccdce;
	border-right:1px solid #cccdce;
}
.spiffyfg{background:#ffffff;}


/* ********************************************************************* */
/* ----------------------- NAVIGATION MENU ----------------------------  */
/* The original version of this stylesheet and the associated (x)html    */
/* is available at http://www.cssplay.co.uk/menus/pro_dropline2-5.html   */
/* Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.            */
/* This stylesheet and the associated (x)html may be modified in any     */
/* way to fit your requirements.                                         */
/* ********************************************************************* */
.menu {
	height:36px; 
	position:relative; 
	font-family:arial, verdana, sans-serif; 
	font-size:12px;
	z-index:500;
	background:url(images/blank_bw.gif);
	border-top: 1px solid #c00000;
	margin-left:0; 
}

.menu .select {
	margin:0 0 0 7px; 
	padding:0 0 0 20px; 
	list-style:none; 
	white-space:nowrap;
}

.menu li {
	float:left;
	background:url(images/blank_over_bw.gif);
}
.menu .select a {
	display:block; 
	height:36px; 
	float:left; 
	background: url(images/blank_bw.gif); 
	padding:0 0 0 15px; 
	text-decoration:none; 
	line-height:25px; 
	white-space:nowrap; 
	color:#ddd;
}

.menu .select a b {
	display:block; 
	padding:0 30px 10px 15px; 
	background:url(images/blank_bw.gif) right top;
}

.menu .select a:hover, 
.menu .select li:hover a {
	background: url(images/blank_over_bw.gif); 
	padding:0 0 0 15px;
	line-height:27px;
	cursor:pointer; 
	color:#fff;
}

.menu .select a:hover b, 
.menu .select li:hover a b {
	display:block; 
	padding:0 30px 9px 15px; 
	background:url(images/blank_over_bw.gif) right top; 
	cursor:pointer;
}

.menu .sub {
	display:none;
}

/* IE6 only */
.menu table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
}
.menu .sub {
	margin:0; 
	padding:0 0 0 60px;
	list-style:none;
	z-index:200;
}
.menu .sub li {background:transparent;}
.menu .select :hover .sub {
	height:25px;
	display:block; 
	position:absolute;
	width:150px;
	top:28px; 
	left:0; 
	text-align:center;
}
.menu .sub#personaldrop {
	margin-left: 115px;
}
.menu .sub#prodrop {
	margin-left: 235px;
}
.menu .sub#judaismdrop {
	margin-left: 350px;
}
.menu .sub#miscdrop {
	margin-left: 560px;
}

.menu .select :hover .sub li a {
	display:block;
	height:18px;
	line-height:16px;
	background:url(images/transparent.gif) right top; 
	background-color: white;
	padding: 5px 16px 0 16px;
	margin:0;
	white-space:nowrap;
	border:1px solid #c00000;
	border-color:#ddd #777 #666 #ddd;
	color:#36393D;
	font-size:12px;
	width:150px;
}

.menu .select :hover .sub li a:hover {
	color:#c00000;
	background:#e8e8e8;
	border-color: #fff #333 #000 #fff;
	line-height:15px;
}

.menu .select :hover .sub li {
	width:150px;
	background-color: white;
}

/* ---- Sub-menus ---- */
.menu .sub2 {
	display:none;
}

/* IE6 only */
.menu table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
	color: white;
}
.menu table td.sub2td {
	color: white;
}
.menu .sub2 {
	margin:0; 
	padding:0 0 0 60px;
	list-style:none;
	z-index:200;
	color: white;
}
.menu .sub li {background:transparent;}
.menu .select .sub :hover .sub2 {
	height:25px;
	display:block; 
	position:absolute;
	width:150px;
	left:180px; 
	text-align:center;
}
.menu .select .sub :hover .sub2 li a {
	display:block;
	height:18px;
	line-height:16px;
	background:url(images/transparent.gif) right top; 
	background-color: #5c5c5c;
	color: white;
	padding: 5px 16px 0 16px;
	margin:0;
	white-space:nowrap;
	border:1px solid #c00000;
	border-color:#ddd #777 #666 #ddd;
	font-size:12px;
	width:150px;
}

.menu .select .sub :hover .sub2 li a:hover {
	color:#c00000;
	background:#e8e8e8;
	border-color: #fff #333 #000 #fff;
	line-height:15px;
}

.menu .select .sub :hover .sub2 li {
	width:150px;
	background-color: white;
}


/* **************************************** */
/* ---------------- Footer ---------------- */
/* **************************************** */
p.copyright {
	text-align: center;
	font-size: 0.6em;
	line-height: 1.2em;
	margin: 0;
	font-family: "Verdana", "Arial", sans-serif;
}
/* img#cc {
	border: 0;
	vertical-align: top;
} */

/* **************************************** */
/* --------- Headings in Content ---------- */
/* **************************************** */

#leftcontent h1 {
	text-align: center;
	margin: 4px 0;
	font-size: 1.4em;
	font-family: "Verdana", "Arial", sans-serif;
	color: #36393D;
}
#leftcontent h2 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1.2em;
	margin: 12px 0 2px 0;
	border-bottom: 1px solid #c00000;
	color: #36393D;
}
#leftcontent h3 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1em;
	margin: 12px 0 2px 0;
	border-bottom: 1px solid #c00000;
	color: #36393D;
}
#leftcontent h4 {
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 1em;
	font-style: italic;
	margin: 12px 0 2px 0;
	border-bottom: 1px solid #c00000;
	color: #36393D;
}

#leftcontent p {
	margin: 9px 0;
}


/* **************************************** */
/* ----------------- Links ---------------- */
/* **************************************** */
a, a:link, a:active, a:visited {
	color: #B02B2C;
	text-decoration: none;
}

a:hover {
	color: #B02B2C;
	text-decoration: underline;
}

a.outside, a:link.outside, a:active.outside, a:visited.outside {
	color: #356AA0;
	text-decoration: none;
}

a:hover.outside {
	color: #356AA0;
	text-decoration: underline;
}


/* **************************************** */
/* ------------ Glossary Terms ------------ */
/* **************************************** */
p.gloss {
	line-height: 1.2em;
}
span.term {font-weight: bold;}

a.tooltip:link, a.tooltip:visited, a.tooltip:active {
	color: black;
	border-bottom: 1px dashed #36393D;
	text-decoration: none;
}
a.tooltip:hover {
	color: black;
	text-decoration: none;
	border-bottom: 0;
}

div.glossterm {
	background-color: white;
	border: 2px solid #36393D;
	color: #36393D;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-family: "Georgia", "Times New Roman", serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 1px 5px 2px 5px;
	position: absolute;
	text-align: left;
	z-index: 20;
}
div.glossterm .contents
{
	margin: 0;
	padding: 0 3px;
}
div.glossterm .caption {
	font-size: 12px;
	font-weight: bold;
	background-color: #d0d0d0;
	padding: 1px 2px;
	color: #c00000;
}
img.link {
	border: none;
	margin-right: 3px;
}
div.tooltipPool {display: none;}


/* **************************************** */
/* ---------------- General --------------- */
/* **************************************** */
.center {text-align: center;}
.right {text-align: right;}
.nomargin {margin: 0; padding: 0;}
.nobdr {border: 0;}
.floatright {
	float: right;
	margin-left: 5px;
}
img.rt {
	border: none;
	margin: 7px;
	float: right;
	}

img.lft {
	border: none;
	margin: 7px;
	float: left;
	}

.small { 
  font-size: 0.7em; 
}

span.under {text-decoration: underline;}
span.smcaps {font-variant: small-caps;}
span.lang-heb {
	font-family: "Ezra SIL SR", "Narkisim", "Times New Roman";
	font-size: 1.1em;
	text-align: right;
	}
span.lang-heblarge {
	font-family: "Ezra SIL SR", "Narkisim", "Times New Roman";
	font-size: 1.5em;
	text-align: right;
	}
a.note {
	vertical-align: 30%;
	font-size: 0.7em;
}

/* **************************************** */
/* ---------- Special Paragraphs ---------- */
/* **************************************** */
p.faq {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0;
}
p.answer {
	margin-top: 0;
	padding-left: 2em;
}

p.path {
	font-size: 0.75em;
	margin: 1em 0 0 0;
}
p.path a, p.path a:link, p.path a:active, p.path a:visited {
	text-decoration: none;
}
p.path a:hover {
	text-decoration: underline;
}
p.code {
	font-family: "Courier New";
	line-height: 1.1em;
	margin: 0;
	}


/* **************************************** */
/* --------------- Tables ----------------- */
/* **************************************** */

table.bdr {
	border-collapse: collapse;
	border: solid 1px #36393D;
	}
th.bdr {
	border: solid 1px #36393D;
	padding: 5px;
	text-align: center;
	}
td.bdr {
	border: solid 1px #36393D;
	padding: 5px;
	}
td.bdrctr {
	border: solid 1px #36393D;
	padding: 5px;
	text-align: center;
	}
td.bdrempty {
	border: solid 1px #36393D;
	padding: 5px;
	}
#width1 {width: 125px;}
#width2 {width: 125px;}
#width3 {width: 85px;}
#width4 {width: 250px;}

caption {
	margin: 0;
	padding: 7px;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	}

table.albumlist {
	border-collapse: collapse;
	border: 0;
}
td.albumpic {
	text-align: center;
	width: 110px;
	padding: 10px;
}
td.albumpic img {
	border: 0;
}

/* **************************************** */
/* ---------------- Lists ----------------- */
/* **************************************** */

ol.numb {
	list-style: decimal outside;
	line-height: 1.3em;
	}

ul.one {
	list-style: disc outside;
	line-height: 1.3em;
	}

ul.two {
	list-style: circle outside;
	line-height: 1.3em;
	}

ul.three {
	list-style: square outside;
	line-height: 1.3em;
	}

ul.none {
	list-style: none outside;
	line-height: 1.3em;
	}

li {
	line-height: 1.3em;
}


/* **************************************** */
/* --- Division Markers (like <hr> tags) -- */
/* **************************************** */

div.tbsolid1px {
	border-top: 1px solid #36393D;
	border-bottom: 1px solid #36393D;
}
div.tbsolid2px {
	border-top: 2px solid #36393D;
	border-bottom: 2px solid #36393D;
}
div.tbdashed1px {
	border-top: 1px dashed #36393D;
	border-bottom: 1px dashed #36393D;
}
div.tbdashed2px {
	border-top: 2px dashed #36393D;
	border-bottom: 2px dashed #36393D;
}
div.topsolid1px {
	border-top: 1px solid #36393D;
}
div.topsolid2px {
	border-top: 2px solid #36393D;
}
div.topdashed1px {
	border-top: 1px dashed #36393D;
}
div.topdashed2px {
	border-top: 2px dashed #36393D;
}


/* **************************************** */
/* ------------ Blog Specific ------------- */
/* **************************************** */

/* ----- Posts ----- */
#leftcontent h2.date-header {
	border-bottom: 0;
}
#leftcontent h3.post-title {
	margin-top: 20px;
}
p.blogger-labels {
	text-align: center;
	font-size: 0.8em;
}
p.post-footer {
	font-size: 0.8em;
	text-align: right;
}
#leftcontent .post img {
	padding:4px;
	border: 1px solid #36393D;
}

/* ----- Comments and Backlinks ----- */
dd.comment-body {
	margin-left: 15px;
}
dd.comment-timestamp {
	font-size: 0.8em;
	text-align: right;
}
hr.comment-break {
	border: 0;
	width: 300px;
	color: #36393D;
	background-color: #36393D;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.create-comment-backlink {
	font-size: 0.85em;
	text-align: center;
}
p#postfeeds {
	margin-bottom: 20px;
}


/* **************************************** */
/* ------------ Contact Form -------------- */
/* **************************************** */


/* form and results heading size */
.main_formhead, .formhead { 
	font-size : 1.4em; 
	color : #cc9900; 
	border: 0;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
	border: 0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 

}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #36393D; 
}

/* form label text */
label { 
  color : #36393D;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  padding : 2px; 
  border : 1px solid #36393D;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #36393D; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #36393D; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #36393D;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #36393D;
}