/* site skeleton styling; consistent across all pages */

*:focus
{
	outline: none;
}

a:focus
{
	outline: 1px dotted gray;
}

html
{
	background-color: #001123;
}
p, ul, ol, dl, blockquote, h1, h2, h3, h4, h5, h6
{
	direction: rtl;
	text-align: right;
	unicode-bidi: embed;
}

p
{
	margin-bottom: 1em;
}

a
{
	color: #024289;
}
	a:visited
	{
		color: #024289;
	}
	a:hover
	{
		color: #E20A15;
	}
	a:focus
	{
		color: #E20A15;
	}
	a:active
	{
		color: #E20A15;
	}
	a img
	{
		text-decoration: none;
		border-bottom: 0;
	}
h2, h3, h4, h5, h6
{
	font-weight: bold;
}
.center h2, h3, h4, h5, h6
{
	color: #013996;
}
img.icon
{
	vertical-align: middle;
	padding-left: 5px;
	width: 16px;
	height: 16px;
}

img.function
{
	vertical-align: middle;
	padding-right: 5px;
	width: 16px;
	height: 16px;
}

#header
{
	border-top: 1px solid #0052a2;
	background-color: #0052a2;
	background-image: url(/images/design/header-bg.png);
	background-repeat: repeat-x;
	height: 160px;
	border-bottom: 1px solid #648eb7;
	position: relative;
	z-index: 10;
}
	#header #doc4
	{
		background-image: url(/images/design/header-top-tab2.png);
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: top left;
		height: 161px;
		position: relative;
	}
		#header #doc4 a#local-events
		{
			display: block;
			width: 250px;
			height: 35px;
			position: relative;
			top: 5px;
			left: 16px;
		}
		#header #doc4 img#israel-map
		{
			position: absolute;
			left: 210px;
			top: 6px;
		}
		#header #doc4 img#quote
		{
			position: absolute;
			right: 183px;
			top: 30px;
		}
		#header #doc4 img#logo
		{
			position: absolute;
			right: 10px;
			top: 25px;
		}
		#header #doc4 #user-functions
		{
			position: absolute;
			left: 0px;
			bottom: 2.1em;
			height: 2em;
			width:300px;
			list-style-type: none;
			margin: 0;
			color: #fff;
			text-align: center;
			font-size: 85%;
		}
			#header #doc4 #user-functions li
			{
				display: inline;
				margin: 0 0.75em 0 0;
			}
				#header #doc4 #user-functions li a
				{
					text-decoration: none;
					padding: 2px 3px;
					color: #fff;
				}
				#header #doc4 #user-functions li a:hover
				{
					background-color: white;
					color: #44698e;
				}
		#header #doc4 div#navbar
		{
			position: absolute;
			bottom: 0px;
			left: 0;
			height: 2em;
			width: 100%;
			background-color: White;
			/*z-index: 10;*/
		}
