/* LAST UPDATED 02.25.09 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}
/* #####  NOTE the starting font size for the page is set by the text resizer #### */
body {
	background: #fff url('/images/backgrounds/bg.jpg') top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

ol { padding: 0 0 14px 0; }

ul { padding: 0 0 14px 0; }

p { padding: 0 0 14px 0; }

a {
	color: #cc6633;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #076293; }

a img { border: 0; }

.blue { color: #076293; }
.blue a	{ color: #076293;text-decoration:none;}
.blue a:hover	{ color: #cc6633;}

.orange { color: #cc6633; }
.orange a	{text-decoration:none;}

.small { font-size: 90%; }
.large { font-size: 120%; }

ol { margin-left: 20px; }

ul { margin-left: 20px; }

.left { float: left;}
.right { float: right;}
.center	{ 	text-align:center;}
.textright	{text-align: right;}
.underline	{ 	text-decoration: underline;}

.alignLeft {
	clear: left;
	float: left;
	margin: 0 15px 4px 0;
}

.alignRight {
	clear: right;
	float: right;
	margin: 0 0 4px 15px;
}

.normal	{font-weight:normal;}

.dropcap	{
	font-size: 2em;
}

.smallcaps {
	font-variant: small-caps;
}

.photo {
	display: inline-block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px gray solid;
}


.photocontainer {
	display: inline-block;
	padding: 1px;
	background-color: #dedede;
	font-size: .75em;
	margin: 10px 0;
}


.photocontainer img	{
	margin:0 auto;
	margin-bottom: 5px;
	padding: 1px;
	background-color: #fff;
	border: 1px gray solid;
}

.photocontainer p	{
	margin-top: 20px;
}
.photocontainer p img	{
	display: block;
	text-align: center;
}

img.left {
	margin-right: 10px;
	margin-bottom: 10px;
}

img.right {
	margin-left: 10px;
	margin-bottom: 10px;
}


hr.divider	{
	width: 80%;
	height: 0;
	border: 1px solid #076293;
	margin: 10px;
}

	
.disclaimer	{
font-size: .7em;
}

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#topNav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#topNav li {
	float: left;
	padding: 0 10px;
	border-right: 1px #fff solid;
}

#topNav li.last { border: 0; }

#topNav td {
	color: #fff;
	text-decoration: none;
}

#topNav a {
	color: #fff;
	text-decoration: none;
}

#topNav a:hover { text-decoration: underline; }

/* MAIN NAVIGATION */

#nav ul {
	padding: 0 9px 0 0;
	margin: 0;
	height: 38px;
	line-height: 38px;
	list-style: none;
	background: url('/images/backgrounds/nav-right.gif') top right no-repeat;
}

	#nav li {
		height: 38px;
		float: left;
		background: url('/images/backgrounds/nav.gif') top repeat-x;
	}

	#nav li a {
		display: block;
		height: 34px;
		letter-spacing: 1px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #000;
		background: url('/images/backgrounds/nav-divider.gif') top right no-repeat;
	}

	#nav li.last a { background: none; }

	#nav li a.navitem_on {
		color: #076293;
		height: 31px;
		border-bottom: 3px #076293 solid;
	}

	#nav li a:hover {
		color: #076293;
		height: 31px;
		border-bottom: 3px #076293 solid;
	}

/* LEVEL TWO */

#nav ul ul {
	position: absolute;
	padding: 0;
	width: 178px;
	height: auto;
	line-height: 1.1em;
	background: none;
	left: -999em;
	z-index: 10;
}

	#nav li li {
		float: left;
		width: 178px;
		height: auto;
		background: none;
	}

	#nav li li a {
		background: #eeebe3;
		border-bottom: 1px #808080 solid;
		text-align: left;
		padding: 5px 0 5px 20px;
		width: 158px;
		height: auto;
		text-transform: none;
		text-decoration: none;
	}

	#nav li li a:hover {
		color: #076293;
		height: auto;
		border-bottom: 1px #808080 solid;
		text-decoration: none;
	}

/* LEVEL THREE */

#nav ul ul ul { margin: -33px 0 0 158px; }

#nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul ul { left: -999em; }

#nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#nav li li:hover ul { /* lists nested under hovered list items */ left: auto; }

#nav li:hover ul { /* lists nested under hovered list items */ left: auto; }

#nav li.hover { position: static; } 

#nav li:hover { position: static; } /* fixes IE7 sticky issue */

/* END MAIN NAVIGATION */



#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer li {
	float: left;
	padding: 0 9px;
	border-left: 1px #ccc solid;
}

#footer li.first {
	padding: 0 9px 0 0;
	border: 0;
}

#footer a {
	color: #aaa;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", serif;
	text-align: right;
}

#sidebar ul ul { 
	padding: 2px 0 0 0; 
	font-size: .8em;
	}

