/*
	CONTENT
*/

body.home .main .content {
	width: 525px;
	padding-left: 0;
	float: left;
}


/*
	ROTATOR
*/

.main .rotator {
	position: relative;
	width: 790px;
	height: 308px;
	background-color: #333;
	overflow: hidden;
}

.main .rotator .link {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.main .rotator .link.show { display: block; }

.main .rotator .slides {
	position: relative;
	width: 790px;
	height: 308px;
}

.main .rotator .slides img {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.main .rotator .slides img.show {
	top: 0;
	left: 0;
}

.main .rotator .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 790px;
	height: 90px;
	background: transparent url('../images/bg_rotator-caption.png') center bottom repeat-x;
	color: white;
	font-family: Georgia, serif;
}

.main .rotator .caption .primary {
	display: block;
	margin: 9px 10px 0 60px;
	font-size: 242%;
	line-height: 124%;
}

.main .rotator .caption .secondary {
	display: block;
	margin: 0 30px 0 60px;
	font-size: 117%;
	line-height: 192%;
	float: left;
}

.main .rotator .caption .hebrew {
	display: block;
	font: bold 166%/135% Helvetica, "Arial Unicode MS", Arial, sans-serif;
}

.main .rotator .controls {
	position: absolute;
	right: 20px;
	bottom: 25px;
	width: 90px;
	height: 30px;
	z-index: 100;
}

.main .rotator .controls a {
	position: absolute;
	width: 12px;
	height: 20px;
	background-image: url('../images/rotator-controls.png');
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.main .rotator .controls a.prev							 { background-position: 0px 0px; }
.main .rotator .controls a.prev:hover				 { background-position: 0px -20px; }
.main .rotator .controls a.pause							{ background-position: -12px 0px; left: 30px; }
.main .rotator .controls a.pause:hover				{ background-position: -12px -20px; }
.main .rotator.paused .controls a.pause			 { background-position: -36px 0px; }
.main .rotator.paused .controls a.pause:hover { background-position: -36px -20px; }
.main .rotator .controls a.next							 { background-position: -24px 0px; left: 60px; }
.main .rotator .controls a.next:hover				 { background-position: -24px -20px; }


/*
	PROGRAM & FEATURED BLOCKS
*/

.main .heading {
	position: relative;
	padding: 9px 10px;
	background-color: #16729e;
	color: white;
	clear: left;
}

.main .heading h1 {
	margin: 0;
	font-size: 117%;
	font-weight: normal;
}

.main .heading a {
	color: white;
	text-decoration: none;
}

.main .heading a:hover { text-decoration: underline; }

.main .heading .more {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 9px 10px 9px 12px;
	background: #116892 url('../images/bg_heading_more.gif') left top repeat-y;
}

.main .heading .pages {
	display: block;
	position: absolute;
	right: 80px;
	top: 9px;
	color: #bad5e2;
}

.main .block {
	position: relative;
	background: transparent url('../images/bg_content_block.gif') left top repeat-x;
}

/* tabs CSS in main so it can be shared with camps, etc. */

.main .programs-panel {
	display: none;
	width: 100%;
	padding-bottom: 18px;
	float: left;
}

.main .programs-panel.selected { display: block; }

.main .stories {
	position: relative;
	width: 445px;
	padding: 18px 40px;
	overflow: hidden;
}

.main .stories.opaque { background-color: white; }

.main .story {
	width: 125px;
	margin-right: 35px;
	padding: 9px 0;
	float: left;
}

.main .story + .story + .story {
	width: auto;
	margin-right: 0;
	float: none;
}

.main .story h2 {
	margin-bottom: 0;
	font-size: 117%;
	font-weight: normal;
	color: #16729e;
}

.main .story p {
	font-size: 92%;
}

.main .story .img {
	display: block;
	width: 86px;
	margin-bottom: 18px;
}

.main .story .img img {
	display: block;
	padding: 1px;
	border: 1px solid #d9d9d9;
	background-color: white;
}

.main .story a { overflow: hidden; }

#featured-stories .all-stories {
	position: relative;
	width: 9999em;
	float: left;
}

#featured-stories .story-group {
	width: 445px;
	padding-right: 50px;
	float: left;
}

#featured-stories > .controls > a {
	display: block;
	position: absolute;
	left: 0;
	top: 40px;
	width: 33px;
	height: 37px;
	background: transparent url('../images/home_featured_prev.png') left top no-repeat;
	overflow: hidden;
	text-indent: -9999em;
}

