/**********************************************************************************************

	Title: Website
	Author: XHTMLized
	Date: January 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2	Page Layout
			3.3	Fixed Side Column
			3.4	Content Area
			3.5	Side Area
			3.6	Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
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%; 
	background:url(/images/bg-main.jpg);}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}



/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link {
  text-decoration:none;}

a:visited { text-decoration: none; }

a:hover {}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

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


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.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; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;}


/* 3.2	Page Layout
-----------------------------------------------------------------------------------------------*/	
#container {
  width:1000px;
  padding:18px 0 0 0;}

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

/* 3.3	Fixed Side Column
-----------------------------------------------------------------------------------------------*/	
#sidefixed {
  display:block; 
  top:10px; 
  left:0; 
  width:176px; 
  position:fixed;
  padding:0 0 0 11px;}
  
  * html #sidefixed {position:absolute;}
  
/* logo replacement */
#sidefixed h1 a {
  display:block;
  background:url(/images/logo-camplaurelwood.jpg) no-repeat;
  width:174px;
  height:178px;
  text-indent:-99999px;}

/*images */
#sidefixed .subimgs {
  padding:13px 7px;
  margin-top:12px;
  background:url(/images/bg-sidefixedimgs.png) repeat-y;
  width:162px;}
  
  #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;}

/* 3.4	Content Area
-----------------------------------------------------------------------------------------------*/	
/* Navigation */ 
#nav {
  display:block; 
  width:790px; 
  height:58px; 
  position:fixed;
  left:196px;
  top: 0px;
  z-index:1;
  background:#5f2c00;}

#menu {
  margin-left:8px; margin-top: 17px; }

#menu, #menu ul { /* all lists */
	list-style: none;
	line-height: 1;}

#menu a {
	display: block;}

#menu li { /* all list items */
	float: left;
	width:153px;}

#menu li.aboutus {
  width:82px !important; }

#menu li.laurelwoodlife {
  width:137px !important;}

#menu li.staff {
  width:63px !important;}

#menu li.bonimdaycamp {
  width:135px !important;}

#menu li.ratesdates {
  width:109px !important;}

#menu li.calendar {
  width:82px !important;}

#menu li.faq {
  width:47px !important;}

#menu li.register {
  width:71px !important;}

#menu li.contact {
  width:55px !important;}

#menu li ul { /* second-level lists */
	position: absolute;
  width:183px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}

#menu li ul li a {
  padding:7px 8px;
  width:183px;
  margin-bottom:2px;
  font-size:1.1em;
  text-transform:uppercase;
  color:#000;
  text-decoration:none;}

#menu li ul li a {
  background:url(/images/bg-subnav.png) repeat-x;}

#menu li ul li a:hover {
  background:url(/images/bg-subnavhover.png) repeat-x;}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;}



/* Content */
#content {
  background: url(/images/maincontent-bg-strip.jpg) repeat-y #5f2c00;
  background-position: 4px 0px;
  position:relative;
  top:40px;
  padding-bottom:10px;
  margin-bottom:40px;
  clear:left;
}

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

#content.home { background: none; }

#maincontent {
  width:477px;
  float:left;
  background:#d8eff5;
  margin:0 0 0 4px;
  padding:24px 0;}

  #maincontent  h2 {
    background:#5f2c00;
	height:16px;
	padding:8px 0 8px 29px;}

  #maincontent  h2  span{
   height: 17px;
   display:block;}
  
  #maincontent h2 span.green{
   color:#7ac142;}
  
  #maincontent h2 span.orange{
   color:#f1632e;}
   
  #maincontent h2 span.yellow{
   color:#f1ea0c;}
  
  #maincontent h2 span.blue{
   color:#a1dced;}

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

   #maincontent .who-we-are p { margin-bottom: 70px; }

   #maincontent .all-in-a-days-camp-fun { background: #E7E614 }
   #maincontent .all-in-a-days-camp-fun td { font-weight: bold; padding: 12px 0; border: none; }

   #maincontent .rates-and-dates table { margin: 10px 0 20px 0; width: 477px; }
   #maincontent .rates-and-dates td, #maincontent .rates-and-dates th { font-weight: normal; padding: 12px 6px 12px 6px; border-bottom: 5px solid #5F2C00; }
   #maincontent .rates-and-dates th { background: #5F2C00; color: #fff; font-weight: bold; font-size: 12px; padding: 6px; }

   #maincontent .rates-and-dates h3 { margin-left: 10px; }

   #maincontent .blockcontent p a { color:#f1632e;}

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

/* 3.5	Side Area
-----------------------------------------------------------------------------------------------*/	
#sidecontent {
  float:right;
  width:260px;
  padding-right:30px;}

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

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

/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	
#footer {
  background:#5f2c00;
  margin-left:11px;
  padding:15px 12px 10px 12px;}
  
  #footer p {
    display:block;
	float:left;
	height:15px;
	padding:0 9px 0 0;
	text-indent:-9999px;}
	
  #footer p.add {
    background:url(/images/title-address.gif) no-repeat;
	width:332px;}

  #footer p.phone {
    background:url(/images/title-phone.gif) no-repeat;
	width:85px;}
  
  #footer p.fax {
    background:url(/images/title-fax.gif) no-repeat;
	width:85px;}
  
  #footer p.etc {
    background:url(/images/title-footeretc.gif) no-repeat;
	width:231px;}
  
  #footer p.email a {
    background:url(/images/title-emailadd.gif) no-repeat;
	width:179px;
	display:block;
	height:15px;}

/* SIFR 
These are standard sIFR styles... do not modify 
----------------------------------------------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;}

.sIFR-replaced {
	visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;}

/*--- MISC CONTENT STYLES ---------------------------------*/

div.blockcontent table { width: 420px; margin-left: 30px; }
div.blockcontent td { font-size: 11px; padding: 3px; color: #5F2C00; border-bottom: 1px dotted #ccc; }

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; }

#flash-wrap { height: 700px; vertical-align: bottom; }
#tree-wrap {  padding-top: 100px; }
#footer { position: fixed; bottom: -2px; left: 0px; z-index: 999; }

/*--- DROPDOWN IE FIX -------------------------------------*/

#menu li ul { /* second-level lists */
    position: absolute;
  width:183px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    visibility: hidden; /* IE7 magical mystery tour hidden */ }


#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    visibility: visible; /* IE7 magical mystery tour revealed */ }