#sidebar li {
	padding: 5px 0;
	border-bottom: 1px #444 dotted;
}

#sidebar li li {
	padding: 2px 0;
	border-bottom: none;
}

#sidebar li a {
	text-decoration: none;
	color: #076293;
}

#sidebar li li a {
	color: #000;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar a.current { color: #cc6633; }


#sidebar a:hover { color: #cc6633; }


.thumbnail	{
	display: inline;
	width: 105px;
	/*height: 100px;*/
	padding: 3px;
	float: left;
	margin: 10px 5px;
	}
	
	.thm-area	{
	display: inline;
	width: 105px;
	height: 100px;
	padding: 3px;
	float: left;
	font-size: .75em;
	margin: 10px 5px;
	}

	
.thm-area img	{
	margin-top: 2px;
	padding: 1px;
	border:1px gray solid;
}

#board .thm-area	{
	height: 140px;
	margin: 5px 0;
}

#board .thm-area img	{
	border:none;
	}

ul.album-thm	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow:auto;

}

ul.album-thm li {
	display: inline;
	width: 250px;
	margin-bottom: 15px;
	float: left;
}


ul.album-thm .thumbnail	{
	width: auto;
	}
	
ul.album-thm li img 	{
	margin-top: 0px;
	padding:1px;
	border:1px gray solid;
}

