/* HOLOCAUST & ANTI_RACISM */

#xmarketing.holocaust h2 {
	height: auto;
	line-height: 15px;
	height: auto;
	padding: 15px;
	font-size: 140%;
}

#xmarketing.holocaust ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0px 0px 0px 30px;
	display: block !important;
	font-size: 130%;
}

#xmarketing.holocaust ul li {
	list-style: url(/images/list_style.gif);
}

#xmarketing.holocaust ul li a
{
	display: block !important;
	padding: 5px 5px;
	margin: 0;
	overflow: hidden;
	text-decoration: none;
	line-height: 10px;
	vertical-align: text-top;
}
#xmarketing.holocaust ul li.selected {
list-style: url(/images/list_style_selected.gif);
}

#xmarketing.holocaust ul li a:hover, #xmarketing.holocaust ul li.selected a
{
	color: #000000;
}

/************new menu********************/

#navigation
{
	padding: 0 5px;
	background-color: #000;
	height: 30px;
	z-index: 10;
	position: relative;
	clear:both;
}

div#navigation ul
{
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 8pt;
	clear: both;
}

div#navigation ul li a
{
	color: #fff;
	background-image: url(/images/menu_matrix.gif);
	background-position: 0 0;
	overflow: hidden;
	text-indent: -1234em;
	display: block;
	height: 30px;
	font-size: 80%;
}

div#navigation ul li ul {
	width: 213px;
	}

/* width of dropdown */
div#navigation ul li#home a { width: 55px; }

div#navigation ul li#home:hover a, div#navigation ul li#home.over a { width: 55px; 
	background-position: -300px 0;
}

div#navigation ul li#aboutUs a
{
	width: 93px;
	background-position: 0 -30px;
}
div#navigation ul li#aboutUs:hover a, div#navigation ul li#aboutUs.over a{
	background-position: -300px -30px;
}

/* width of dropdown */
div#navigation ul li#aboutUs a li a {width: auto !important; }

div#navigation ul li#aboutUs:hover  li a,div#navigation ul li#aboutUs.over  li a {
	width: 90px;
	}

div#navigation ul li#courses a
{
	width: 86px;
	background-position: 0 -60px;
}

div#navigation ul li#courses:hover a,div#navigation ul li#courses.over a { background-position: -300px -60px; }

/* width of dropdown */
div#navigation ul li#courses:hover  li a,div#navigation ul li#courses.over  li a { width: 135px; }

div#navigation ul li#events a
{
	width: 77px;
	background-position: 0 -90px;
}

div#navigation ul li#events:hover a,div#navigation ul li#events.over a
{
	width: 77px;
	background-position: -300px -90px;
}

/* width of dropdown */
div#navigation ul li#events:hover  li a,div#navigation ul li#events.over  li a { width: 135px; }

div#navigation ul li#activities a
{
	width: 96px;
	background-position: 0 -120px;
}

div#navigation ul li#activities:hover a,div#navigation ul li#activities.over a
{
	width: 96px;
	background-position: -300px -120px;
}

/* width of dropdown */
div#navigation ul li#activities:hover  li a,div#navigation ul li#activities.over  li a { width: 115px; }

div#navigation ul li#holocaustAndAntiRacism a
{
	width: 204px;
	background-position: 0 -150px;
}

div#navigation ul li#holocaustAndAntiRacism:hover a,div#navigation ul li#holocaustAndAntiRacism.over a
{
	width: 204px; 
	background-position: -300px -150px;
}

/* width of dropdown */
div#navigation ul li#holocaustAndAntiRacism:hover  li a,div#navigation ul li#holocaustAndAntiRacism.over  li a { width: 182px; }

div#navigation ul li#venueHire a
{
	width: 106px;
	background-position: 0 -180px;
}

div#navigation ul li#venueHire:hover a,div#navigation ul li#venueHire.over a
{
	width: 106px;
	background-position: -300px -180px;
}

div#navigation ul li#venueHire:hover  li a,div#venueHire ul li#venueHire.over  li a { width: 84px; }



div#navigation ul li#contactUs a
{
	width: 93px;
	background-position: 0 -210px;
}
div#navigation ul li#contactUs:hover a,div#navigation ul li#contactUs.over a
{
	background-position: -300px -210px;
}

div#navigation li
{
	/* all list items */
	float: left;
	position: relative;
	padding: 0;
	text-indent: 0;
	margin: 0;
	font-size: 11pt;
}

div#navigation ul li ul
{
	/* second-level lists */
	display: none;
	position: absolute;
	left: 0;
	top: 30px;
}

div#navigation li ul li
{
	margin: 0;
	background-color: #444444;
	padding: 0;
	font-size: 11pt;
	border-bottom: 1px solid #444444;
}

div#navigation li ul li a
{
	color: #fff;
	background-image: none;
	text-indent: 0;
	text-shadow: 0em 0em 1em #000; /* improves legibility on Safari */
	height: auto;
	padding: .3em 1em;
	margin: 0;
}

div#navigation li ul li a:hover
{
	background-color: #EF529D;
	color: #fff;
	text-shadow: 0em 0em 0 #000;
}

div#navigation li ul li.history a:hover {
	background-color: #EF529D;
}
div#navigation li ul li.musicAndTheArts a:hover {
	background-color: #183C8E;
}
div#navigation li ul li.literatureAndWriting a:hover {
	background-color: #00A2E5;
}

div#navigation li ul li.lectures a:hover {
	background-color: #00A2E5;
}

div#navigation li ul li.currentAffairs a:hover {
	background-color: #777777;
}
div#navigation li ul li.filmAndTheatre a:hover {
	background-color: #FF6600;
}
div#navigation li ul li.jewishLifeAndLearning a:hover {
	background-color: #660066;
}

div#navigation li ul li.motherToddler a:hover {
	background-color: #660066;
}

div#navigation li ul li.languages a:hover {
	background-color: #FF0033;
}

div#navigation li ul li.outreach a:hover {
	background-color: #660066;
}

div#navigation li ul li.discussion a:hover {
	background-color: #FF0033;
}

div#navigation li ul li.outAbout a:hover {
	background-color: #04C14B;
}

div#navigation li ul li.youth a:hover {
	background-color: #04C14B;
}

div#navigation li ul li.mindAndBody a:hover {
	background-color: #016073;
}

div#navigation li ul li.house a:hover {
	background-color: #621A4A;
	/*background-color: #04C14B;*/
}

div#navigation li ul li.youth a:hover {

	background-color: #04C14B;
}

div#navigation li ul li.jewishFestivals a:hover {
	background-color: #183C8E;
}

div#navigation li ul li.litFestival a:hover {
	background-color: #CC0000;
}

li>ul
{
	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

div#navigation li:hover ul, div#navigation li.over ul
{
	/* lists nested under hovered list items */
	display: block;
}