#featured-stories > .controls > a.next {
	left: auto;
	right: 0;
	background-image: url('../images/home_featured_next.png');
}


/*
	SIDEBAR2
*/

body.home .sidebar2 {
	margin-left: 540px;
	margin-right: 0;
	padding-top: 0;
}

.sidebar2 h1 {
	margin-top: 0;
	padding: 0;
	border: none;
	color: #16729e;
	font-size: 92%;
	font-weight: normal;
}

.sidebar2 .locations {
	padding: 9px 10px;
	background: #eeeeea url('../images/bg_locations.gif') right bottom no-repeat;
}

.sidebar2 .locations h1 {
	padding: 14px 0 4px 55px;
	background: transparent url('../images/icons/map.png') 5px center no-repeat;
	font-size: 117%;
}

.sidebar2 .locations ul {
	display: block;
	margin: 8px 2px 8px 3px;
	padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #e5e5e5;
	list-style: none;
}

.sidebar2 .locations li {
	display: block;
}

.sidebar2 .locations li a {
	display: block;
	padding: 5px 30px 4px 50px;
	background: white url('../images/bg_locations_item.png') left center no-repeat;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}

.sidebar2 .locations li a:hover {
	background-color: #eef4ff;
}

.sidebar2 .loc-info {
	padding: 11px 10px 7px;
	background: #eeeeea;
}

.sidebar2 .loc-info h1 {
	padding: 9px 0 9px 55px;
	font-size: 117%;
}

.sidebar2 .loc-info h1.hours { background: transparent url('../images/icons/clock.png') 5px top no-repeat; }
.sidebar2 .loc-info h1.directions { background: transparent url('../images/icons/map.png') 5px top no-repeat; }

.sidebar2 .loc-info .more {
	display: block;
	font-size: 92%;
}

.sidebar2 .loc-info p {
	margin-bottom: 13px;
	padding-bottom: 13px;
	padding-left: 25px;
}

.sidebar2 .scroller { margin-top: 18px; overflow:auto; }

.sidebar2 .scroller .s-tabs {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background: white url('../images/bg_sidebar_scroller.gif') left bottom repeat-x;
	list-style: none;
	float: left;
}

.sidebar2 .scroller .s-tabs li {
	display: block;
	float: left;
}

.sidebar2 .scroller .s-tabs a {
	display: block;
	padding: 9px 20px;
	font-size: 92%;
	text-decoration: none;
	white-space: nowrap;
	float: left;
}

.sidebar2 .scroller .s-tabs a:hover {
	background-color: #eef4ff;
}

.sidebar2 .scroller .s-tabs .selected a {
	padding: 0 0 0 10px;
	background: transparent url('../images/bg_sidebar_tab-left.png') left top no-repeat;
	color: white;
}

.sidebar2 .scroller .s-tabs .selected a span {
	display: block;
	padding: 9px 20px 9px 10px;
	background: transparent url('../images/bg_sidebar_tab-right.png') right top no-repeat;
}

.sidebar2 .scroller .panel {
	display: none;
	width: 245px;
	max-height: 320px;
	margin: 9px 0;
	padding: 0;
	font-size: 92%;
	overflow-y: auto;
	list-style: none;
	float: left;
border-bottom:1px solid #eeefe9;
}

.sidebar2 .scroller .panel.selected { display: block; }

.sidebar2 .scroller .panel li { display: block; }

.sidebar2 .scroller .panel li.alt { background-color: #f6f6f4; }

.sidebar2 .scroller .panel a {
	display: block;
	margin: 0;
	padding: 9px 3px 5px 6px;
	border-bottom: 1px solid #eee;
	color: #333;
	text-decoration: none;
}

.sidebar2 .scroller .panel a:hover { background-color: #eef4ff; }

.sidebar2 .scroller #updates-panel a {
	display: inline;
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px;
	color: #595858;
	text-decoration: none;
	font-weight:bold;
}

.sidebar2 .scroller #updates-panel a:hover {	}


.sidebar2 .scroller .panel .title {
	display: block;
	font-size: 109%;
	
}

.sidebar2 .scroller .panel .date {
	display: block;
	color: #16729e;
	margin-bottom:3px;
}

.sidebar2 .scroller .panel .desc { display: block; color:#4c4a4a; }

.all {
	margin-top:-10px;
	float:left;
	background: url('/images/all_bg_image.jpg') top left no-repeat;
	width:200px;
	height:32px;
	font-size:111%;
	padding-left:35px;
	padding-top:7px;
	display:block;
	overflow:hidden;
}

.events, .updates { display:none;}