.indent	{
	margin-left: 30px;
}
/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 938px;
}

	.post { clear: both; }

	#header {
		position: relative;
		padding-top: 60px;
		height: 68px;
		text-align: center;
	}

		#header .logo {
			position: absolute;
			top: 0;
			left: 0;
		}

		#header #topNav {
			position: absolute;
			top: 11px;
			right: 260px;
			height: 40px;
			color: #fff;
			line-height: 1.2em;
		}

		#header #signup {
			position: absolute;
			top: 11px;
			right: 0;
			width: 250px;
			color: #fff;
			line-height: 1.2em;
			text-align: left;
		}

	#nav {
		float: right;
		margin: 3px 0 10px 0;
		padding: 0 0 0 9px;
		background: url('/images/backgrounds/nav-left.gif') top left no-repeat;
	}

	#contentHome {
		padding: 0 6px 12px 11px;
		clear: both;
		background: #eee6ce;
	}

		#sidebarHome {
			float: left;
			width: 170px;
		}

			#sidebarHome #top-ten {
				padding: 0 0 10px 0;
				background: #e2e3e5;
			}

		#mainContentHome {
			float: right;
			width: 739px;
		}
		
		
		.donate-btn	{
			margin-left: 3px;
			margin-top: 0;
			margin-bottom:0;
			}
				

	/* Here are the main banner functions.  these work
		with JavaScript to show only one on a mouseover 
		#mainbanner	{
			width: 739px;
			height: 255px;
			overflow: hidden;
		}

		#gallery { 
   			 margin:0;
    		padding:0;
			list-style: none;
			} 
		#gallery li { 
			margin: 0; 
			padding: 0;
			display:inline;
			}
		#gallery a	{
			display:block;
			}
		 End Banner functions for Javascript */
				#subHeader {
				margin-bottom: 20px;
					
				}

			#mainHome {
				margin: 0;
				padding: 15px;
				float: left;
				width: 540px;
				background: #fff;
			}

				#mainHome .col-1 {
					float: left;
					width: 245px;
					padding-right: 15px;
					border-right: 1px #333 solid;
				}

				#mainHome .col-2 {
					float: right;
					width: 265px;
					font-weight: bold;
				}

			#sponsorsHome {
				padding: 0;
				float: right;
				width: 158px;
			}
			
			#sponsorsHomeLeft	{
				text-align: center;
			}
			
						
			#breadcrumbs	{
				clear:both;
				height: 35px;
				width: 100%;
				text-align: right;
				font-size:.9em;
			
				}
				
			#breadcrumbs a	{
				color: #076293;
				padding: 0 5px;
				text-decoration:underline;
			}
			
			#breadcrumbs a:hover	{
				color:#cc6633; 
			}


	#content {
		clear: both;
		background: url('/images/backgrounds/content.gif') repeat-y;
	}

		#sidebar {
			float: left;
			width: 260px;
		}

			#sponsors {
				padding: 20px;
				text-align: center;
			}
			
	

		#mainContent {
			float: right;
			width: 667px;
		}

			#mainContent .content {
				position: relative;
				margin: 12px;
				padding: 30px 40px;
				background: #fff;
				font-size: 1.1em;
				overflow: hidden;
				min-height: 675px;
			}

			#mainContent .content ul { 
				list-style-type:square;
 			}
			
			#mainContent .content li	{
				margin-bottom: 5px;
				}
				
			#mainContent .content a { color: #076293; }

			#mainContent .content a:hover { color: #cc6633; }
			
			#mainContent .content ul.linklist { color: #076293; }

				#mainContent .content .links {
					position: absolute;
					top: 25px;
					right: 28px;
					font-size: .75em;
					background: #fff;
					padding: 7px 11px;
				}

					#mainContent .content .links a {
						color: #000;
						text-decoration: none;
					}
					
				
					 #mainContent .content div.viral{
						width: 200px;
						float:right;
						text-align: right;
						font: normal .8em "Times New Roman", times, serif;
					}
					
					 #mainContent .content p.viral a{
						color: #076293;
						text-decoration: none;
						font: normal .9em "Times New Roman", times, serif;
						}
						
						
						#mainContent .content p.viral a:hover{  color: #cc6633;	}
						
					a.email {
						padding-left: 16px;
						background: url('/images/page-elements/email.gif') 0 3px no-repeat;
					}

					a.print {
						margin-left: 7px;
						padding-left: 14px;
						background: url('/images/page-elements/print.gif') 0 3px no-repeat;
					}	
					
					a.search {
						margin-left: 7px;
						padding-left: 14px;
						background: url('/images/page-elements/search.gif') 0 3px no-repeat;
					}	
					

					.subtitle	{
					font-size: 1em;
					font-style:italic;
					color: #076293;
					margin-top: -5px;
					}
					
					table.stats	{
						width: 80%;
						margin-left: 30px;
					}
					
					.stats td	{
						padding: 0px 10px;
						line-height:normal;
					}
					
					.stats td.col1	{
					width: 70%;
					}
						
					.stats td.col2	{
					width: 30%;
					text-align: right;
					}
					
					
					table.staff	{
					width: 80%;
					margin-left: 30px;
					
					}
					table.staff td	{
						padding: 0;
					}
					
					#mainContent .content .buttonText	{
						background-position: center top;
						background-repeat: no-repeat;
						padding: 5px; 
						text-align:center;
						margin:5px auto;
						width: 390px; 
						height: 40px; 
						background-image: url('/images/buttons/btn_bkgd_400.gif');
					}

					#mainContent .content .buttonText a	{
						text-decoration: none;
						font-weight: bold;
						color: #fff;
					}

					#mainContent .content .buttonText a:hover	{
						color: #cc6633;
					}
					
					.mission-stmt	{
						width: 540px;
						padding: 20px;
						margin: 0 0 10px 0;
						border: 3px solid #076293;
						background-color: #efefef;
						}

				.mission-stmt h2	{
						text-align: center;
						font-size: 1.2em;
						font-weight: bold;
						font-family: Georgia, "Times New Roman", serif;
						}
	.attnBox	{
		margin: 20px;
		padding: 20px;
		background-color: #eeeceb;
		border: 1px solid #076293;
	}
	
	.contactperson	{
	padding-left:30px;
	background: url('/images/page-elements/cellphone.gif') no-repeat left top;
}

	
	.attnBox .candle-lighting	{
		padding-left: 80px;
	}
	
	
	.candle-lighting dt	{
		line-height: 1.5em;
	}

	.primary	{
		float: left;
		width: 300px;
		}
					
	.sidebox	{
		float:right;
		width: 220px; /*Width of frame div*/
		height: 100%;
		margin: 0 0 0 10px;
		}	
		
		
	.sidebox .attnBox	{
		margin: 20px 0;
		width: 200px;
		}
						
	.sidebox h3  {
		text-align: center;
		color: #076293;
		}
		
		
	.attnBox h2  {
		text-align: center;
		color: #076293;
		}
		
		
	.pullquote	{
	/*width: 80%;*/
	margin: 10px auto;
	font: italic normal 1.05em/1.05em Georgia, "Times New Roman", serif;
	padding: 10px;
	border-top: 2px #076293 solid;
	border-bottom: 2px #076293 solid;
	color: #076293;
	line-height: 1.25em;
	}	

	.pullquote .author {
		display:block;
		margin:0;
		text-align:right;
		font-size: .9em;
		float:none;
	}
	

	.blockquote	{
		width: 60%;
		margin-left: 30px;
		font-style: italic;
		padding: 10px;
		}

	.blockquote .source {
		display:block;
		text-align:right;
	}
	

	ul#bannerThumbs{
		width: 723px;
		margin: 0 8px;
		padding: 0;
	}
	
	#bannerThumbs li	{
		display: inline;
		margin-left: 75px;
		width: 165px;
		height: 60px;
		float: left;
		padding:  10px 0 0 0;
		margin-bottom: 0;
		}
		
		#bannerThumbs li img	{
			float:left;
			margin-left: -75px;
			}
		
					#faqs .question	{
						font-weight: bold;
						margin-top: 20px;
						}

					/* ###########  Articles Styles  ############# */
					
					.byline	{
						color: #076293;
					}
					
					
					.question 	{
						margin-top: 10px;
						font-style:italic;
					}
										
					.question em	{
						font-style:normal;
					}
					.answermark	{
						font-weight: bold;
						font-size: 1.4em;
						color:#076293;
						font-family: Georgia, "Times New Roman serif";

						}
						
					ul.articlelinks	{
						list-style-type:none;
						color: #000;
						margin-top: 20px;
						}
						
					
					ul.articlelinks	li	{
						list-style-type:none;
						color: #000;
						}
						
						
					#news ul.articlelinks li	{
						margin-left: 140px;	
						}
	
					#news ul.articlelinks li img	{
						margin-left: -130px;
						float: left;
						}	
						
					ul.articlelinks .articletitle	{
							font-size:1em;
							font-weight: bold;
							}
					.author	{
						
						margin-bottom:10px;
					}
					
					.authorblurb	{
						font-style:italic;
						font-size: .9em;
						border-top: 1px solid #cccccc;
						padding-top: 5px;
					}	
					
					
					.authorphoto	{
					float: left;
					margin: 0 8px 10px 0;
					padding: 1px;
					background-color: #ffffff;
					border: 1px gray solid;
					}
					
					ul.thumblist	{
					list-style-type:none; 
					margin:0;
					padding:0
					}
					
					ul.thumblist li {
					list-style-type:none;
					vertical-align:bottom;
					margin-bottom: 10px;
					
                        }
					ul.thumblist li img	{
					  margin-right: 10px;
                     }
					
