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

#main {
	margin-bottom:24px;
	padding-bottom:6px;
	
	background-image:url(../images/bg/home_page_images.png);
	_background-image:url(../images/bg/home_page_images_dithered.gif); /* HACK: replacement img for IE6 only */
	
	text-align:right;
}

#nav_primary {
	position:absolute;
	z-index:100; /* to move this in front of the content well */
	left:5px;
	width:567px;
	min-height:120px;
	padding:12px 0 0 8px;
	
	background:url(../images/bg/primary_nav_bg_home.png) no-repeat top left;
	_background:url(../images/bg/primary_nav_bg_home_dithered.gif) no-repeat top left;
	background-color:transparent;
}

#nav_primary a {
	position:relative;
	float:left;
}

#nav_primary a img.over {
	top:0; /* kills the Safari hack from the primary CSS file */
}

/* IE6 NAV THUMBNAIL HACKS: hide the images (keeping the geometry open, though) and then add bg images to the containing links to swap in the low quality replacements */
#nav_primary a.participantLink img {
	_visibility:hidden;
}

#nav_primary a.participantLink {
	background:url(../images/nav/participants_thumbnail_home_dithered.gif) no-repeat top left;
}

#nav_primary a.parents img {
	_visibility:hidden;
}

#nav_primary a.parents {
	background:url(../images/nav/parents_thumbnail_home_dithered.gif) no-repeat top left;
}

#nav_primary a.instructors img {
	_visibility:hidden;
}

#nav_primary a.instructors {
	background:url(../images/nav/instructors_thumbnail_home_dithered.gif) no-repeat top left;
}

#nav_primary a.facilities img {
	_visibility:hidden;
}

#nav_primary a.facilities {
	background:url(../images/nav/facilities_thumbnail_home_dithered.gif) no-repeat top left;
}

/* END IE6 NAV THUMBNAIL HACKS */

#nav_secondary {
	position:absolute;
	z-index:5;
	top:auto;
	bottom:16px;
	left:20px;
	width:auto;
	min-height:0;
	padding:0 0;
	
	background:none;
	border:none;
	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}

#nav_secondary ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}

#nav_secondary ul li {
	display:inline;
	margin:0 12px 0 0;
}

#nav_secondary ul li a {
	text-decoration:underline;
}

#contentWell {
	position:relative;
	width:550px;
	min-height:490px;
	margin:0 0 0 0;
	*left:-424px; /* HACK FOR BOTH FLAVOURS OF IE - DON'T KNOW WHY THE POSITIONING IS SO WRONG OTHERWISE */
	padding:54px 0 0 0;

	background:none;

	text-align:left;
	font-size:14px;
	line-height:22px;
	color:white;
}

#contentWell .background {
	display:none;
	_display:block;
	position:absolute;
	_bottom:48px;
	right:-400px;
	width:100%;
	height:600px;
	_background:url(../images/photo/player_closecuts_home_dithered.gif) no-repeat bottom right; /* HACK: replacement image for IE6 only */
}

#contentWell h1 {
	position:relative;
	left:-4px;
	width:370px;
	height:39px;
	margin:0 0 8px 0;
	
	background:url(../images/type/play_learn_head.png) no-repeat top left;
	_background-image:none;
	
	font-size:30px;
	line-height:36px;
	color:#ffd520;
}

#contentWell h1 span {
	display:none;
	_display:inline; /* HACK: show type in IE6 only */
	_white-space:nowrap;
}

#contentWell .content img {
	position:absolute;
	bottom:-32px;
	right:-430px;
	_visibility:hidden; /* HACK: hide the image in IE6 only */
}

#contentWell .content {
	position:absolute;
	bottom:48px;
	left:16px;
	margin-top:300px;
}

/*
  border:1px solid green; /* works in all 
  *border:1px solid red; /* targets IE6 and 7 
  _border:1px solid blue; /* targets IE6 
*/