/*  =COLORS
----------------

dk blu #123B97;
grey txt body #848484;
grey txt sidebar - #656565;
sky blu accent txt, shabbat - #4D98E1;
pale blu sidebar boxes, art caption titles - #AAD4FC;
purple - #8F66AB;
youth turquoise  - #8F66AB;

*/



body {

font: normal normal .76em/1.5 verdana, tahoma, arial, sans-serif;
color: #848484;
text-align:center;
background: transparent url(../img/bg_body.gif) repeat;
padding: 15px 0;
margin:0;

}

/* a#skip {} */

/*  =standard tweak
------------------------*/

img {display:block;}
a img {border:0; text-decoration:0;}

br.clear {line-height:0;font-size:0; clear:both; display:block; background: transparent;} /*b4 wrapper on home for ie6 - picture drops out of artwork if not there. doh. */


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

h1{
margin:1em 0; padding:0;
}

h2{
font:bold normal 1.3em "helvetica neue", helvetica, arial,sans-serif;
margin:1em 0;
padding:0;
text-transform: uppercase;
}

.box h2 {
float:left;
margin:0 0 1em;
padding: 0 10px;
line-height:1.69em;
font-size:1.3em;
}

#content h3 {font: normal bold 1.3em georgia, times,serif; }


h3{
	margin:1em 0; padding:0;
}
p {margin:1em 0; padding:0;}

#intro {
	clear:both;
	margin: 0;
	padding: 0 15px 1px;
	width: 770px;
	float:left;
	overflow:hidden;
	background: #fff;
}
#intro img {float:left; margin: 0 25px 25px 0; padding-bottom:1px;
}

#welcome {width:360px;float:left;}
#welcome p {
	margin:0 0 1.5em; width: 360px;
	float:left; display:inline;
	font:1.45em/1.25 georgia, times, serif;
	color: #0d3d91;
	/*first sentence 8F66AB bold */
}
#welcome p span {color:#9571AE; font-weight:bold;}


#tools {float:right; display:inline; width:180px; margin:0;}

p#date,
p#textsize {
	width:180px;
	clear:right;float:right;
	margin: 0 0 15px 0;
	padding: 0;
	font: normal normal 1em/1.0 verdana, tahoma, arial, sans-serif;
	color: #848484;

	}
p#date {font-weight:bold; color:#0D3D91;}
p#textsize span {float:left;display:block;clear:none;line-height:1.5em;text-transform:uppercase;color:#848484;}
p#textsize a { /*float:left;*/
	clear:none;
  float:left;
  display:inline;
	width: 1.0em;
	margin-left: .3em;
	padding: 0 .05em .2em;
	text-align:center;

	line-height:1em;
	font-size: 1.2em;
	color: #4D98E1;
	border: 1px solid #4D98E1;
	text-decoration:none;
	}


/*  =BoxES
------------------------  */




#wrapper {  font-size: .8223em;
position:relative;
width:800px;
margin:0 auto;
text-align:left;
background: #fff;
display:block;
overflow:hidden;
/*border-bottom: 5px dashed green;*/
}


#logobar {
position:relative;
height: 115px;
width: 800px;
background:#fff;
}

#logobar img#sujclogo {position: absolute; bottom:10px; left:20px; }


  /* =header NB don't need this really but #intro takes its cue from it, and not from the artwork, which is absolutely positioned */

#header {
width: 800px;
height: 63px;
margin: 0 0 25px;
margin-top:10px;
}
#home #header {
height: 250px;
}

#artwork {
	position:absolute;
	top:115px;
	left:0;
	z-index:4;
	clear:both;
	display:block;
	width:800px;
	height:250px;

	/*border: 3px dashed green;
	background: pink;*/
}

#artwork #picture {
/*position:relative;
	top:0;
	left:0;
	z-index: 99;*/
}

#artwork #caption {

	position:absolute;
	z-index: 12;
	bottom: 0;
	right: 95px;
	width: 95px;
	background: transparent url(../img/bg_hdr_caption_tr.gif) top no-repeat;
	color: #fff;
	padding: 12px 0 0;/**/
}
#caption h3 {margin:0; padding:0; line-height:0; text-indent:-9999em;
}

#caption dl{
	width: 78px;
	margin: 0; padding:0;
	list-style:none;
	padding: 1px 10px 7px 7px; /*invert for bottom snip bg*/
	background:#0D3D91;
	float:left;
}

#caption dt,
#caption dd {
	line-height: 1.2;
	margin:0;
	padding:0;
	}

#caption dt {
	font-weight: bold;
	color: #AAD4FC;
}

#caption dd {color: #fff;margin-bottom: 8px;}

#caption dt.age {float:left; clear:none; margin-right:5px;}
#caption dd.age {float:left; margin-bottom:0;}


  /* =nav   */

#nav_main {
	position: relative;
	z-index: 5; /**/
	float: left;
	margin: 0 ;
	padding: 0;
	list-style:none;
	width auto;
	text-transform: uppercase;
} #home #nav_main { margin: 15px 0 0 0 ;}

