/*  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */}

caption, th, td {
	text-align: left; 
	font-weight: normal;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	height:100%;}

/* -----------------------------------------------------------------------------------------------*/	

a:link {
  text-decoration:none;}

a:visited { text-decoration: none; }

a:hover {}

a:active {}


/* -----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}


/* ----------------------------------------------------------------------------------------------*/	

.hide {
	position: absolute;
	left: -9999px;}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}

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

.clearfix {
	display: inline-block; }
	
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }

/*-----------------------------------------------------------------------------------------------*/	
#container {
  width:1000px;
  padding:48px 0 0 0;}

#page {
  margin:0 0 0 180px; 
  display:block; 
  width:790px;
 }

/*-----------------------------------------------------------------------------------------------*/	
#sidefixed {
  display:block; 
  top:61px; 
  left:0px; 
  width:148px;
  position:fixed;}
  
  * html #sidefixed {position:absolute;}


#sidefixed .subimgs {
  padding:13px 0px 7px 0px;
  margin-top:12px;
  width:141px;}
  
#sidefixed .subimgs img {
	margin-bottom:10px;}  
  
  #sidefixed .subimgs p {
    display:block;
	margin:0 auto 12px auto;
	}
  
  #sidefixed .subimgs .thissummer {
	width:148px;
	height:127px;}
  
  #sidefixed .subimgs .summer08 {
	width:160px;
	height:101px;}
  
  #sidefixed .subimgs .lightscam {
    background: none;
	width:146px;
	height:29px;}
  
  #sidefixed .subimgs .justforparents {
	width:178px;
	height:92px;
	position:relative;
	left:-17px;}
  
  #sidefixed .subimgs .campaccredited {
	width:90px;
	height:53px;}
  
  #sidefixed .subimgs .jewfed {
	width:95px;
	height:62px;}

/* -----------------------------------------------------------------------------------------------*/	

#nav {
  display:block; 
  width:980px; 
  height:75px; 
  position:fixed;
  left:-1px;
  top: -1px;
  z-index:1;
  background-image:url(../images/woodnav.png);
  background-repeat: no-repeat}

#menu {
    margin-left: 0px;}

#menu, #menu ul {
	list-style: none;
	line-height: 1;}

#menu a {
	display: block;}

#menu li {
	float: left;
	width:153px;}

#menu li.home {
  margin-top:0px;
  margin-right:15px;
  width:172px !important; }

#menu li.olami {
  width:128px !important;
  margin-top: 31px; }

#menu li.quest {
  width:152px !important;
  margin-top: 31px;}

#menu li.theatre {
  width:166px !important;
  margin-top: 31px;}

#menu li.teens {
  width:85px !important;
  margin-top: 31px;}

#menu li.alumni {
  width:96px !important;
  margin-top: 31px;}

#menu li.parents {
  width:103px !important;
  margin-top: 31px;}

#menu li.staff {
  width:40px !important;
  margin-top: 31px;}

#menu li ul { /* second-level lists */
	position: absolute;
  	width:183px;
	left: -999em;}

#menu li ul li a {
  padding:7px 8px;
  width:183px;
  height:11px;
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
  color:#7D6A55;
  text-decoration:none;}

#menu li ul li a {
  background:url(../images/menu-item-paper.png);
  background-repeat:no-repeat;}

#menu li ul li a:hover {
  background:url(../images/menu-item-paper-over.png);
  background-repeat:no-repeat;
  color:#5A4A42}

#menu li:hover ul, #menu li.sfhover ul { 
	left: auto;}


#papercontainer{
width:477px;
float:left;}



#indexcontainer{
	width:790px;
	height:420px;
	display:block
}

#papertop{
	background-image:url(http://www.sabesjcc.org/summercamp/images/content-top.png);
	width:477px;
	height:19px;
	float:left;
	background-repeat:no-repeat;
}
#content {
  background-position: 4px 0px;
  position:relative;
  top:50px;
  padding-bottom:10px;
  margin-bottom:40px;
  clear:left;
}

#content.reg { min-height: 1000px; }

#content.home { background: none; }

#maincontent {
background-color:#FFFFFF;
  width:477px;
  float:left;}
  
  #indexmaincontent{
  background-color:#FFFFFF;
  width:477px;
  float:left;}

#paperfoot{
	background-image:url(http://www.sabesjcc.org/summercamp/images/content-bottom.png);
	width:477px;
	height:19px;
	float:left;
	background-repeat: no-repeat;
}

  #maincontent  h2 {
	height:16px;
	padding:24px 0 0px 29px;
	color:#5A4A42;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;}

  #maincontent  h2  span{
	height: 17px;
	display:block;}
	
	#maincontent  h3 {
	color:#5A4A42;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;}

#maincontent .blockcontent p {
    color:#5A4A42;
	line-height:16px;
	font-size:1.2em;
	padding:10px 28px;
	font-family:Arial, Helvetica, sans-serif;}

   #maincontent .blockcontent p a {
	color:#00A8CB;
}

   #maincontent .blockcontent p a:hover { text-decoration: underline; }

/* -----------------------------------------------------------------------------------------------*/	
#sidecontent {
  float:right;
  width:260px;
  padding-right:20px;}
  
#indexsidecontent {
  background-color:#999999;
  float:right;
  width:185px;}  


#sidecontent .frame-h {
	background-image:url(http://www.sabesjcc.org/summercamp/images/paper260.png);
	background-repeat:repeat;
	width:240px;
	padding:10px;
	margin-bottom:10px;
}

#sidecontent .frame-v {
	background-image:url(http://www.sabesjcc.org/summercamp/images/paper200.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:260px;
	margin-bottom:10px;}

#sidecontent img {
  margin-bottom:10px;}

#fixpic { 
  display:block; 
  width:90px;
  height:105px; 
  position:fixed;
  top:400px; 
  left:690px;
  background:url(http://www.sabesjcc.org/images/bg-leaf.png) no-repeat;}
  
* html #fixpic {position:absolute;}



/*------------------------------------*/

.slideshow { height: 790px; width: 420px; margin: 0; overflow:hidden}

/*------------------------------------*/

div.blockcontent table { width: 420px; margin-left: 30px; }
div.blockcontent td { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 3px; color:#5A4A42;}

div.blockcontent h3 { font-size: 19px; margin: 20px 0 0 27px; font-weight: bold; color: #5F2C00; line-height: 25px; }

div.blockcontent ul { margin-left: 48px; list-style-type: disc; }
div.blockcontent li { color: #5F2C00; font-size: 11px; padding: 3px; }

/*--- DD IE FX -------------------------------------*/

#menu li ul {
    position: absolute;
  width:183px;
    left: -999em;
    visibility: hidden; }


#menu li:hover ul, #menu li.sfhover ul {
    left: auto;
    visibility: visible; }