/*		------	:hover simulator for IE		------		*/

/*
*/
body 
{ 
	behavior: url("./css/csshover.htc"); 
}

.clear
{
	clear: both;
}

#bannerImage 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menu
{
	text-align: center;
	color: black;
	display: block;
	border-top: 1px solid #4d6666;
	border-bottom: 1px solid #d6ebeb;
	background-color: #d6ebeb;
	padding: 4px 0 3px 0;	
	margin 0 0 0 0;
}

#menu a
{
	float: left;/* \*/float: none;/*  */
	display: block;
	border-right: 1px solid #ffffcc;
	text-decoration: none;
	color: #FFFFCC;
	padding: 3px 10px 3px 5px;
}

#menu a:hover
{
	background-color: #888800;
}

#menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	background-color: #666600;
}

#menu li a 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#menu li li 
{
}

#menu li li a 
{
	border-top: 1px solid #ffffcc;
	padding: 3px 10px 3px 5px;
}

#menu li ul 
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: left;
	width: 130px;
	margin: 0;
}

#menuList
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menu li ul li 
{
	width: 100%;
	display: block;
	float: left;
	position: static;
}

#menu li ul li a 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#menu li ul li:hover 
{
	position: relative;
}

/*		------	Basic style	------		*/
html>body #menu li ul li 
{
	float: none;
	position: relative;
}

/* simulate child selector for IE */
div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul
{
	visibility: visible;
}

#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul 
{
	visibility: hidden;
}

#menu ul 
{
	margin: 0 0 0 158px;
	padding: 0;
	border: 0;
	list-style-type: none;
}

/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul 
{
	visibility: visible;
}

/* highlight the current item in the horizontal menu */
body#introduction li.bannerIntro,
body#events li.bannerEvents,
body#history li.bannerHistory,
body#mission_vision li.bannerWho,
body#children_families li.bannerWho,
body#priorities_programs li.bannerWho,
body#advisory_cpac li.bannerWho,
body#tep_project li.bannerWho,
body#tep_staff li.bannerWho,
body#policies_procedures li.bannerParents,
body#how_to_enroll li.bannerParents,
body#cpac_notes li.bannerParents,
body#art_written_word li.bannerKids,
body#energy_education li.bannerKids,
body#peace_pole li.bannerKids,
body#tea_project li.bannerKids,
body#resources li.bannerResources,
body#faq li.bannerFaq,
body#contact li.bannerContact
{
	background-color: #888800;
}

/* highlight the current item in the sidebar menu */
body#mission_vision div#sidebar li.whoMissionVision a,
body#children_families div#sidebar li.whoChildrenFamilies a,
body#priorities_programs div#sidebar li.whoProgramsCurriculum a,
body#advisory_cpac div#sidebar li.whoCpacAdvisory a,
body#tep_project div#sidebar li.whoTuleElkParkProject a,
body#tep_staff li.whoStaff a,
body#policies_procedures div#sidebar li.parentsPolicyProcedure a,
body#how_to_enroll div#sidebar li.parentsHowEnroll a,
body#cpac_notes div#sidebar li.parentsCpacNotes a,
body#art_written_word div#sidebar li.kidsArtWrittenWord a,
body#energy_education div#sidebar li.kidsEnergyEducation a,
body#peace_pole div#sidebar li.kidsPeacePole a,
body#tea_project div#sidebar li.kidsTeaProject a
{
	border-bottom: 1px solid #99CCCC;
}