/** new homepage css*/
/** header bg */
#headertopbg{ background:url(../_images/headertop-bg.png) left top no-repeat; width:1016px; height:198px; margin:0 auto;}
#headerbottombg{ background:url(../_images/headerbottom-bg.png) left top no-repeat; width:1016px; height:394px; margin:0 auto;}
/** mid */
#midcontentbg{ background:#FFF; width:978px; height:auto; padding:10px !important; margin:0 auto; overflow:auto; Overflow-y:hidden; Overflow-x:hidden; position:relative;}
/** header */
.headerarea{ width:998px; height:166px; margin:0 auto; position:relative;}
a.headerlogo{ background:url(../_images/header-logo1.jpg) left top no-repeat; display:block; width:466px; height:166px; text-decoration:none; outline:none;}
p.headerrightarea{ width:171px; height:154px; position:absolute; right:5px; top:10px; /*border:1px solid #000;*/}
p.headerrightarea img{ float:left;}
p.headerrightarea a img.fblike{ margin-left:20px; margin-top:5px; vertical-align:top; border:none;}
p.headerrightarea a img.smallicon{ margin-left:5px; margin-top:5px; border:none;}
/** navs */
ul.topnavi{ width:1000px; height:32px; margin:0 auto; /*border:1px solid #003;*/ /*overflow:auto; Overflow-y:hidden; Overflow-x:hidden;*/ /*position:relative; z-index:1;*/}
ul.topnavi li{ background:url(../_images/nav-bg.jpg) left top repeat-x; display:inline; list-style:none; margin-left:1px; float:left; position:relative; z-index:2;}
ul.topnavi li:hover{ background:#777777 !important;}
ul.topnavi li.home{ margin:0;}
ul.topnavi li a{ text-decoration:none !important; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#FFF; display:block; padding:8px 0;}
ul.topnavi li a.home{ padding-left:54px; padding-right:54px;}
ul.topnavi li a.aboutus{ padding-left:45px; padding-right:46px;}
ul.topnavi li a.collections{ padding-left:45px; padding-right:46px;}
ul.topnavi li a.scholarship{ padding-left:45px; padding-right:46px;}
ul.topnavi li a.jewishresources{ padding-left:45px; padding-right:45px;}
ul.topnavi li a.membergifts{ padding-left:29px; padding-right:29px;}

ul.topnavi ul{
	margin:0;
	margin-left:-1px;
    background:#FFF;/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
ul.topnavi ul li{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
}
ul.topnavi ul a{
	width:289px;
	padding-left:8px !important;
	padding-right:3px !important;
	background:url(../_images/nav-bg.jpg) left top repeat-x;
	text-decoration:none;
	font-weight:normal !important;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
ul.topnavi ul a.lastwidth{ width:178px !important;}
ul.topnavi ul li a span{ 
	font-weight:bold !important;
	text-align:center;
}
ul.topnavi ul a em{ font-style:italic;}
ul.topnavi li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
ul.topnavi li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*background:url(../_images/nav-bg.jpg) left top repeat-x;*/
	text-decoration:underline;
}
ul.topnavi li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
ul.topnavi li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#777777;
}

/** top area */
.toparea{ width:999px; height:380px; margin:0 auto; position:relative; /*border:1px solid #666;*/}
/** left column */
.leftcolumn{ width:168px; height:auto; float:left;}
p.search, p.support, p.connect{ width:155px; height:123px; margin:0; margin-top:3px; margin-left:5px;}
p.search span, p.support span, p.connect span{ display:block; font-weight:bold; color:#FFF; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:6px 0 10px 8px;}
p.search a, p.support a, p.connect a{ text-decoration:none; display:inline; background:#FFF; padding:1px 4px 1px 3px; margin-left:10px; margin-bottom:3px; font:bold 13px Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px; border:1px solid #666666;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; outline:none; cursor:pointer; float:left; }
p.search a:hover, p.support a:hover, p.connect a:hover{ background:#C8C8C8;}
p.connect a.events{ display:block !important; width:100px; background:none !important; border:none !important; padding:0 !important;}
p.connect a.events span{ display:inline; background:#FFF; padding:1px 10px 1px 3px; background:#FFF; font:bold 13px Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px; border:1px solid #666666;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
p.connect a.events span:hover{ background:#C8C8C8;}
p.connect a.askus img{ vertical-align:baseline; /*background:#FFF url(../_images/link-icon.jpg) right 3px no-repeat;*/}
p.search{ background:url(../_images/search-bg.jpg) left top;}
p.support{ background:url(../_images/support-bg.jpg) left top;}
p.connect{ background:url(../_images/connect-bg.jpg) left top;}
/** mid column*/
p.midcolumn{ background:#000; width:448px; height:382px; margin-top:1px; float:left;}
p.midcolumn img{ margin:13px;}
p.midcolumn label{ display:block; font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; margin-left:20px;}
p.midcolumn label span.italic{ font-style:italic;}
p.midcolumn label span.desc{ font-size:12px;}
/** right column */
.rightcolumn{ width:383px; height:383px; float:left;}
/** mid bg */
#midbg{ background:url(../_images/mid-bg.png) left top; width:1016px; height:362px; margin:0 auto;}
h1.midcat{ width:998px; height:30px; margin:0 auto; font:bold 24px Arial, Helvetica, sans-serif; color:#FFF; padding:2px 0 2px 25px;}
.midarea{ width:998px; height:auto; margin:0 auto; overflow:auto; Overflow-y:hidden; Overflow-x:hidden; /*border:1px solid #333;*/}
.midcontainer{ width:321px; height:140px; margin:10px 0 0 4px; border:1px solid #898989; float:left; position:relative;}
.containermarginleft{ margin-left:10px;}
.containermargintop{ margin-top:4px !important;}
.midcontainer1{ background:url(../_images/features-bg.jpg) left top; width:323px; height:142px; margin:10px 0 0 10px; float:left; position:relative;}
.midcontainer img, .midcontainer1 img{ margin:10px 6px 5px 5px; float:left;}
.midcontainer h2, .midcontainer1 h2{ display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#000; margin:10px 5px 10px 0;}
.midcontainer p, .midcontainer1 p{ display:block; font-size:10px; color:#000; line-height:1.10em; margin-right:8px;}
.midcontainer p em, .midcontainer1 p em{ font-style:italic;}
.midcontainer a.learnmore, .midcontainer1 a.learnmore1{ text-decoration:none; display:inline; padding:3px 5px; background:#cbcbcb; font:italic bold 12px Arial, Helvetica, sans-serif; color:#1c1c74; border:1px solid #898989; position:absolute; right:8px; bottom:7px;}
.midcontainer a:hover.learnmore, .midcontainer1 a:hover.learnmore1{ text-decoration:underline;}
.midcontainer1 a.learnmore1{ background:url(../_images/learn-more-bg.jpg) left top repeat-x; color:#FFF;}
/** footer bg */
#footerbg{ background:url(../_images/footer-bg.png) left top; width:1016px; height:235px; margin:0 auto;}
.footercat{ width:998px; height:30px; margin:0 auto; /*border:1px solid #636;*/ position:relative;}
.footercat h1{ display:block; width:455px; font:bold 24px Arial, Helvetica, sans-serif; color:#FFF; padding:2px 0 1px 15px; float:left;}
.footercat h1 a{ text-decoration:none; display:inline; font:italic normal 12px Arial, Helvetica, sans-serif; color:#ffcccc; margin-left:15px;}
.footercat h1 a:hover{ text-decoration:underline;}
.footerarea{ width:998px; height:auto; margin:0 auto; margin-top:15px; /*border:1px solid #636;*/ overflow:auto; Overflow-y:hidden; Overflow-x:hidden; position:relative;}
/** footer left */
.footerleft{ width:469px; height:180px; float:left; position:relative; /*border:1px solid #636;*/}
.footerleft ul{ display:block; margin-top:20px;}
.footerleft ul li{ display:block; width:233px; list-style:none; text-align:center; line-height:1.20em; font-size:12px; float:left;}
.footerleft ul li span{ font-size:14px; font-weight:bold;}
.footerleft ul li em{ font-style:italic;}
.footerleft ul li strong{ font-weight:bold;}
.footerleft p{ display:block; font-size:12px; line-height:1.20em; position:absolute; left:30px; bottom:0px;}
/** footer right */
.footerright{ width:525px; height:180px; border-left:1px solid #000; float:left; position:relative;}
.footerright img{ margin:0 20px 0 20px; float:left;}
.footerright p{ display:block; font:normal 12px Arial, Helvetica, sans-serif !important; color:#000; margin:6px 5px 10px 0;}
.footerright p strong{ font-weight:bold;}
.footerright a.buyitem{ text-decoration:none; display:inline; background:url(../_images/learn-more-bg.jpg) left top repeat-x; padding:3px 5px; font:italic bold 12px Arial, Helvetica, sans-serif;  color:#FFF; border:1px solid #898989; /*position:absolute; right:8px; bottom:7px;*/}
.footerright a:hover.buyitem{ text-decoration:underline;}
/** end new css homepage */




/* GLOBAL old*/

body 										{ background:#FFF url(../_images/bg.jpg) left top repeat-x; /*font-family:Arial, Helvetica, sans-serif; font-size:14px;*/ font-family: helvetica neue, helvetica, sans-serif; margin:0 auto; font-size: 10pt; }
h1		 									{ font-size:14pt;font-family: helvetica neue, helvetica, sans-serif; margin:0; padding:0; }
h2 											{ font-family: helvetica neue, helvetica, sans-serif; color:#003366; font-size:12pt; margin-top: 0.5em;}
h3 											{ font-family: helvetica neue, helvetica, sans-serif; }
h4 											{ font-family: helvetica neue, helvetica, sans-serif; margin-top:0.5em; font-size:10pt;}
h5 											{ font-family: helvetica neue, helvetica, sans-serif; }
h6 											{ font-family: helvetica neue, helvetica, sans-serif; }
p 											{ font-family: georgia, serif; font-size:12pt; margin-top: 0.5em; }
td											{ font-family: helvetica neue, helvetica, sans-serif; }
li {font-size:12px; } 
ol li {margin-left:20px;margin-top: 0.5em;}

.main_wrapper 					{ margin-top:5px; }
.main_wrapper div	 			{ float:left; }
#content_wrapper				{ margin:0 auto; width:1000px; }
div.content							{ font-size:12pt;padding: 1em; width:955px; }
div.content ul li {font-size:12pt;margin-left:10px;}
div.content ol li {font-size:12pt;margin-left:25px;}

a												{ text-decoration: none; color:#CC6633; }
a:link 									{ text-decoration: none; color:#CC6633; }
a:visited								{ text-decoration: none; color:#CC6633; }
a:hover 								{ text-decoration: none; color:#003366; }
a:active								{ text-decoration: none; color:#CC6633; }
a.main_nav  						{ text-decoration: none; }
ul.sub_menu a.menuItem	{ text-decoration: none; }
ul.sub_menu li a				{ text-decoration: none; }

/* HEADER */

#header			 							{ width:100%; background:url('../images/bg_header.gif') bottom left repeat-x; height:82px; padding:0; margin:0; }
h1#identity									{ display:none; }
#donate-now { align: right; margin-left: 845px; margin-right:10px; margin-top: -50px; }
#header-search { align: right; margin-left: 400px; margin-top: -50px; }
#fb { align: right; margin-left: 350px; margin-top:-45px; }
#social-media-icons { margin-left: 680px; margin-top:-45px; }

/* DROP DOWN LEVEL ONE */

ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background:#ccc; text-align:center;font-size:14px;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active       			{ color: #ffa500; }
ul.dropdown li.hover,
ul.dropdown li:hover       			{ background: #F3D673; color: black; position: relative; }

/* DROP DOWN LEVEL TWO */
ul.dropdown ul 									{ width: 290px; visibility: hidden; position: absolute; top: 100%; left: 0; padding:0;margin:0; z-index:100; list-style:none; }
ul.dropdown ul li 							{ font-weight: normal; background: #333333; color: #FFF; border-bottom: 1px solid #ccc; float: none; line-height:1; padding-bottom:3px; }

/* THE "HOW DO I ..?" MENU */

ul#how_to												{ padding:0 0 0 40px; margin-top:5px; }
ul#how_to li a	                { display: block; padding: 1px 15px; color: #333; background-image:none; }
ul#how_to li:hover		          { background-color: #F3D673; }
ul#how_to li:last-child a       { border-right: none; } /* Doesn't work in IE */
ul#how_to ul										{ width: 350px; }
ul#how_to ul li									{ background-color: white; color: black; border-bottom: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333;}
ul#how_to ul li a								{ color: black; border-right: none; width: 97%; display: inline-block; font-size:1.1 em; text-align:left; padding:0; } /* IE 6 & 7 Needs Inline Block */

/* NAV DROP DOWN LEVEL ONE */

#navlist ul.dropdown                		{ position: relative; list-style:none; padding:0; margin:0; width:1100px; background: #BBBBBB url(../images/nav_bg.gif) repeat-x; }
#navlist ul.dropdown li:last-child a	 	{ border-right: none; }															  
#navlist ul.dropdown li a					{ border-right: 1px solid #FFF; color: #FFF; display: block; padding: .5em 0; }
#navlist ul.dropdown li a.main_nav 			{ background: #BBB url('../images/nav_bg.gif') bottom left repeat-x;z-index:-10; }
#navlist ul.dropdown li:hover a.main_nav,
#navlist ul.dropdown li.hover a.main_nav 	{ background-color: #F3D673; background-image:none; }

/* NAV DROP DOWN LEVEL TWO */

#navlist ul.dropdown ul li a 				{ border-right: none; width: 93%; display: inline-block; font-size:0.95em; text-align:left; }  /* IE 6 & 7 Needs Inline Block */

/* A "Call out" is a floating box */
div.calloutLeft 						{ background-color:#CCC; border:3px double #666666; color:#666666; float:left; font-size:9pt; margin: 1em; padding: 1em; width:200px;}
div.calloutLeft a:visited 	{ color:#CC6633; }
div.calloutRight 						{ background-color:#CCC; border:3px double #666666; color:#666666; float:right; font-size:9pt; margin: 1em; padding: 1em; width:220px;}
div.calloutRight a:visited 	{ color:#CC6633; }
div.calloutLeft ul li {margin-left:10px;}
div.calloutRight ul li {margin-left:10px;}

/* FOOTER */

#footer 									{ clear:both; color:#999999; font-size:10px; padding-top:10px; text-align:center; width:1000px; margin-top: 1em; }
#footer p { font-size:10pt; }

/* HOMEPAGE */

#call_to_action 					{ font-size: 14px; width:100%; height:175px; color:#fff; margin-top:1px; margin-bottom: 3px; margin-right:none; padding:none; }
#explore 									{ font-size: 14px; background-color:#003366; width:33.3333%; margin:none; border:none; }
#support 									{ font-size: 14px; background-color:#669999; width:33.3333%; margin:none; border:none; }
#connect 									{ font-size: 14px; background-color:#003366; width:33.3333%; margin:none; border:none; }
.actions 									{ height:100%; border:1px solid #bbb; }
.actions h2 							{ margin:10px 0px 0px 20px; font-size:2.5em; font-weight:bold; color:#F7F086; }
.actions ul 							{ list-style:none; margin:10px 0px 0px 0px; padding: 0px 0px 0px 40px; font-size:1.3em;}
.actions ul li {font-size:16px;}
.actions a 								{ color:#fff; font-weight:bold; }
#askUs { font-size:22px; font-weight:bold; }
		
#gs_wrapper								{ width:225px; }
#gs_wrapper #gs_nav 			{ text-align: center; float: none; }
#gs_wrapper #gs_nav a 		{ font-size:1.2em; color: #333; }
#gift_shop 								{ width:225px; height:420px; background-color:#B6CEC5; border: 1px solid #777; text-align:center; border-collapse: collapse; }
#gift_shop img 						{ margin:15px 0 0 0;}
#gift_shop h2 						{ font-size:1.5em; color:#003366; margin:10px 0 0 10px; }
#gift_shop h3 						{ color:#003366; letter-spacing:-1px;margin:17px 0 0 0px; font-size:1.4em; }
		
#features 								{ font-size: 13px; width:998px;height:950px; border: 1px solid #777; float:left; background:#B6CEC5}
#features h2 							{ font-size:1.5em; color:#003366; margin:10px 0 0 10px; }
.feature 									{ width:450px;margin-left:10px;float:left; }
.feature h3 							{ margin:5px 0 0 0;padding:0; }
.feature p 								{ vertical-align:top;margin:0;padding:0; }
.feature a 								{ color:black; }
.feature img 							{ float:left; text-decoration:none;border:none;margin:10px 10px 20px 5px;padding:0px; }
.feature2 {width:400px;margin-left:10px;float:left;padding-top:25px;}


/* Various types of tables */

table.list th 						{ font-size: 11pt; font-weight: bold; color: #CF6735; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
table.list td							{ vertical-align: top; padding-bottom: 20px; border-bottom: 1px solid #ccc; padding-left: 20px; }
table.list td p {font-size:12pt;}

table.tabular							{ background-color: #F4EEEB; }
table.tabular td					{ vertical-align: top; }

#emma2011_left { margin-left:15px; float:left; width:450px; }
#emma2011_left p { width: 420px; }
#emma2011_left h2 { margin-left:125px; }
#emma2011_left a:hover { text-decoration: none; color:#000000; font-size:12pt; font-weight:bold; }
#emma2011_left a:visited { text-decoration: none; color:#000000; font-size:12pt; font-weight:bold; }
#emma2011_right { float:left; width:450px; margin-top: -10px; }
#emma2011_right a:hover { text-decoration: none; color:#000000; font-size:12pt; font-weight:bold; }
#emma2011_right a:visited { text-decoration: none; color:#000000; font-size:12pt; font-weight:bold; }

#emma2011_right_top { height:250px; float:left; }
#emma2011_right_bottom { height:200px; float:left; }
#centerslideshow { margin-left:19%;margin-top:10px; }
#emmatxtcenter { text-align:center; }

#dailyimg { width: 385px; }
#divdate { text-align: center; font-family: georgia, serif; font-size:12pt; color:#CF6735; font-weight:bold; width:377px; margin-left:15px; background-color:#F7F086; }
#title { font-family: georgia, serif; font-size:12pt; font-weight:bold; width: 400px; margin-top:-5px; }
#title a:hover { text-decoration: none; color:#000000; font-size:14pt; font-weight:bold; }
#caption { font-family: georgia, serif; font-size:12pt; margin-top:10px; text-align: justify; }
.boxborder { border-style:groove; padding-right:-10px;margin-right:10px;width:400px; margin-top:45px; }