#main
{
	background-image: url(/images/design/main-body-bg.png);
	background-position: 13% 18%;
	background-repeat: repeat;
	background-color: #001123;
	/*z-index: 0;*/
}
#main2
{
	background-image: url(/images/design/main-body-bg-gradient.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
#bd
{
	background-color: White;
}
	#bd #content
	{
		padding: 1em 25px 1em 12px;
	}

	#bd #content img.splash
	{
		margin: 1em auto;
	}

#sidebar
{
	background-color: #D4D4D4;
	background-image: url(/images/design/main-sidebar-bottom-bg.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 58px;
}
	#sidebar .inner
	{
		padding: 10px 1.5em;
		direction: rtl;
		background-image: url(/images/design/main-sidebar-bg.png);
		background-repeat: repeat-y;
		background-position: right;
	}

	.box h2
	{
		background-image: url(/images/design/main-sidebar-heading-bg.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		color: #606060;
		font-weight: bold;
		font-size: 110%;
		margin-bottom: 0.5em;
		padding-bottom: 9px;
		text-align: center;
	}

		#sidebar .box
		{
			margin: 1em auto 2em;
		}

	#sidebar ul
	{
		margin-right: 1em;
	}

	#sidebar ul li
	{
		display: block;
		font-size: 13px;
		font-family: Tahoma;
		margin-right: -2.5em;
		padding: 0 0 0 4px;
	}

	#sidebar ul li a
	{
		display: block;
		padding: 5px 20px 5px 0;
		text-decoration: none;
	}

	#sidebar ul li:hover
	{
		background-color: #F1F1F1;
		background-image: url(/images/design/main-sidebar-link-bg.png);
		background-position: left;
		background-repeat: repeat-y;
	}

	#sidebar ul li:hover a
	{
		background-image: url(/images/design/main-sidebar-link-hover-bg.png);
		background-position: right;
		background-repeat: repeat-y;
		border-top: 1px solid #959595;
		border-bottom: 1px solid #959595;
		padding-top: 4px;
		padding-bottom: 4px;
	}

#doc4
{
	background-color: White;
	background-image: url(/images/design/main-body-corner-br.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#ft
{
	background-image: url(/images/design/main-body-corner-bl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 24px;
	text-align: center;
}
	#bottom-nav
	{
		border-bottom: 3px double #abaaab;
		margin: 2em 28px 0.5em;
		padding: 0 0 0.25em;
		text-align: center;
	}
	#ft p
	{
		text-align: center;
	}
	
	#bottom-nav acronym
	{
		font-size: 15px;
		font-style: oblique;
		font-weight: bold;
		border-bottom: 0;
		color: #555;
	}
	
	#bottom-nav acronym dfn
	{
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
		background-color: transparent;
	}
	
	#bottom-nav acronym dfn strong
	{
		color: #c00000;
	}
#reflection
{
	background-image: url(/images/design/reflection.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 80px;
	margin-top: 5px;
}

/* section header graphics */

#section-header
{
	width: 462px;
	height: 194px;
	margin-left: auto;
	margin-right: auto;
}

#section-header h2
{
	width: 462px;
	height: 194px;
	background: transparent url(/images/content/page-header-frame.png) no-repeat top right;
	position: relative;
	margin: 0;
	padding: 0;
	color: white;
}

#section-header h2 img
{
	position: absolute;
	bottom: 8px;
	right: 10px;
	margin: 0;
}

/* External Links */
/* disabled due to horrific browser implementation of inline element padding and background positioning in RTL text */

/*a.external
{
	padding-right: 20px;
	background: transparent url("/images/icons/silk-icons/custom/external-link.png") no-repeat left top;
	background-color: red;
}*/

/* sidebar related entries lists */

.side_list, .side_list li
{
	padding: 0;
	margin: 0;
	text-align: right;
}

.side_list li a
{
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}

.side_list li a:hover
{
	background-color: #ddd;
}

.side_list li a .entry_details
{
	font-weight: normal;
}

/*---------- dynamic sized shadows ----------*/

/* by Michael Cohen
* email: sandwiched [at] (Google's eMAIL system - you all know it)
*
* The shadow color is controlled by the "background-color" property
* of the "div.shadow-top" selector. How _much_ shadow will show 
* beyond each edge (equivalent to the Photoshop "Drop Shadow"
* layer style's "distance" and "direction" properties) is controlled by
* the "padding" property of the "div.shadow-left" selector.
*
* The main disadvantage is that this only works on a solid 
* background, the color of which is already known. If you want to
* use this on a background color other than white, you need to
* change the color of the PNG (but leave the transparency values 
* alone. In Photoshop, open each PNG, lock the layer transparency,
* and fill the layer with whatever color the shadow will be above on
* your website.
* 
* Free to use, although I'd appreciate a heads-up if you like it. ;)
* Also, please keep this description intact. :) Thanks!
*/

div.shadow-top
{
	background-color: #555;
	background-image: url(/images/design/shadows/shadow-top.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

div.shadow-right
{
	background-image: url(/images/design/shadows/shadow-right.png);
	background-repeat: repeat-y;
	background-position: right;
}
div.shadow-bottom
{
	background-image: url(/images/design/shadows/shadow-bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.shadow-left
{
	background-image: url(/images/design/shadows/shadow-left.png);
	background-repeat: repeat-y;
	background-position: left;
	padding: 5px 7px 10px;
}

div.shadow-content
{
	background-color: #fff;
	border: 1px outset #ddd;
	color: #bfbfbf;
	padding: 5px;
	text-align: center;
}

/* specific instance customizations */

	/* photo gallery */
	.gallery div.shadow-top
	{
		background-color: #777;
	}

		.gallery div.shadow-top:hover
		{
			background-color: #444;
		}

	.gallery div.shadow-content
	{
		background-color: #f5f5f5;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #fff;
		color: #aaa;
		font-size: 85%;
	}

	.gallery div.shadow-top:hover div.shadow-content
	{
		background-color: #eee;
		color: #777;
	}

	/* actions lists */
	.actions div.shadow-top
	{
		background-color: #bbb;
	}

		.actions div.shadow-top:hover
		{
			background-color: #777;
		}

	.actions div.shadow-content
	{
		background-color: #f5f5f5;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #fff;
		color: #aaa;
	}

	.actions div.shadow-top:hover div.shadow-content
	{
		background-color: #eee;
		color: #777;
	}