ul#nav_lower{
    /*position: relative;*/
	z-index: 5; 
	text-transform:none;
	font: bold 1.2em/1 georgia, palatino, times, serif;
	padding: 0;
	list-style:none;
	width auto;
	color:#083C8F;
	display:block;
}

#nav_main li {
	margin:0 0 5px;
	padding: 0;
	float:left;
	clear:left;
	width: auto;
}

#nav_main li a.top_nav {
  display:block;
  padding: 0 7px 0 20px;
	text-decoration: none;
	background: #0d3d91;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "helvetica neue", helvetica, arial,sans-serif;
	line-height:20px;
	color: #fff;
	text-transform: uppercase;
	}

#nav_main li.youth a:hover {background: #0cc;}
#nav_main li a:hover, 
#nav_main li a:active,
#nav_main li#urhere a.top_nav {background: #8F66AB;}
#nav_main li#urhere.youth a {background: #0cc;}


#wrapper_cols {					 /* INNER PAGES - 2 cols ( no sidebarL ) */
	width: 565px;
	padding: 0 15px 25px;
	background: #fff;
	display:block;
	float:right;
	clear:none;
	overflow:hidden;
}
#home #wrapper_cols { 	/* 3 cols */
	float:none;
	overflow:hidden;
	clear:both;
	display:block;
	width: 770px;
	margin-top:25px;
	/*_	margin-top:25px;*/
	padding: 0 15px 15px;

}

/*
#times {
position: absolute;
top: 0;
left:400px;
z-index:12;
width: 350px;
font-size: 1em;
color: #656565;
background:red;
}
*/

#shabbat {left:405px;
}
#services { left:570px;
}

#shabbat, #services {
	position: absolute;
	top: 0;
	z-index:12;
	display:block;
	width:150px;
	padding:7px 0 12px 0;
	font-size: 1em;
	color: #656565;
	 background: transparent url(../img/bg_times_corners_bl.gif) bottom left no-repeat;
	} #services {width: 180px;}
#shabbat div, #services div {padding:0 10px 1px; background:#fff;}

#shabbat p, #services p{ margin: 0 0 5px; padding: 0; line-height: 1.25;}
#shabbat  h2, #services h2{margin: 0 0 5px; padding: 0; color:#083C8F; font-weight:bold; font-size: 1.2em;}
#shabbat span, #services span {font-weight:bold; color: #4D98DB;}
#services span {display:block;}





#wrapper_order {
display:block;
float:left;
width: 565px;
background: #fff;
}

#content {
float:left;
width: 360px;
background: #fff;
}

#home #content {
float:right;
}



		/*  =news    */
#home #content div.box {
float:left;
width:360px;
background: transparent url(../img/bg_heading_ppl.png) repeat-x; /*purple stripes*/
_background: transparent url(../img/bg_heading_ppl.gif) repeat-x;

}


#content div.box h2 {margin-bottom: 10px; background:#8F66AB; font-weight:bold; color:#fff; }

#content #news .date {font-weight:bold; color:#0D3B90;}
#content #news .taster {clear:both; display:block; margin-bottom: 10px; float:left;}
#content #news .taster h3 {clear:none; margin: 0 0 .3em; color: #9571AE; font: normal normal 1.45/1 georgia, palatino, times, serif;}
#content #news .taster p {clear:none; margin: .3em 0; color: #848484;}
#content #news .taster img {background: #aaa; float:left; margin: 0 7px 2px 0;}

#content h1, #intro h1 {text-indent:-9999em;line-height:0;font-size:0;margin:0;padding:0;}

#content .article {display:block; width:350px; ;clear:both; margin:20px 0; padding-bottom:15px; background: #fff url(../img/bg_article_divider.gif) bottom repeat-x;}
#content .article h2 {margin: .5em 0; color: #9571AE; letter-spacing: -.005em; font: bold 1.45em/1 georgia, palatino, times, serif; text-transform: none;}
#content .article h2 a,
#content .article h2 a:link,
#content .article h2 a:visited {color: #9571AE; text-decoration:none;}
#content .article h2 a:hover,
#content .article h2 a:active,   {color: #9571AE; text-decoration:underline;}

#content .article h3.date {margin: 1em 0 .5em; font: bold 1em verdana,tahoma,arial,sans-serif;}

#content .article h2, #content .article h2 + img + p{font-weight:bold;}
#content .article img {float:left; margin:0 15px 3px 0;}
#content .article p.author {color: #0D3D91; font-weight:bold;}
#content div:last-child {background-image:none; padding-bottom:0;} /*no divider img for last article block */



#home #content .article {background-image:none; padding-bottom:0;/*no divider img*/}
#home #content .article h3 {color:#8F66AB; margin-left:0;_clear:none;}
#home #content .article p {color:#656565;margin: .5em 0; _clear:none;}
#home #content .article img {float:left;}
#home #content .article img + h3, #home #content .article img + h3 + p{/*font-weight:bold;*/clear:none;}



#sidebarL {
float:left;
width: 180px;
background: #fff;
color: #656565;
}

div#sidebarL.lower-sidebarL {
	width:200px;
}