/* Event Lists */
					
#eventlist {
    position: relative;
}

#eventlist li	{
		    margin-left: 150px;
		    }

#eventlist h1.year {
    color: #076293;
    font-size: 1.4em;
    margin: 20px 0;
}


#eventlist h2 {
    background: #076293;
    color: #fff;
    padding: 5px 10px;
    margin: 0 0 20px 0;
}

#eventlist ul.articlelinks {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0 20px 10px 50px;
}

#eventlist ul.articlelinks .eventdate {
    position: absolute;
    left: 10px;
    font-weight: normal;
    color: #2777a0 !important;
}

#eventlist ul.articlelinks .eventtitle {
    font-size: 1.2em;
    font-weight: bold;
}

#eventlist ul.articlelinks .featurelink {
    color: #2777a0;
    text-decoration: none;
}


/* News releases */

#releaseslist	ul.articlelinks a.articletitle	{
		text-decoration:none;
}


#releaseslist	ul.articlelinks li	{
		border-bottom: 1px gray dashed;
		padding-bottom: 10px;
		margin-bottom: 15px;
		}
		
#releaseslist	ul.articlelinks li .date	{
		font-size: .85em;	
		margin-top:-10px;
		padding-top:0;
		}
		
		
		
		.prevbtn	{
			font-weight:bold;
			float:left;
			background: #fff url('../images/buttons/btn_arrow_left_sm.gif') no-repeat top left;
			padding-left:25px;
			text-decoration:none;
			line-height: 95%;
		}
		
		
		.nextbtn	{
			font-weight:bold;
			float:right;
			background: #fff url('../images/buttons/btn_arrow_right_sm.gif') no-repeat top right;
			padding-right:25px;
			text-decoration:none;
			line-height: 95%;
		}


/* Photos for Publication */

.imgDownload h3	{
	clear: both;
	margin-top: 15px;
}
.imgDownload .thm-area	{
	width: 120px;
	height: 150px;
}



/* Recipe Area */
		
	
			
#recipelist ul{
	margin:0;
	padding: 0;
	padding-right:20px;
	list-style-type: none;
	margin-left: 170px;
	font-size: .9em;
	width: 220px;
	float:left;
}


#recipelist ul li {
	clear:left;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #076293;

	}
	
#recipelist ul img	{
	margin-left: -170px;
	margin-top: -12px;
	margin-bottom: 30px;
}
#recipelist ul li .title a	{
	font: normal bold 1.3em arial, helvetica, san-serif;
	text-decoration:none;
}

#recipelist ul .recipetype	{
	font-weight:bold;
	float:left;
}

#recipelist ul .detail-link	{
     font-weight:bold;
	float:right;
}

#recipelist ul.featured	li	{
	border-bottom: 0;
	clear:left;
	height:120px;
	margin-bottom:10px;
	width:170px;
}

