#navigation {
	background-color: #f8ecb4;
	float: left;
	width: 156px;
}

#menu ul .member_active {
	background: #c9b86b;
}

#menu ul .member_active a {
	color: #8f9b73;
}

*:first-child+html #menu ul {
	padding: 10px 0 !important;
}

#menu ul {
	background-color: #c9b86b;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: -5px;
	padding: 10px 0 0 40px !important;
	padding: 10px 0;
}

	*:first-child+html #menu ul {
		width: 142px;
	}
	
	* html #menu ul {
		width: 142px;
	}

#menu ul li {
	list-style: none;
	font-weight: bold;
	display: block;
	background-color: #e5d68e;
	width: 140px;
	text-align: right;
	margin: 5px 0 5px -40px;
	clear: both;
}

	*:first-child+html #menu ul li {
		margin: 5px 0 5px 0;
		width: 142px;
	}
	
	* html #menu ul li {
		margin: 5px 0 5px 0;
		width: 142px;
	}

#menu ul li a:hover {
	background-color: #fbf3cb;
}

#menu ul li a {
	color: #005585;
	text-decoration: none;
	display: block;
	line-height: 150%;
	padding-right: 8px;
}

/* drop downs */
#menu ul li ul { 
	position: absolute;
	z-index: 20;
	background: #FFFFFF;
	width: 170px !important;
	margin: 0 !important;
	padding: 0 !important;
	left: -999em;
	border: 0 !important;
	margin-left: 140px !important;
	margin-top: -18px !important;
}

#menu li ul li ul {
	margin-left: 141px !important;
}

#menu li ul li {
	margin: 0;
	padding: 0;
	width: 170px;
	border: 0;
	font-size: 1.00em;
	height: 18px;
	padding-left: 0;
}

	*:first-child+html #menu li ul li {
		margin: 0 0 0 0px !important;
		width: 170px !important;
	}
	
	* html #menu li ul li {
		margin: 0 0 0 0px !important;
		width: 160px !important;
	}

#menu ul li:hover ul, 
#menu ul li li:hover ul, 
#menu ul li.sfhover ul, 
#menu ul li li.sfhover ul { 
	left: auto;
	margin-left: 140px !important;
}

#menu ul li:hover ul li, 
#menu ul li li:hover ul li, 
#menu ul li.sfhover ul li, 
#menu ul li li.sfhover ul li { 
	display: block !important;
}

#menu ul li:hover ul ul, 
#menu ul li.sfhover ul ul { 
	display: none !important;
}

#menu ul li li:hover ul,
#menu ul li li li:hover ul, 
#menu ul li li.sfhover ul, 
#menu ul li li li.sfhover ul{ 
	display: block !important;
	margin-left: 170px !important;
}

#menu ul li li:hover ul ul, 
#menu ul li li.sfhover ul ul { 
	display: none !important;
}

#menu ul li li li:hover ul,
#menu ul li li li li:hover ul, 
#menu ul li li li.sfhover ul, 
#menu ul li li li li.sfhover ul{ 
	display: block !important;
}

*:first-child+html #menu ul li:hover ul, 
*:first-child+html #menu ul li li:hover ul, 
*:first-child+html #menu ul li.sfhover ul, 
*:first-child+html #menu ul li li.sfhover ul { 
	margin-left: 0px !important;
}

*:first-child+html #menu ul ul li:hover ul, 
*:first-child+html #menu ul ul li li:hover ul, 
*:first-child+html #menu ul ul li.sfhover ul, 
*:first-child+html #menu ul ul li li.sfhover ul { 
	margin-left: 0px !important;
}

* html #menu ul li:hover ul, 
* html #menu ul li li:hover ul, 
* html #menu ul li.sfhover ul, 
* html #menu ul li li.sfhover ul { 
	margin-left: 0px !important;
}

* html #menu ul ul li:hover ul, 
* html #menu ul ul li li:hover ul, 
* html #menu ul ul li.sfhover ul, 
* html #menu ul ul li li.sfhover ul { 
	margin-left: 8px !important;
}

