@charset "utf-8";
/* CSS Document */

body {
	background:#3c5012 url(/img/site/body_skygrass2.jpg) repeat-x left top;
	margin:0;
	padding:0;
	}
.frame {
	margin: 0px auto;
	width: 980px;
	border-top: 0px none white;
	border-right: 0px none white;
	border-bottom: 0px none white;
	border-left: 0px none white;
}
.header {
	background:url(/img/site/header_bg.gif) no-repeat left top;
	position:relative;
	height:91px;
	z-index:100;
}
.header img.logo {
	position:absolute;
	z-index:1;
	left:10px;
	top:4px;}
	
.header ul {
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 790px;
	list-style: none;
	position: absolute;
	z-index: 2;
	left: 175px;
	top: 10px;
}
.header li {
	float: left;
	font: normal 9px/normal Tahoma, arial, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	text-transform: uppercase;
}
.header li.selected {
	background: #003 url(/img/site/header_corner_left.gif) no-repeat left top;
}
.header li a {
	display: block;
	margin: 0px;
	padding: 4px 4px 0px 0px;
	height: 17px;
	text-decoration: none;
	color: #ff0;
	float:left;
}
.header li a:hover {border-bottom: 2px solid #CCFF00;}
.header li.selected a {background: url(/img/site/header_corner_right.gif) no-repeat right bottom;}
.header li.selected a:hover {border:none;}

/* old beginning of page

	.main {margin: 75px 20px 0px 0px;padding: 0px;}
	.main h1 {
		font: italic normal 28px segoe, "Segoe UI", myriad, "myriad Pro", arial, helvetica, sans-serif;
		letter-spacing: -1px;
		text-align: right;
		margin: 0px;
		padding:4px 20px 4px 35px;
		background: url(/img/site/main_h1.gif) no-repeat right top;
		color: white; }
*/

.main {
	margin: 0 20px 0 0;
	padding: 0;}
.main h1 {
	font: italic bold 42px segoe, "Segoe UI", myriad, "myriad Pro", arial, helvetica, sans-serif;
	letter-spacing: -2px;
	text-align: right;
	margin: -91px 0 0 0;
	padding: 45px 36px 53px 35px;
	background: transparent no-repeat 250px 42px;
	color: #690; /* grass green */
	height:75px;
	position:relative;
	z-index:50;
}
.main .photorow {
	background-color: #0062a6;
	margin: 0px;
	padding: 0px;
	height:250px;
	position:relative;
}
.main .hpPhotorow {
	width:525px;
	height:200px;
	float:right;
	margin:20px 20px 50px 0px;
	background:#0062A6;
	}

.main .photorow #photoController {
	position:absolute;
	top:200px;
	right:0px;
	background:#0062A6 url(/img/site/ul_corner.gif) no-repeat right bottom;
	color:white;
	height:21px;
	font:bold 14px Tahoma, arial, sans-serif;
	width:515px;
	padding:3px 0 0 10px;
	}
	
.main .photorow #photoController a {
	height:15px;
	margin:10px 0 0 5px;
	padding:1px 5px;
	text-decoration:none;
	text-align:center;
	font:bold 11px Tahoma, arial, sans-serif;
	color:#cf0;
	background:black;
	}

.main .content {
	background: white url(/img/site/main_content.gif) no-repeat right bottom;
	padding: 1px 25px 24px;
	margin: 0px;
	color: #222;
}

/* Increased padding for static page template */
.staticpage .content {
	padding-top:25px;
	padding-right:75px;}