#recipelist ul li p.title	{
	padding-bottom: 5px;
}



	#recipelist ul.categorylist 	{
		margin:0;
		padding: 0;
		width: 515px;
		list-style-type:none;
		margin-bottom: 20px;
		}	

		#recipelist .categorylist li	{
			list-style-type:none;	
			border-bottom: 1px solid  #076293;
			margin-left: 0;
			}

 		#recipelist .categorylist li.notactive a	{
			color:gray;
			}
		
		#recipelist .categorylist li.notactive a:hover	{
			color:#cc6633;
			}
		#recipelist p.categoryImage{
			padding-bottom: 0px;
			}
			
	#recipe_tabs	{
		height:37px;
		background-image: url('/images/backgrounds/bkgd_recipe_tabs.gif');
		clear:both;
		}
		
	#recipe_tabs ul {
	    margin:0;
		padding: 0;
		margin-left: 20px;
		list-style-type: none;
		}
	
	#recipe_tabs li {
		list-style-type: none;
		width: 115px;
		height:24px;
		line-height: 24px;
		float:left;
		padding: 8px 0 0 10px;
		font-weight: bold;
		font-size: 12px;
		}
		
	
	#recipe_tabs ul li.on	{
	background: url('/images/backgrounds/recipe_on.gif') top left no-repeat;
	}
	
	#recipe_tabs li.off	{
	background: url('/images/backgrounds/recipe_off.gif') top left no-repeat;
	}
	
	#recipe_tabs li.home	{
		padding-top: 7px;
		padding-left: 5px;
		height: 24px;
		width: 50px;
		background: url('/images/backgrounds/recipe_home.gif') 0px 5px no-repeat;
	}


	#recipe_tabs li.off a, #recipe_tabs li.on a	{
		text-decoration:none;
		color: black;
	}
	
	#recipe_tabs li.off a:hover, #recipe_tabs li.home a:hover	{
		color:  #076293;		
	}
	
	#RecipeContainer, #AuthorContainer, #RecipeFrame	{
		width: 511px;
		padding: 10px 20px 10px 30px;
		border: 1px solid #076293;
		margin-bottom: 20px;
		overflow:auto;
		}
		
	#RecipeContainer, #RecipeFrame	{
			border-top: 0;
		}
		
	#RecipeContainer h2	{
	color: #076293;
	}
	
		#RecipeContainer p.freelink	{
			margin-left: 0;
			font: bold 1em Arial;
			margin-top: 10px;
		}

	#RecipeContainer ul	{
		margin:0;
		padding: 0;
		margin-bottom: 20px;
	}
	#RecipeContainer p, #RecipeContainer li{
	 font-size: .85em;
	 margin-left: 15px;
	 }
	 
	 #RecipeContainer li	{
	 	list-style-type:none;
	 	}
	 
	 #RecipeContainer p.mealtype {
	 margin-left: 0;
	 }
	 
	 #RecipeContainer p.ingredient-label	{
	 	font-weight:bold;
	 	padding-bottom: 5px;
	 	}
	 
	#RecipeContainer p.hint	{
		font-style:italic;
		}
	
	#RecipeContainer h3.caption, #AuthorContainer h3.caption	{
	font: normal 1.1em Georgia,'Times New Roman', serif;
	color: #076293;
	clear:  both;
	}
	

	#AuthorContainer .authorbio	{
	font-size: .85em;
	}
	

	
/* ****************  Footer area *************** */
	#footer {
		padding: 10px 0;
		color: #aaa;
		font-size: .85em;
		font-weight: bold;
		line-height: 1.2em;
		height: 40px;
	}

		#footer .copyright {
			float: right;
		}
		


/*  CSS image rollover preview for Tribute Cards */
.tribute-cards	{
	background-image:url('/images/content/support/tribute-cards.jpg');
	height: 335px;
	width:545px;
	margin-bottom: 25px;
	position:relative;
}
#cardmenu a{
	position:absolute;
    text-decoration: none;
    }

 #cardmenu a i { visibility: hidden; }

a#thankyou {left: 20px;top: 50px;width: 90px; height: 163px;}
a#mazeltov {left: 112px; top: 41px; width: 104px;height: 155px;}
a#honor {left: 217px; top: 31px; width: 111px; height: 146px;}
a#getwell {left: 328px; top: 40px; width: 98px; height: 149px;}
a#generic {left: 428px; top: 50px; height: 151px; width: 100px;}
a#birthday {left: 271px; top: 194px; width: 165px;height: 113px;}
a#memory {left: 116px; top: 193px; width: 153px;height: 117px;}

#cardmenu span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -2000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
background-color: #fff;
}

#cardmenu span img{ /*CSS for enlarged image*/
border: 0;
z-index:100;
}

 /*CSS for enlarged images on hover*/

a#thankyou:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}
a#mazeltov:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}
a#honor:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}
a#getwell:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}
a#generic:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}
a#birthday:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}
a#memory:hover span {position:absolute;visibility: visible;top: 10px;left: 10px;}

 /*position where enlarged image should offset horizontally */
}

</style>
	
		
		
		/* #################  JH News Archive ######################## */
	