#menu ul li ul li a {
	display: block;
	background: #FFFFFF !important;
	width: 159px !important;
	text-decoration: none;
	line-height: 14px;
	height: 15px;
	padding-right: 8px;
}

#menu ul li ul li a:hover {
	background: #f7eec3 !important;
}

		
/*________________MEMBERS NAVIGATON___________________*/

#members_navigation {
	padding-right: 5px;
	color: #005585;
	font-size: 12px;
	width: 147px;
	margin-left: -37px;
}

	*:first-child+html #members_navigation {
		margin-left: 3px;
	}
	
	* html #members_navigation {
		margin-left: 3px;
	}


#members_navigation li {
	list-style: none;
	text-align: right;
	padding: 4px 0 4px 0;
}

	#members_navigation li a {
		color: #005585;
		text-decoration: none;
	
	}
	
	#members_navigation li a:hover {
		text-decoration: underline;
	}
	
/*_________________Index buttons_______________*/

#sff span {
	display: none;
}

#sff a {
	display: block;
	margin:10px 0 0 442px;
	width: 216px;
	height: 102px;
	background:url(../grfx/buttons/sff_site.jpg) 0 0 no-repeat;
}

#sff a:hover {
	background-position: -216px 0px;
}

#conf span {
	display: none;
}

#conf {
	display: block;
	margin:10px 0 0 150px;
	float:left;
	width: 216px;
	height: 102px;
	background:url(../grfx/buttons/2012_conf_gfx.jpg) 0 0 no-repeat;
}

#conf a:hover {
	background-position: -216px 0px;
}

#joining3 span {
	display: none;
}

#joining3 a {
	display: block;
	float: left;
	width: 247px;
	height: 102px;
	background:url(../grfx/buttons/joining.jpg) 0 0 no-repeat;
}

#joining3 a:hover {
	background-position: -247px 0px;
}
	
#shop3 span {
	display: none;
}

#shop3 a {
	display: block;
	float: left;
	width: 216px;
	height: 102px;
	background:url(../grfx/buttons/shop.jpg) 0 0 no-repeat;
}

	#shop3 a:hover {
		background-position: -216px 0px;
	}
	
#dev3 span {
	display: none;
}

#dev3 a {
	display: block;
	float: left;
	width: 248px;
	height: 102px;
	background: url(../grfx/buttons/learning.jpg) 0 0 no-repeat;
}

	#dev3 a:hover {
		background-position: -248px 0px;
	}
	
#con3 span {
	display: none;
}

#con3 a {
	display: block;
	float: left;
	width: 216px;
	height: 102px;
	background:url(../grfx/buttons/conference.jpg) 0 0 no-repeat;
}

	#con3 a:hover {
		background-position: -216px 0px;
	}
	
/*---------- Professional Learning ------------*/
#menu_pf ul .member_active {
	background: #c9b86b;
}

#menu_pf ul .member_active a {
	color: #8f9b73;
}

*:first-child+html #menu_pf ul {
	padding: 10px 0 !important;
}

#menu_pf ul {
	background-color: #c9b86b;
	width: 140px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

	*:first-child+html #menu_pf ul {
		width: 142px;
	}
	
	* html #menu_pf ul {
		width: 142px;
	}

#menu_pf ul li {
	list-style: none;
	font-weight: bold;
	display: block;
	background-color: #e5d68e;
	width: 140px;
	text-align: right;
	margin: 5px 0 5px 0px;
	clear: both;
}

	*:first-child+html #menu_pf ul li {
		margin: 5px 0 5px 0;
		width: 142px;
	}
	
	* html #menu_pf ul li {
		margin: 5px 0 5px 0;
		width: 142px;
	}

#menu_pf ul li a:hover {
	background-color: #fbf3cb;
}

#menu_pf ul li a {
	color: #005585;
	text-decoration: none;
	display: block;
	line-height: 150%;
	padding-right: 8px;
}

/* drop downs */
#menu_pf ul li ul { 
	position: absolute;
	z-index: 20;
	background: #f7eec3;
	width: 232px !important;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	left: -999em;
	border: 1px  solid #f7eec3 !important;
	margin-left: 140px !important;
	margin-top: -18px !important;
}