div.box {
width:180px;
margin: 0 0 20px;
padding: 0 0 7px;
background: #AAD4FC url(../img/bg_heading_blu.png) 0 0 repeat-x;
_background: #AAD4FC url(../img/bg_heading_blu.gif) 0 0 repeat-x;
}


div.box h2 {
margin: 0 0 .7em;
background:#123B97;
font-weight:bold;
color:#fff;
}

div.list ul {
	clear:both;
	display:block;
	list-style:none;
	margin: 0;
	padding: 0 10px ;
	width:160px;
}

div.list ul h3 {
margin: 0;
}
div.list ul h3 a{
color: #123B97; /*dkblu*/
margin: 0;
}




div.list ul li {
	margin:0 0 .7em;
	padding:0;
	line-height:1.2;
}

div.list ul a {
	color:#0B3E91;
	
	text-decoration: none;
}
div.list ul a:hover, div.box ul a:active {
	text-decoration: underline;
}

div.box p,
div.box h3 {
	clear:both;
	margin: 0 10px;
	padding:0;
	font-size:1em;
	line-height:1.2;
}

div.box p {margin-bottom: .7em;}

div.box#events {margin-top: 0;}
div.box#contacts {
	overflow:hidden;
	margin-left:16px;

}

div.box#contacts a {
	color:#0B3E91;
	text-decoration: none;
}

div.box#contacts a:hover {
	text-decoration:underline;
}

div.box#events h3,
div.box#contacts p {font-weight:bold; color:#0B3E91;  }

div.box#events p,
div.box#contacts h3 {font-weight:normal; color:#656565;}
div.box#contacts h3 {text-transform: uppercase;}


#sidebarR {
	float:right;
	width: 180px;
	background: #fff;
	color:#656565;
	clear:right;
	}


h2.replace {
	position:relative;
	margin: 0 0 20px;
	padding:0 ;
	height:100px;
	width: 180px;
	text-indent:-9999em;
}

h2.replace#youth{
margin:20px 0;
height:107px;
}

h2.replace#newsletter a,
h2.replace#youth a{
	position:absolute;
	top:0; left:0;
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999em;
}

h2.replace#newsletter a {background: #fff url(../img/btn_newsletter.gif) 0 0 no-repeat;}
h2.replace#youth a {background: #fff url(../img/btn_kids.gif) 0 0 no-repeat;}

ul#nav_lower {
	display:block;
	margin-top:20px;
	width:160px;
	margin-left:20px;
	padding-bottom:10px;
}

ul#nav_lower li {
	width:160px;
	background-color:#ffffff;
}

#nav_lower li.lower a {
	color:#8F66AB;
	text-decoration:none;
	/*margin-left:10px;*/
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	text-transform:uppercase;
	background-color:#ffffff;
}

#nav_lower li a:hover {
	text-decoration:underline;
	background-color:#ffffff;
}


/* =footer */

#footer {
	clear: both;
	display: block;
	width: 770px;
	padding: .5em 15px 1em;
	background: #fff url(../img/bg_nav.gif) 15px 0 no-repeat;
	color: #656565;

}

#footer p#scorecomms {
	float:left;
	display:inline;
	width: 565px;
	padding-bottom:5px;
	display:inline;
	line-height:25px;
	}
#footer p#scorecomms a {
	padding-left: 35px;
	background: #fff url(../img/logo_scorecomms.gif) 0 0 no-repeat;
}
#footer #nav_sub {

	width: 180px;
	margin:1em 0 0 25px;
	padding:0;
	list-style:none;
	float:right;
	display:inline; /*ie6 dbl mgn*/
}
#footer #nav_sub li {
	display:inline;
	padding: 0 15px 0 0;
	border-right:1px solid #656565;
}
#footer #nav_sub li#privacy {border:0;padding-left:15px;}

#footer a {
	color: #656565;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	text-decoration: underline;
}

#top_nav .yk a {
	background-color:#123B97;
}

.yk a:hover {
	background-color:#8F66AB;
}

h6 {
	font-size:2em;
	margin:0;
	padding:0;
	font-family:georgia, times, serif;
}

div#sidebarL.lower-sidebarL #nav_main {
	padding-bottom:20px;
}

div#sidebarL.lower-sidebarL ul#nav_main ul#nav_lower {
		margin-top:10px;
	}
	
p#textsize.lower {
		margin-top:10px;
	}
	
.lower-selected {
	padding-left:10px;
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#fff;
}

#content .article h2 a:hover {
	text-decoration:underline;
}

li#lower_nav_li {
	margin:0;
	padding:0;
	margin-top:-10px;
	/*margin-bottom:20px;*/
}

ul#sitemap a {
	text-decoration:none;
	color:#848484;	
}

ul#sitemap a:hover {
	text-decoration:underline;
}

.article h4, .article h5, .article h6 {
	margin-top:3em;
	font-family:georgia, times, serif;
}

.article h4 {
	color:#8F66AB;
	font-size:1.1em !important;
}

.article h5 {
	color:#8F66AB;
	font-size:1em;
}

.article h6 {
	font-size:1em;
}

#us-logo {
	margin-top:5px;
	margin-bottom:0px;
	padding:0 7px;
}