.pubs ul{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pubs ul li{
	float: left;
	font-size: .9em;
	text-align: left;
	list-style: none;
	vertical-align: top;
	padding: 10px;
	margin: 0 5px 20px 5px;
	background-color: #dedede;
}

.pubs ul li a{
	text-decoration:none;
}

.enews	ul li{
	width: 106px;
	padding: 10px;
	padding-top: 150px;
	background-color: #dedede;
	background-image: url('/images/content/features/thumbs/thm_enews.gif');
	background-position:center 10px;
	background-repeat:no-repeat;
}


.enews	ul li.archives	{
		background-image: url('/images/content/features/thumbs/thm_enews_archive.gif');
		}
		
.enews a	{
	padding-top: 110px;
}


.pubs	{
	display:block;
	clear: both;
	margin: 0 0 30px 15px;
}


/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0;
}

	#signup td { text-align: left; }

	#subHeader td { padding: 10px 0 0 15px; }

	td.narrow { width: 61px; }
	
	
	#partners td{
				padding: 10px;
				border-bottom: 1px solid #d0d0d0;
			}
			
			#partners td.logos{
				border-bottom: none;
				text-align: center;
				}


 /*  Holiday Calendar Index Table styles  */
 
 #cal_index	{
	border-collapse: collapse;
	width: 500px;
	}
	
 #cal_index td	{
	padding: 10px;
}

 #cal_index td img	{
	margin-bottom: 15px;
}

 /*  Holiday Calendar Table styles  */
 
#calendar	{
	position: relative;
	margin: 0;
	font-family: "Times New Roman", Georgia, Serif;
}

#calTable	{
	border-collapse: collapse;
	width: 560px;
	border: 1px solid gray;
	clear:both;
	}
	
#calTable td	{
 	width: 80px;
 	height: 55px;
	padding: 5px;
	border: 1px solid gray;
	vertical-align:bottom;
}

#calTable td.dow	{
  text-align: center;
  padding: 3px;
  height: 5px;
  border: 0;
}

#calTable td .date	{
  text-align: right;
  font-weight: bold;
  font-size: 1.1em;
}


#calTable th.month_name	{
	height: 50px;
	background-image: url('/images/backgrounds/calendar-bkgd.jpg');
	background-color: #82b8d0;
	color:#000000;
	font-size: 18px;
	text-align: right;
	padding: 35px 20px 10px 15px;
	font-weight:normal;
}

#calTable .bkgdMnth	{
	position: absolute;
	font-size: 42px;
	top: 15px;
	right: 10px;
	z-index:10;
	padding-bottom:5px;
}

#calTable .mainMnth	{
	color:#fff;
	font-size: 42px;
	position: absolute;
	top:14px;
	right: 12px;
	z-index:20;
}

.holiday_name 	{
	height: 40px;
	font-size: 12px;
}


/* Candle Lighting table  */

.CLTable {  
    font-family: Tahoma, Arial, Verdana;
    font-size: .8em;
}

.CLHeadingBold {
    text-align: center;
    font-weight: bold;
}
.CLheading {  
    text-align: center;
    color: #000000;
}
A.CLLink {
    Font-Size: 9px;
    Text-Align: center;
    Color: #000000;
    Text-Decoration: none;
}
A.CLLink:Hover {
    Font-Size: 9px;
    Text-Align: center;
    Color: #000000;
    Text-Decoration: underline;
}
.CLdate {  
    Text-Align: left;
    Font-Weight: bold;
    text-decoration: none;
}
.CLtime {  
    Text-Align: right;
    Font-Weight: normal;
    Margin-Bottom: 0px;
}
.CLhr {
	color: #666666;
	height: 1px;
	width: 50%;
}
.CLHolName {
	font-weight:normal;
}
td.CLheading{
	display:none;
	background-color: aqua;
}

a.CLheading	{
	font-size: .8em;
	text-decoration:none;
	position:absolute;
	left: 	-3000px;
}
/*  Navigation for Calendar */

.calendarNav {
	padding: 0 55px;
	vertical-align: top;
	text-align:center;
	font-family:Georgia, "Times New Roman", Serif;
	font-size: 1.1em;
	height: 25px;
	position: relative;
}

.calendarNav .btn:hover	{
	color: #0a4b61;
}

.calendarNav img	{
	margin-top: 3px;
}

.calendarNav .before {
				float:left;
				display:inline;	
                text-align:left;
                width: 120px;
                margin-left: 0;                
}

.calendarNav .middle	{
		position:absolute;
		top: 0 ;
		left:220px;
		width: 120px;
}

.calendarNav .middle input	{
	margin-top: 10px;
}

.calendarNav .after     {
				display:inline;
				float:right;
                text-align:right;
                width: 120px;
                margin-right: 0;
}


.heb_holiday {
	color: red;
}