.main .content h2 {
	font: italic bold 28px segoe, "Segoe UI", myriad, "myriad Pro", arial, helvetica, sans-serif;
	margin: 0;
	padding: 11px 0 5px;
	color: #0062A6;
	letter-spacing: -1px;
}
.main .content h3 {
	font: italic bold 18px segoe, "Segoe UI", myriad, "myriad Pro", arial, helvetica, sans-serif;
	margin: 20px 0px 0px;
	padding: 0px;
	color: #0062A6;
	letter-spacing: -1px;
}
.main .content h4 {
	font: italic bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px;
	padding: 0px;
	color: #0062A6;
}
.main .content h5 {
	font: italic bold 14px segoe, "Segoe UI", myriad, "myriad Pro", arial, helvetica, sans-serif;
	margin: 0px 0px 12px;
	padding: 0px;
	color: #0062A6;
	letter-spacing: -1px;
}
.main .content h6 {
	font: normal 11px Tahoma, arial, sans-serif;
	color: #444;
	margin: 0px 150px 15px 0px;
	padding: 4px 0px 4px 7px;
	border-left: 5px solid #cf9;
}
.main .content h6 a {color:#444;}


.main .content p {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	margin: 2px 0px 12px;
	padding: 0px;
	position:relative;
}
.main .content ul, .main .content li {	font: normal 16px Georgia, "Times New Roman", Times, serif;}

.main .content .navHorizontal {
	font: normal 12px Tahoma, arial, sans-serif;
	list-style: none;
	margin: 20px;
	padding: 0;
	background: #cf0 url(/img/site/ul_corner.gif) no-repeat right bottom;
	border-top: none /* 1px solid #0062A6; */;
	float: right;
	margin:0px 0px 20px 20px;
	padding:15px 0 0 9px;
	width:300px;
	position:relative;
	z-index:100;
/*	height: 320px;*/
	}
.main .content .navHorizontal li {
	margin: 0px;
	padding: 0px;
	height: 30px;
}
.main .content .navHorizontal li a {
	font: normal 18px "trebuchet MS", arial, sans-serif;
	text-decoration:underline;
	color:#037;
	margin: 0px;
	padding: 0 0 0 40px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	}
/*.main .content .navHorizontal li a.day      {background-image:url(/images/programs/01.gif);}
.main .content .navHorizontal li a.sleep    {background-image:url(/images/programs/02.gif);}
.main .content .navHorizontal li a.maccabi  {background-image:url(/images/programs/03.gif);}
.main .content .navHorizontal li a.arts     {background-image:url(/images/programs/04.gif);}
.main .content .navHorizontal li a.kayam    {background-image:url(/images/programs/05.gif);}
.main .content .navHorizontal li a.cit      {background-image:url(/images/programs/06.gif);}
.main .content .navHorizontal li a.special  {background-image:url(/images/programs/07.gif);}
.main .content .navHorizontal li a.israeli  {background-image:url(/images/programs/08.gif);}
.main .content .navHorizontal li a.extended {background-image:url(/images/programs/09.gif);}
*/	
.main .content .navHorizontal li.heading {
	height:25px;
	font: 14px "trebuchet MS", arial, sans-serif;
	padding: 5px 5px 5px 7px;
}

.main .content .programs {
	margin: 10px 0px;
	padding: 0px;
}

.main .contentPrograms table {
	margin:20px 0;
	padding:0;
}

.main .content .programs th,
.main .contentPrograms th {
	font: bold 11px Tahoma, arial, sans-serif;
	padding: 3px 10px 3px 5px;
	background: #bb5;
	border-bottom: 1px solid #cc8;
	width: 165px;
	text-align: left;
}

.main .content .programs td,
.main .contentPrograms td {
	font: 12px Tahoma, arial, sans-serif;
	padding: 3px 10px 3px 5px;
	background: #ee8;
	border-bottom: 1px solid #cc8;
}


.frame .main .content .navHorizontal li.heading {
	border-style: none;
	font-weight: bold;
}



.main .content p strong {
	letter-spacing: -1px;
}

.main .content p.floorPic {
	margin:40px 0px 0px;
	padding:0;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#0062A6;
	clear:both;}
a.topAnchor {
	background: #99CC00;
	width: 90px;
	display: block;
	color: white;
	font: bold 10px Tahoma, arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 0px 2px 5px;
	text-align: center;
	margin: -5px 0px 30px;
}
a.topAnchor:hover {color:black;}


.main .content p.floorPicPrograms   {background-image:url(/img/site/floorPic/1.jpg);}
.main .content p.floorPicFaq        {background-image:url(/img/site/floorPic/2.jpg);}
.main .content p.floorPicAbout      {background-image:url(/img/site/floorPic/3.jpg);}
.main .content p.floorPicMessenger  {background-image:url(/img/site/floorPic/4.jpg);}
.main .content p.floorPicCalendar   {background-image:url(/img/site/floorPic/6.jpg);}
.main .content p.floorPicForms      {background-image:url(/img/site/floorPic/5.jpg);}
.main .content p.floorPicEmployment {background-image:url(/img/site/floorPic/8.jpg);}
.main .content p.floorPicContact    {background-image:url(/img/site/floorPic/9.jpg);}
.main .content p.floorPicAlumni     {background-image:url(/img/site/floorPic/7.jpg);}


.main .content p.floorPic span {
	display:block;
	margin:0;
	padding:0;
	width:910px;
	height:200px;
	background: url(/img/site/ul_corner.gif) no-repeat right bottom;
	}
.main .content .gallerylist {
	margin:20px 0;
	border-top: 2px solid #9c0;
	padding-top:20px;}
.main .content .singlegallery {width:430px;float:left;margin:0 15px 15px 0;}
.main .content .singlegallery .thumbnailCol {
	height: 130px;
	text-align: left;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 130px;
	text-decoration: none;
}
.main .content .singlegallery .thumbnailCol img {border:2px solid #eeb;}


.main .content .singlegallery img {display:block;float:left;margin-right:10px;}
.main .content .singlegallery h3 {margin-top:0px;}

.main .content .gallerythumbs a {
	width: 125px;
	min-height: 190px;
	display:block;
	float:left;
	font:normal 10px Tahoma, arial, sans-serif;
	color:#444;
	text-decoration:none;
	padding-left:2px;
	margin-right:22px;
	margin-bottom:20px;
	background:#efb;}
* html .main .content .gallerythumbs a {height:190px;}

/* Individual Photo Display Styles */

.main .content .galleryInd table {
	text-align: center;
	font: 13px "Trebuchet MS", "Arial Narrow", helvetica, sans-serif;
	width:100%;
	margin-bottom:25px;}
.main .content .galleryInd td.photo {
	background:#efb url(/img/site/ul_corner.gif) no-repeat right bottom;
	padding: 20px;}
.main .content .galleryInd td.photo img {border:5px solid #fff;}
.main .content .galleryInd td.nav {
	width: 640px;
	padding-left: 10px;}
.main .content .galleryInd td.nav a {
	font: normal 11px Tahoma, Arial, sans-serif;
	padding:3px 7px 3px 4px;
	text-decoration: none;
	color: #cf6;
	background:#690 url(/img/site/gallery/photoNavCorner.gif) no-repeat right bottom;
	display:block;
	float:left;
	margin-left: 5px;
	letter-spacing:-1px;}
.main .content .galleryInd td.nav a strong {color:white;letter-spacing:normal;}
.main .content .galleryInd td.nav a:hover {color: #55CCFF;}
.main .content .galleryInd td.nav a.return {background-color:white;color:#444;text-decoration:underline;letter-spacing:normal;}
.main .content .galleryInd td.nav a.return:hover {color:#059;}
.main .content .galleryInd td.nav a.disabled,
.main .content .galleryInd td.nav a.disabled:hover {
	background-color: #ccd;
	color: white;}
	
	
	

.main .content .gallerythumbs a img {
	border: 2px solid #ddd;
	display:block;
	margin-left:-2px;
	}
	
.main .footer {
	background: #99CC00 url(/img/site/footer_corner.gif) no-repeat right top;
	position: relative;
	height: 62px;
	margin: 0px 0px 25px;
	padding: 0px;
}
.main .footer p {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 25px;
	top: 12px;
	font: bold 14px Tahoma, arial, sans-serif;
	color: #000000;
}
.main .footer p a {
	color: #000000;
}
.main .footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	left: 25px;
	top: 34px;
	right: 0px;
	bottom: 0px;
}
.main .footer li {
	float: left;
	margin-right: 10px;
	font: bold 11px Tahoma, arial, sans-serif;
	color: white;
}
.main .footer li a {
	color: white;
}
.main .footer a.jcc {
	position: absolute;
	top: 0px;
	right: 0px;
}
.extLinks {height:50px;font:normal 10px Tahoma, arial, sans-serif;}
.extLinks a {text-decoration:none;color:white;}
.extLinks a.mtm {
	float:left;
	padding-left: 20px;
	color: #e51;
	font-size: 9px;
}
.extLinks a.associated {float:right;margin-right:-2px;}
.extLinks a.cred {float:right;margin-right:20px;}
.extLinks img {display:block;}



.calendarListing {
	margin-top: 35px;
}
.calendarListing p {
	margin: 0px 0px 25px;
	padding: 0px;
	clear: both;
}
.calendarListing span.calendarDay {
	display: block;
	float: left;
	height: 33px;
	width: 45px;
	text-align: center;
	background: #FFFF66 url(/img/site/calendar.gif) no-repeat;
	font: bold 22px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #3C5012;
	margin: 0px 10px 25px 0px;
	padding: 7px 0px 0px;
}
.calendarListing span.calendarTitle {
	margin: 0px;
	padding: 0px 0px 3px;
	width: 800px;
	font-size: 12px;
} 

.fotoR, .fotoL {display:block; margin:20px; padding:0px;position:relative;}
.fotoR {clear:right;float:right;margin-right:0;}
.fotoL {clear:left;float: left;margin-left:0;}
.calMonth {
	width: 100%;
	margin: 20px 0px 40px;
	padding: 0px;
	font: normal 13px Tahoma, arial, sans-serif;
	background: url(/img/site/ul_corner.gif) no-repeat -1px bottom;
}
.calMonth th {
	background: #0062A6 url(/img/site/ul_corner_reverse.gif) no-repeat left top;
	font: bold 28px segoe, "Segoe UI", myriad, "myriad Pro", arial, helvetica, sans-serif;
	color: #FFFF3D;
	text-align: center;
	padding: 2px;
	}

.calMonth .columnDate {
	width: 20%;
	background: #ADD540;
	border-bottom: 1px solid #8b2;
	padding: 4px 6px;
	}
	
.calMonth .columnEvent {
	width: 45%;
	background: #B7E244;
	border-bottom: 1px solid #8b2;
	padding: 4px 6px;
	border-right: 1px solid #ad4;
	border-left: 1px solid #ad4;
	font-weight: bold;
	}
	
.calMonth .columnNote {
	width: 35%;
	background: #ACD540;
	border-bottom: 1px solid #88BB22;
	padding: 4px 6px;
	}

.calMonth .columnHeadings td.columnDate,
.calMonth .columnHeadings td.columnEvent,
.calMonth .columnHeadings td.columnNote {
	font-size:10px;
	color:#28c;
	background:#df6;
	text-transform: uppercase;
	border-style: none;
	font-weight: normal;
	letter-spacing: 2px;
}
.narrowTextCol {width:500px;}

.main .content .bulletinBoard {
	color:white;
	background:black url(/img/site/bulletinBoard_bg.gif) no-repeat left bottom;
	margin:0;
	padding:0 0 10px;
	width:350px;
	}
.main .content .bulletinBoard a {color:#ccf;}
.main .content .bulletinBoard h3 {margin:0 0 10px;}
.main .content .bulletinBoard p {margin:10px 20px 10px 30px;}