#menu_pf ul li ul ul { 
	width: 230px !important;
}

#menu_pf li ul li ul {
	margin-left: 231px !important;
}

#menu_pf li ul li {
	width: 222px;
	display: block;
	margin: 2px 0 4px 0;
	padding: 0;
	border: 1px solid #f7eec3;
	font-size: 1.00em;
	padding-left: 0;
	padding-right: 8px;
	background-color: #f7eec3;
}

	*:first-child+html #menu_pf li ul li {
		margin: 0 0 0 0px !important;
		width: 220px !important;
	}
	
	* html #menu_pf li ul li {
		margin: 0 0 0 0px !important;
		width: 210px !important;
	}
	
#menu_pf ul li ul li:hover {
	background: #f7eec3 !important;
}

#menu_pf li ul ul li {
	width: 210px !important;
	margin: 2px 0 4px 1px;
	padding: 0;
	border: 0;
	font-size: 1.00em;
	padding-left: 0;
	padding-right: 8px;
	background-color: #f7eec3;
}

	*:first-child+html #menu_pf li ul ul li {
		margin: 0 0 0 0px !important;
		width: 210px !important;
	}
	
	* html #menu_pf li ul ul li {
		margin: 0 0 0 0px !important;
		width: 200px !important;
	}

#menu_pf ul li:hover ul, 
#menu_pf ul li li:hover ul, 
#menu_pf ul li.sfhover ul, 
#menu_pf ul li li.sfhover ul { 
	left: auto;
	margin-left: 140px !important;
}

#menu_pf ul li:hover ul li, 
#menu_pf ul li li:hover ul li, 
#menu_pf ul li.sfhover ul li, 
#menu_pf ul li li.sfhover ul li { 
	display: block !important;
}

#menu_pf ul li:hover ul ul, 
#menu_pf ul li.sfhover ul ul { 
	display: none !important;
}

#menu_pf ul li li:hover ul,
#menu_pf ul li li li:hover ul, 
#menu_pf ul li li.sfhover ul, 
#menu_pf ul li li li.sfhover ul{ 
	display: block !important;
	margin-left: 230px !important;
}

#menu_pf ul li li:hover ul ul, 
#menu_pf ul li li.sfhover ul ul { 
	display: none !important;
}

#menu_pf ul li li li:hover ul,
#menu_pf ul li li li li:hover ul, 
#menu_pf ul li li li.sfhover ul, 
#menu_pf ul li li li li.sfhover ul{ 
	display: block !important;
}

*:first-child+html #menu_pf ul li:hover ul, 
*:first-child+html #menu_pf ul li li:hover ul, 
*:first-child+html #menu_pf ul li.sfhover ul, 
*:first-child+html #menu_pf ul li li.sfhover ul { 
	margin-left: 0px !important;
}

*:first-child+html #menu_pf ul ul li:hover ul, 
*:first-child+html #menu_pf ul ul li li:hover ul, 
*:first-child+html #menu_pf ul ul li.sfhover ul, 
*:first-child+html #menu_pf ul ul li li.sfhover ul { 
	margin-left: 0px !important;
}

* html #menu_pf ul li:hover ul, 
* html #menu_pf ul li li:hover ul, 
* html #menu_pf ul li.sfhover ul, 
* html #menu_pf ul li li.sfhover ul { 
	margin-left: 0px !important;
}

* html #menu_pf ul ul li:hover ul, 
* html #menu_pf ul ul li li:hover ul, 
* html #menu_pf ul ul li.sfhover ul, 
* html #menu_pf ul ul li li.sfhover ul { 
	margin-left: 8px !important;
}

#menu_pf ul li ul li a {
	display: block;
	background: #FFFFFF !important;
	width: 219px !important;
	text-decoration: none;
	line-height: 14px;
	margin-right: 5px !important;
}

#menu_pf ul li ul li a:hover {
	background: #f7eec3 !important;
}

#menu_pf ul ul ul li a {
	display: block !important;
	width: 219px !important;
	line-height: 14px;
	background: #FFFFFF !important;
}