.current_day {
	color: gray;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

/*  general form styles */
.formarea	{
	margin: 20px;
	padding: 20px;
	padding-top: 30px;
	background-color: #efefef;
	background-image:url('/images/backgrounds/form-bkgd.gif') ;
	background-position:center top;
	background-repeat:repeat-x;
	border: 1px solid gray;
}

.green	{
	background-color: #fff;
	background-image:url('/images/backgrounds/form-bkgd-green.gif') ;
	background-position:center top;
	background-repeat:repeat-x;
}


.formarea .note	{
	font-size: .85em;
}
fieldset {
	clear: both;
	border: 0;
}

.formarea div{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

legend 	{
	width: 100%;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #076293;

	}
	
legend span{
	display:block;
 	width: 480px;
 	border-bottom: 1px solid #076293;
 	padding: 0 10px;
	margin: 10px 0;
	margin-left: -10px;
	}

.formarea p.formtext	{
	margin-left: -155px;
	}
	
.pholegend	{
	display:block;
 	width: 100%;
 	border-bottom: 1px solid #076293;
 	padding: 0 10px;
	margin: 10px 0;
	margin-left: -10px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #076293;
}


.formarea select.dropdown	{
	height: 1.5em;
	padding-left: 5px;
	border: 1px solid gray;

}

.formarea div.submitBtn	{
	display:block;
	margin-bottom: 20px;
}

.formarea fieldset div label{
	float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
   }
   
   
   
  /*  For those checkboxes that are aligned left */ 
  .formarea  fieldset.left-align div{
 	padding-left:40px;
 	 width: 500px;
  } 
   
.formarea fieldset.left-align div label{
	margin-left: 0;
	float: none;
	width: 500px;
   }
.formarea fieldset.left-align div input{
	margin-left: -30px;
	width: 20px;
	}
	
	
.formarea fieldset div input.inline{
		width:auto;
		margin-left:0;
	}
	
.prices td {
	padding: 5px;
}

/* Member login form */

#membershiplogin, #minisearch	{
	clear: both;
	padding: 10px;
	background-color: #f3f3f3;
	border: 1px solid #076293;
	font: normal 12px Arial;
	width: 100%;
}

#membershiplogin.narrow, #minisearch {
	margin-top: 20px;
	width: 145px;
	float:right;
	margin-right: -15px;
	display:inline;
}

#minisearch { height: 85px;}

#membershiplogin input.short,  #minisearch input.short	{
	font-size:11px;
	width: 140px;
	margin-bottom: 10px;
	padding: 2px 0 2px 5px;
	color: #636366;
	float:left;
}
#membershiplogin.narrow input.short, #minisearch.narrow input.short	{
	float:none;
	}
	
	
	
#membershiplogin fieldset{
	margin: 0;
	padding: 0;
	border:0;
}
#membershiplogin legend, #minisearch legend{
	font-weight: bold;
	margin: 0 0 10px 0;
}

.warning	{
	font: bold 1.1em Arial;
	color:red;
}


/*  For the recipe area */


.recipeform	{
	margin: 0;	
	padding: 10px 20px 10px 30px;
	background-image: none;
	background-color: #fff;
	border-top: 0;
}

#search-container	{
	padding-top:10px;
	clear:both;
}

 #minRecipeSearch  {
	width:225px;
	height:60px;
	float:right;
	
}

#minRecipeSearch h3	{
	 color:#076293;
	 display:inline;
	 float:left;
}

#minRecipeSearch p.viral	{
	display:inline;
	float:right;
	margin-top:3px;
}

#mainContent .content #minRecipeSearch p.viral a {
	padding-left:15px;
	background: url('/images/page-elements/search.gif') #ffffff no-repeat;
	font: normal .8em "Times New Roman", times, serif;
	color:#076293;
}

#mainContent .content #minRecipeSearch p.viral a:hover {
	color:#cc6633;
}

/*  General form elements   */

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

input.textBox	{
	width: 250px;
	height: 1.5em;
	padding-left: 5px;
	border: 1px solid gray;
}
	
.checkbox, .radio	{
	clear:left;
	float:left;
	margin-left: -40px;
}

.textarea {
	width: 400px;
	height: 80px;
	padding-left: 5px;
	border: 1px solid gray
}

input.short	{
	width: 150px;
}

input.button	{
	 margin-top: 10px;
	 }
	 
.required {
	font-weight: bold;
}

.required legend	{
	font-weight:normal
}

.additional	{      /*  this is a "honeypot" for anti-spam control */
	display: none  !important;
	}



/* ############# Specific forms styled pappropriately #################### */


/*  ### e-news form box  ###  */
#enews-signup	{
	margin-left: 30px;
	}
#enews-signup .checkbox	{
	margin-left: -100px;
	width: 375px;
}

#enews-signup .checkbox	input{
	float: left;
	margin-left: -30px;
	width: 25px;
}

#signup input { vertical-align: middle; }

#signup input.textbox {
	width: 95px;
	margin-left: 7px;
	font-size: 11px;
}

#sidebarHome input.textBox {
	margin: 5px 0 1px 15px;
	padding: 2px;
	width: 130px;
	font-size: 11px;
	height: auto;
	background-color: #fff;
}

