/**
 *	Navigation Styles
 *	
 *	@author:	imagin8 Web Studio <http://www.imagin8.com>
 *	@date:		07/03/2007	
 *
 *	Table of Contents:
 *		main
 *      extra
 *
 */
 
/** main
--------------------------------------- */
#main-navigation {
	background:				#d31920 url(../images/navigation/bg-navigation2.png) no-repeat;
	height:					62px;
	margin:					0 auto;
	width:					760px;
	/*
	margin: 10px 0 0 0;
	padding-left: 3px;
	width: 536px;
	height: 80px;
	background: url('../img/nav_bg.png') no-repeat;
	*/
	z-index:				100;
}

#main-navigation-list {
	height:					62px;
	margin:					0;
	padding:				0;
	position:				relative;
	width:					760px;
	z-index:				100;
}

#main-navigation-list,
#main-navigation-list ul {
	list-style:				none;
	margin:					0;
	padding:				0;
}

#main-navigation-list li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					62px;
	text-decoration:		none;
	text-indent:			-9999px;
	overflow:				hidden;
}

#main-navigation-list li {
	float:					left;
}

/* teh sucker fish begin */
/*#nav, #nav ul { all lists
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
*/

#main-navigation-list li ul li a {
	display: block;
	width: 150px;
	height: 20px;
	text-indent: 0;
	font-size: 11px;
}

#main-navigation-list li ul li { /* all list items */
	float: left;
	width: 150px; /* width needed or else Opera goes nuts */
}

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

#main-navigation-list li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 150px;
}

#main-navigation-list li:hover ul ul, #main-navigation-list li:hover ul ul ul, #main-navigation-list li.sfhover ul ul, #main-navigation-list li.sfhover ul ul ul {
	left: -999em;
}

#main-navigation-list li:hover ul, #main-navigation-list li li:hover ul, #main-navigation-list li li li:hover ul, #main-navigation-list li.sfhover ul, #main-navigation-list li li.sfhover ul, #main-navigation-list li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* teh suckerfish finish */

#about-dsaq,
#about-dsaq a {
	width:					93px;
}
#information-about-down-syndrome,
#information-about-down-syndrome a {
	width:					179px;
}
#support-services,
#support-services a {
	width:					109px;
}
#for-people-with-down-syndrome,
#for-people-with-down-syndrome a {
	width:					170px;
}
#notice-board,
#notice-board a {
	width:					101px;
}
#contact-dsaq,
#contact-dsaq a {
	width:					108px;
}

#about-dsaq a:hover, #about-dsaq a:active, #about-dsaq a:focus { 
	background: transparent url(../images/navigation/bg-navigation2.png) 0px -62px no-repeat !important;
}
#information-about-down-syndrome a:hover, #information-about-down-syndrome a:active, #information-about-down-syndrome a:focus { 
	background: transparent url(../images/navigation/bg-navigation2.png) -93px -62px no-repeat !important;
}
#support-services a:hover, #support-services a:active, #support-services a:focus { 
	background: transparent url(../images/navigation/bg-navigation2.png) -272px -62px no-repeat !important;
}
#for-people-with-down-syndrome a:hover, #for-people-with-down-syndrome a:active, #for-people-with-down-syndrome a:focus { 
	background: transparent url(../images/navigation/bg-navigation2.png) -381px -62px no-repeat !important;
}
#notice-board a:hover, #notice-board a:active, #notice-board a:focus { 
	background: transparent url(../images/navigation/bg-navigation2.png) -551px -62px no-repeat !important;
}
#contact-dsaq a:hover, #contact-dsaq a:active, #contact-dsaq a:focus {
	background: transparent url(../images/navigation/bg-navigation2.png) -652px -62px no-repeat !important;	
}

#about-dsaq ul li a:hover, #about-dsaq ul li a:active, #about-dsaq ul li a:focus { background-image: none !important; }
#information-about-down-syndrome ul li a:hover, #information-about-down-syndrome ul li a:active, #information-about-down-syndrome ul li a:focus { background-image: none !important; }
#support-services ul li a:hover, #support-services ul li a:active, #support-services ul li a:focus { background-image: none !important; }
#for-people-with-down-syndrome ul li a:hover, #for-people-with-down-syndrome ul li a:active, #for-people-with-down-syndrome ul li a:focus { background-image: none !important; }
#notice-board ul li a:hover, #notice-board ul li a:active, #notice-board ul li a:focus { background-image: none !important; }
#contact-dsaq ul li a:hover, #contact-dsaq ul li a:active, #contact-dsaq ul li a:focus { background-image: none !important; }
/** extra
--------------------------------------- */
#extra-navigation {
	clear: 					both;
	height:					210px;
	position: relative;
}

#extra-navigation-list {
	list-style:				none;
}

#extra-navigation-list li {
	float:					left;
	height:					151px;
	margin-top:				30px;
}

#extra-navigation-list li a {
	display:				block;
	height:					151px;
	text-indent:			-9999px;
	
}

#extra-navigation-list li#join-our-forum,
#extra-navigation-list li#join-our-forum a {
	width:					181px;
}

#extra-navigation-list li#join-our-forum {
	background:				url(../images/extra-navigation/join-our-forum.jpg) no-repeat;
	margin-left:			10px;
}


#extra-navigation-list li#search-library-catalogue,
#extra-navigation-list li#search-library-catalogue a {
	width:					184px;
}

#extra-navigation-list li#search-library-catalogue {
	background:				url(../images/extra-navigation/search-library-catalogue.jpg) no-repeat;
	margin-left:			6px;
}

#extra-navigation-list li#dsaq-events,
#extra-navigation-list li#dsaq-events a {
	width:					184px;
}

#extra-navigation-list li#dsaq-events {
	background:				url(../images/extra-navigation/dsaq-events.jpg) no-repeat;
	margin-left:			6px;
}

#extra-navigation-list li#become-a-member,
#extra-navigation-list li#become-a-member a {
	width:					181px;
}

#extra-navigation-list li#become-a-member {
	background:				url(../images/extra-navigation/become-a-member.jpg) no-repeat;
	margin-left:			6px;
}