/*
	Website		B'nai Zion
	Author		Impulse Development
	Date		November 2008
=============================================== */

/* =PALETTE
	&Brown			34291d
	&DarkBrown		3e3326
	&Maroon			5e1717
	&Tan			fbf2c9
	&LightTan		fef8dc
----------------------------------------------- */

/* =GENERAL
----------------------------------------------- */

/* GENERAL: =Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* =TYPOGRAPHY
----------------------------------------------- */

/* TYPOGRAPHY: =Basics */

body {
	font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

/* TYPOGRAPHY: =Headings */

h1 {
	color: #34291d;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h2 {
	color: #34291d;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h3 {
	color: #34291d;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Paragraphs */

p {
	color: #34291d;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Lists */

ul {
	list-style: disc outside;
	padding-left: 16px;
}

	ul li {
		color: #34291d;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	
ol {
	list-style: decimal outside;
	padding-left: 16px;
}

	ol li {
		color: #34291d;
		font-size: 1.2em;
		line-height: 1.2em;
		list-style: decimal;
		margin-bottom: 1em;
	}
	
dl {
	margin-bottom: 1em;
	text-align: center;
}

	dl dt {
		color: #34291d;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.2em;
	}
	
	dl dd {
		color: #34291d;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	
/* TYPOGRAPHY: =Forms */

form label,
form .label {
	color: #34291d;
	font-size: 1.2em;
	line-height: 1.6em;
}

form legend {
	color: #34291d;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 1em;
}

form input,
form textarea {
	color: #34291d;
	font-size: 1.2em;
	line-height: 1.6em;
}

form button {
	font-size: 1.2em;
}
	
/* TYPOGRAPHY: =Links */

a {
	color: #34291d;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* TYPOGRAPHY: =Variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* =STRUCTURE
----------------------------------------------- */

/* STRUCTURE: =Background */

html {
	background: url(../images/bg-body_top.gif) repeat-x top #3e3326;
}

/* STRUCTURE: =Layout */

body {
	padding-top: 4px;
}

.container {
	margin: 0 auto;
	width: 756px;
}

#pageHeader {
	background: url(../images/bg-header.gif) #d7c384 no-repeat;
	height: 403px;
	position: relative;
	width: 100%;
}

#pageBody {
	background: url(../images/bg-content.gif) #d7c384 repeat-y top;
	display: inline;
	float: left;
	margin-top: -85px;
	min-height: 430px;
	padding-bottom: 12px;
	position: relative;
	width: 756px;
}

	#pageBody .content {
		background-color: #fef8dc;
		display: inline;
		float: right;
		margin-right: 12px;
		padding: 12px;
		width: 460px;
	}
		
	#pageBody .sidebar {
		background: url(../images/bg-sidebar.gif) no-repeat;
		float: left;
		padding: 0 12px;
		margin-top: -102px;
		width: 236px;
	}

#pageFooter {
	background: url(../images/bg-footer.gif) #d7c384 no-repeat;
	clear: both;
	height: 126px;
	position: relative;
	width: 100%;
}

/* =HEADER
----------------------------------------------- */

/* HEADER: =Logo */

#headerTitle {
	left: 24px;
	position: absolute;
	top: 50px;
}

	#headerTitle p {
		margin: 0;
	}

	#headerTitle a {
		background: url(../images/logo-medium.png) no-repeat;
		display: block;
		height: 91px;
		overflow: hidden;
		text-indent: -5000px;
		width: 205px;
	}
	
/* HEADER: =Banner Images */

#headerBanner {
	position: absolute;
	right: 12px;
	top: 58px;
	width: 484px;
	z-index: 9999;
}	
	#headerBanner img {
		border: 4px solid #ffffff;
	}

/* =CONTENT
----------------------------------------------- */

/* CONTENT: =vCard */

.content .vcard {
	margin-bottom: 2em;
	text-align: center;
}

	.content .vcard h2 {
		background: url(../images/logo-medium.png) no-repeat;
		height: 91px;
		margin: 0 auto 1em auto;
		overflow: hidden;
		text-indent: -5000px;
		width: 205px;
	}
	
	.content .vcard .street-address {
		display: block;
	}
	
	.content .vcard .tel {
		margin-bottom: 0;
	}
	
	.content .vcard .type {
		font-weight: bold;
	}

/* CONTENT: =Items And Detail */

.item h2,
.detail h2 {
	font-size: 1.4em;
	margin-bottom: 0.2em;
}

.item h3,
.detail h3 {
	color: #665b50;
	font-size: 1.2em;
}

/* CONTENT: =Text Replacement */

.replaced {
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/* CONTENT: =Headings */

h1.replaced {
	height: 41px;
	margin-bottom: 0.5em;
	width: 460px;
}
	
	.home h1 {
		background: url(../images/hdr-welcome.gif) no-repeat;
	}

	.about h1 {
		background: url(../images/hdr-about_us.gif) no-repeat;
	}
	
	.staff h1 {
		background: url(../images/hdr-staff_and_leadership.gif) no-repeat;
	}
	
	.calendar h1 {
		background: url(../images/hdr-calendar.gif) no-repeat;
	}
	
	.news h1 {
		background: url(../images/hdr-news_and_announcements.gif) no-repeat;
	}
	
	.photos h1 {
		background: url(../images/hdr-photo_gallery.gif) no-repeat;
	}
	
	.education h1 {
		background: url(../images/hdr-education.gif) no-repeat;
	}
	
	.crypto_judaic_studies h1 {
		background: url(../images/hdr-crypto_judaic_studies.gif) no-repeat;
	}
	
	.membership h1 {
		background: url(../images/hdr-membership.gif) no-repeat;
	}
	
	.donations h1 {
		background: url(../images/hdr-donations.gif) no-repeat;
	}
	
	.links h1 {
		background: url(../images/hdr-links.gif) no-repeat;
	}
	
	.contact h1 {
		background: url(../images/hdr-contact_us.gif) no-repeat;
	}

/* CONTENT: =Alignment */

.floatLeft {
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
}

.floatRight {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}

/* CONTENT: =Images */

.image,
.thumb {
	margin-bottom: 1em;
	text-align: center;
}

.image a,
.thumb a {
	display: block;
	height: 100%;
	width: 100%;
}

.image img,
.thumb img {
	border: 1px solid #d4d4d4;
	padding: 3px;
}

.image p,
.thumb p {
	margin: 0.5em 0 0 0;
}

/* CONTENT: =Multi-Images */

.images {
	float: right;
	margin: 0 0 1em 1em;
}

/* CONTENT: =More Links */

.more {
	text-align: left;
}

	.more p {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.more a {
		text-decoration: underline;
	}
	
	.more a:hover {
		text-decoration: underline;
	}
	
/* CONTENT: =Back Links */

.back {
	text-align: left;
}

	.back p {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: lowercase;
	}

	.back a {
		text-decoration: none;
	}

	.back a:hover {
		text-decoration: underline;
	}
	
/* CONTENT: =Horizontal Rules */

.hr {
	background: url(../images/misc-hr.gif) no-repeat;
	clear: both;
	height: 14px;
	margin-bottom: 1em;
	width: 100%;
}

	.hr hr {
		display: none;
	}
	
/* CONTENT: =Pullouts */

.pullout {
	background-color: #fbf2c9;
	border: 1px dotted #bcb597;
	margin-bottom: 1em;
	padding: 1em 1em 0 1em;
}

/* CONTENT: =Photo Gallery */

#photo-gallery {
	text-align: center;
}

/* =SIDEBAR
----------------------------------------------- */

/* SIDEBAR: =Navigation */

#sidebarNavigation {
	list-style: none;
	margin-bottom: 3em;
	padding: 0;
	width: 100%;
}

	#sidebarNavigation li {
		margin: 0 0 4px 0;
		position: relative;
		width: 100%;
	}
	
		#sidebarNavigation li a {
			display: block;
			height: 45px;
			overflow: hidden;
			text-indent: -5000px;
			width: 100%;
		}
		
		#sidebarNavigation li .overlay {
			cursor: pointer;
			display: block;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
		
		#sidebarNavigation li.home a {
			background: url(../images/nav-home.gif) no-repeat;
		}
		
		#sidebarNavigation li.about a {
			background: url(../images/nav-about_us.gif) no-repeat;
		}
		
		#sidebarNavigation li.staff a {
			background: url(../images/nav-staff_and_leadership.gif) no-repeat;
		}
		
		#sidebarNavigation li.calendar a {
			background: url(../images/nav-calendar.gif) no-repeat;
		}
		
		#sidebarNavigation li.news a {
			background: url(../images/nav-announcements.gif) no-repeat;
		}
		
		#sidebarNavigation li.photos a {
			background: url(../images/nav-photo_gallery.gif) no-repeat;
		}
		
		#sidebarNavigation li.education a {
			background: url(../images/nav-education.gif) no-repeat;
		}
		
		#sidebarNavigation li.crypto_judaic_studies a {
			background: url(../images/nav-crypto_judaic_studies.gif) no-repeat;
		}
		
		#sidebarNavigation li.membership a {
			background: url(../images/nav-membership.gif) no-repeat;
		}
		
		#sidebarNavigation li.donations a {
			background: url(../images/nav-donations.gif) no-repeat;
		}
		
		#sidebarNavigation li.links a {
			background: url(../images/nav-links.gif) no-repeat;
		}
		
		#sidebarNavigation li.contact a {
			background: url(../images/nav-contact_us.gif) no-repeat;
		}
		
			#sidebarNavigation li.home .overlay {
				background: url(../images/nav-home.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.about .overlay {
				background: url(../images/nav-about_us.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.staff .overlay {
				background: url(../images/nav-staff_and_leadership.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.calendar .overlay {
				background: url(../images/nav-calendar.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.news .overlay {
				background: url(../images/nav-announcements.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.photos .overlay {
				background: url(../images/nav-photo_gallery.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.education .overlay {
				background: url(../images/nav-education.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.crypto_judaic_studies .overlay {
				background: url(../images/nav-crypto_judaic_studies.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.membership .overlay {
				background: url(../images/nav-membership.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.donations .overlay {
				background: url(../images/nav-donations.gif) no-repeat -472px 0;
			}
			
			#sidebarNavigation li.links .overlay {
				background: url(../images/nav-links.gif) no-repeat -472px 0;
			}

			#sidebarNavigation li.contact .overlay {
				background: url(../images/nav-contact_us.gif) no-repeat -472px 0;
			}
	
	#sidebarNavigation li a.current,
	#sidebarNavigation li a.selected {
		background-position: -472px 0; 
	}
	
	#sidebarNavigation li ul {
		list-style: none;
		margin: 1em 0;
		padding-left: 1em;
		width: 224px;
	}
	
		#sidebarNavigation li ul li {
			background: url(../images/bul-star.gif) no-repeat top left;
			height: auto;
			font-size: 1em;
			line-height: 1.6em;
			padding-left: 2em;
			width: 200px;
		}
		
			#sidebarNavigation li ul li a {
				background: none !important;
				display: inline;
				font-weight: bold;
				height: auto;
				overflow: visible;
				text-indent: 0;
				width: auto;
			}
			
			#sidebarNavigation li ul li .overlay {
				display: none;
			}
			
/* SIDEBAR: =Newsletter Signup */

#sidebarNewsletter {
	width: 100%;
}

	#sidebarNewsletter h2 {
		background: url(../images/txt-sign_up_for_our_newsletter.png) no-repeat;
		height: 23px;
		margin: 0 auto 0.5em auto;
		overflow: hidden;
		text-indent: -5000px;
		width: 122px;
	}
	
	#sidebarNewsletter label {
		color: #695e52;
		display: block;
		float: none;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	#sidebarNewsletter input {
		border: 1px solid #999999;
		color: #34291d;
		display: block;
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 0 auto 1em auto;
		padding: 6px;
		text-align: center;
		width: 192px;
	}
	
	#sidebarNewsletter button {
		background: url(../images/btn-submit.gif) no-repeat;
		border: none;
		cursor: pointer;
		display: block;
		height: 10px;
		margin: 0 auto;
		overflow: hidden;
		text-indent: -5000px;
		padding: 0;
		width: 48px;
	}

/* =FOOTER
----------------------------------------------- */
	
/* FOOTER: =Copyright */

#pageFooter .copyright {
	background: url(../images/bul-dot.gif) no-repeat right;
	left: 127px;
	padding-right: 16px;
	position: absolute;
	top: 52px;
}

	#pageFooter .copyright p {
		color: #400a0a;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.8em;
		margin: 0;
	}

/* FOOTER: =Developer */

#pageFooter .developer {
	background: url(../images/logo-impulse_development.gif) no-repeat right top;
	left: 384px;
	padding-right: 22px;
	position: absolute;
	top: 52px;
}

	#pageFooter .developer p {
		color: #400a0a;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.8em;
		margin: 0;
	}
	
		#pageFooter .developer p a {
			color: #000000;
		}
		
/* =FORMS
----------------------------------------------- */

/* FORMS: =Basic */

form {
	clear: both;
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

/* FORMS: =Labels */

form label,
form .label,
form h3 {
	display: inline;
	float: left;
	margin-right: 2%;
	padding: 0 6px;
	text-align: right;
	width: 23%;
}

/* FORMS: =Required Fields */

form .required label,
form .required .label {
	font-weight: bold;
}

form .required .option label {
	font-weight: normal;
}

/* FORMS: =Fieldsets */

form fieldset {
	margin-bottom: 1em;
	padding-top: 2em;
}

	form fieldset legend {
		margin-bottom: 0;
	}

/* FORMS: =Text Fields */

form .textField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textField input {
		border: 1px solid #999999;
		display: inline;
		float: left;
		padding: 6px;
		width: 68%;
	}

	form .textField input.small {
		width: 15%;
	}

	form .textField input.medium {
		width: 40%;
	}

	form .textField .fieldWithErrors input {
		background: #f7eded;
		border: 1px solid #b00000;
	}

/* FORMS: =Multiple Text Fields */

form .textFields {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textFields .label {
		margin: 0;
		padding: 6px 0;
		text-align: left;
		width: 100%;
	}

/* FORMS: =Text Areas */

form .textArea {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textArea textarea {
		border: 1px solid #999999;
		display: inline;
		float: left;
		height: 75px;
		padding: 6px;
		width: 68%;
	}

	form .textArea .fieldWithErrors textarea {
		background: #f7eded;
		border: 1px solid #b00000;
	}
	
/* FORMS: =Select Fields */

form .selectField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textField .fieldWithErrors input {
		background: #f7eded;
		border: 1px solid #b00000;
	}

/* FORMS: =Radio Buttons */

form .radioButtons {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .radioButtons .options {
		display: inline;
		float: left;
		width: 70%;
	}

		form .radioButtons .options .option {
			float: left;
			margin-bottom: 1em;
			width: 100%;
		}

			form .radioButtons .option label {
				display: inline;
				float: none;
				line-height: 1em;
				text-align: left;
			}

			form .radioButtons .option input {
				display: inline;
				float: left;
				line-height: 1em;
			}

/* FORMS: =Submit Buttons */

.submitButton {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
}

	.submitButton button {
		background: #f8f8f8;
		border: 1px solid #999999;
		color: #666666;
		cursor: pointer;
		font-weight: bold;
		overflow: visible;
		padding: 6px;
		width: auto;
	}

	.submitButton button:hover {
		background: #dedede;
		border: 1px solid #999999;
		color: #444444;
	}

/* FORMS: =Error Explanation */

.errorExplanation {
	background: #f7eded;
	border: 1px solid #b00000;
	margin: 12px 0;
	padding: 12px;
}

	.errorExplanation h2 {
		display: none;
	}

	.errorExplanation p {
		color: #b00000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.errorExplanation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

		.errorExplanation ul li {
			color: #b00000;
			font-size: 12px;
			line-height: 15px;
			list-style: none;
			margin-bottom: 0;
			text-align: center;
		}