#sidebarHome input.button {
	margin: 0 10px 0 90px;
}

/*  ### forward to a friend  ###  */

#email_forward	td{
	height: 20px;
	padding-bottom: 10px;
}

#email_forward input{
	font-size:.9em;
	margin-left: 20px;
}

p.bottom-text	{
	padding: 10px 100px;
}

/*  ### general contact form  ###  */


#contact	{
	padding: 20px;
	background-color: #e2e3e5;
	border: 1px solid gray;
}

#contact td	{
	padding:  5px 15px;
	}
	
	
#contact input.textBox {
	padding: 2px;
	border: 1px solid gray;
}

/*  ###  Tribute Cards   ###  */
#card_choice_img {
	float:left;
	margin-right: 20px;
}

.rechoose	{
	font-size: .75em;
	width:100px;
	float:right;
}


/* ## Reflections form ## */
.prices td.padbottom	{
	padding-top:0;
	padding-bottom:10px;
}


/*  ### e-cards form box  ###  */
#ecards .cardholder	{
	float: left;
	width: 230px;
	margin: 10px 20px;
	text-align:center;
	
}

#ecards .cardtitle	{
	margin-top: 20px;
	font-size: 1.25em;
	text-align:center;
	font-weight:bold;
	color: #076293;
}


#ecards p.byline	{
	margin-top: 15px;
	font-size: 1.1em;
	text-align:center;
	font-weight:bold;
	color: #000;
}


#ecards p.authorblurb	{
	width: 550px;
	padding: 10px 0;
	font: normal .85em/1.15em Arial, helvetica,san-serif;
	text-align:justify;
	border: 0;
}



#ecards .textarea {
	width: 250px;
	height: 200px;
	}
	
#ecards	.ecard_msg	{
	text-align:center;
	width: 600px;
	height: 300px;
	margin: 10px 15px;
	border:1px solid #dfe8f7;
	margin-left:-5px;
	position:relative;
}
#ecards	.ecard_msg p {
	position:absolute; 
	top:136px; 
	left:20%; 
	right:20%;
	}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h6 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.25;
}

h5 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.25;
}

h4 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.25;
}

h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.25;
}

h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.25;
}

h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h6 a { text-decoration: none; }

h5 a { text-decoration: none; }

h4 a { text-decoration: none; }

h3 a { text-decoration: none; }

h2 a { text-decoration: none; }

h1 a { text-decoration: none; }

h1 { font-size: 1.9em; }


h2.line	{
	border-bottom: 1px solid #076293;
}
	#header h1 {
		height: 29px;
		margin-left: 160px;
		background-image :url('/images/logos/jewish_home_main_title.png');
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -4440px;

	}
		
h2 {
	font-size: 1.3em;
	color: #076293;
}

	#header h2 {
		margin-left: 160px;
		font-weight: normal;
		font-style: italic;
		font-size: 1.1em;
		line-height: 1.2em;
		color: #535353;
		padding: 0;
	}

	#sidebarHome #top-ten h2 {
		text-align: center;
		font-size: 1.6em;
		color: #076293;
		padding: 5px 0 0 0;
		line-height: normal;
	}

	#subHeader h2 {
		font-size: 1.4em;
		color: #076293;
		padding: 2px 0;
	}

		#subHeader h2 a {
			color: #076293;
		}
		
		#subHeader h2 a:hover {
			color: #cc6633;
		}


	#mainHome h2 {
		color: #076293;
	}
	
	.pubs h2	{
	padding-top: 20px;
}
		
h3 { font-size: 1.2em; }

	#mainHome h3 {
		color: #076293;
		padding: 2px 0;
	}

		#mainHome h3 a {
			color: #076293;
			text-decoration: none;
		}
		
	h3.smallcaps	{
	 font-size: 1.05em;
	}
	
h4 { font-size: 1.1em; }

	#mainHome h4 {
		font-size: .9em;
		padding: 5px 7px;
		margin: 0 0 3px 0;
		background: #076293;
		color: #fff;
		font-style: italic;
	}

		#mainHome h4 a {
			font-size: .9em;
			background: #076293;
			color: #fff;
			font-style: italic;
		}


.sub-blue	{
	color:#076293;
	margin-bottom: -8px;
}
/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* -------------------------------------------------------
    VIII.  LIGHTBOX
----------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(/images/buttons/prevlabel.gif) left 15% no-repeat;  }
#nextLink { right: 0; float: right; background: url(/images/buttons/nextlabel.gif) right 15% no-repeat; }
#prevLink:visited:hover { background: url(/images/buttons/prevlabel.gif) left 15% no-repeat; }
#prevLink:hover { background: url(/images/buttons/prevlabel.gif) left 15% no-repeat; }
#nextLink:visited:hover { background: url(/images/buttons/nextlabel.gif) right 15% no-repeat; }

#nextLink:hover { background: url(/images/buttons/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }