/* ul's will inherit styles - use it to your advantage see http://www.maxdesign.com.au/presentation/list_cascade/ for more details 
background is on the li BUT text colour AND hover/on colour is on the a. This enables the whole item to be an anchor  */

#science_menu{
	height:6.5em;
	background: url(/pix/science_bg.gif) repeat-x;
}
#science_menu ul{
	padding:2em 1em 0 0;
	/*margin-left:365px;*/
	float:right;
}
#science_menu li a, #science_menu li a:visited{
	font-weight:bold;
	color:#FD8F00;
	text-decoration: none;
	display: block;
	float: left;
	padding:0 10px 0 45px;
	height:38px;
}
#science_menu li a:hover{
	text-decoration:underline;
	color:#717170;
}
#science_menu li a.on{
	color:#717170;

}

#science_menu li.cell a{
	background: url(/pix/cell_menu.jpg) no-repeat center left;
}
#science_menu li.cell a:hover, #science_menu li.cell a.on{
	background: url(/pix/cell_menu_over.jpg) no-repeat center left;
		color:#717170;
}
#science_menu li.plant a{
	background: url(/pix/plant_menu.jpg) no-repeat center left;
}
#science_menu li.plant a:hover, #science_menu li.plant a.on{
	background: url(/pix/plant_menu_over.jpg) no-repeat center left;
		color:#717170;
}
#science_menu li.animal a{
	background: url(/pix/animal_menu.jpg) no-repeat center left;
}
#science_menu li.animal a:hover, #science_menu li.animal a.on{
	background: url(/pix/animal_menu_over.jpg) no-repeat center left;
		color:#717170;
}
#science_menu li.education a{
	background: url(/pix/edu_menu.jpg) no-repeat center left;
}
#science_menu li.education a:hover, #science_menu li.education a.on{
	background: url(/pix/edu_menu_over.jpg) no-repeat center left;
		color:#717170;
}
#quicklinks{
	height: 2.2em;
	background: #fff;
	border:1px solid #6E6E6E;
	border-width: 1px 0 11px 0;
}
#quicklinks ul{
	background: url(/pix/qlinks_title.gif) no-repeat left bottom;
	padding:5px 0 0 95px;
	margin: 0 0 0 123px;
}
#quicklinks li{
	background: url(/pix/quicklinks_bullet.gif) no-repeat left center;
	padding: 0 0 0 1.5em;
	color:black;
	font-size:.9em;
}
#quicklinks li a, #quicklinks li a:visited{
	color: black;
	text-decoration: none;
}
#quicklinks li a:hover{
	text-decoration:underline;
	background: #FEFCEB;
}




#society_menu ul{
	height:91px;
	height: 3.8em;
	background: url(/pix/society_bg.gif) repeat-x;
	padding:45px 0 0 123px;
}

#society_menu li{
	padding: 0 0 0 1.2em;
	vertical-align: middle;
	list-style-image: none;
	background:  url(/pix/society_menu_bullet.gif) no-repeat center left;	
	font-weight:bold;

}

#society_menu li a, #society_menu li a:visited{
	color:#FCF8CA;
	font-weight:bold;
	text-decoration:none;	
}

#society_menu li a:hover{
	color:#717170;
	text-decoration: underline;
}

#society_menu li a.on, #society_menu li a.on:visited{
	color:#717170;
}


/* level 2 */

#society_menu ul ul, #submenu
{
position: absolute;
top:25em;
left:18px;
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px dashed #6E6E6E;
background:#fff url(none.gif) no-repeat;
height:auto;
font-size:.9em;
}

#submenu ul.menu{
	border:0;
}
#society_menu li li, #submenu li{ 
	margin: 0; 
	display:block;
	background: #fff;
	padding:0;
}

/* normal styles */
#society_menu li li a, #society_menu li li a:visited, #submenu li a, #submenu li a:visited
{
display: block;
color: #6E6E6E;
background-color: #fff;
width: 10.4em;
padding: .4em 13px .4em 8px;
text-decoration: none;
border-top: 1px dashed #6E6E6E;
font-weight:normal;
border-left:6px solid #fff;
}
/* active styles */
#society_menu li li a.on, #society_menu li li a.on:visited,  #society_menu li li a:hover,  #society_menu li li a:visited:hover, #submenu li a.on, #submenu li a.on:visited, #submenu li a:hover,  #submenu li a:visited:hover{
	/*background-color: #6E6E6E;*/
	border-left:6px solid #6E6E6E;
	text-decoration:none;
	color:#000;
}

/* level 3 */

/* general level styles */
#society_menu li li ul, #submenu ul{
	position: relative;
	top: 0;
	left:0;
	font-size:100%;
	border:0;
	border-top:1px solid #8A8A8A;
}

/* normal style */
#society_menu li li li a, #society_menu li li li a:visited, #submenu li li a, #submenu li li a:visited
{
display: block;
color: #6E6E6E;
background-color: #FDF9D7;
width: 10.4em;
padding: .4em 5px .4em 18px;
text-decoration: none;
border:0;
font-weight: normal;
border-left:4px solid #fff;
}

/* active */
#society_menu li li li a.on, #society_menu li li li a.on:visited,  #society_menu li li li a:hover,   #society_menu li li li a:visited:hover,  #submenu li li a.on, #submenu li li a.on:visited, #submenu li li a:hover,  #submenu li li a:visited:hover{
/*background-color: #AAAAAA;*/
	border-left:4px solid #B4B4B4;
	text-decoration:none;
	color:#000;
}


/* level 4 */
#society_menu li li li ul, #submenu li li ul{
	position: relative;
	top: 0;
	left:0;
	font-size:100%;
	border:0;
	border:3px solid #C9C8BD;
	border-width:1px 0 0 0;
}
/* normal styles */
#society_menu li li li li a, #society_menu li li li li a:visited, #submenu li li li a, #submenu li li li a:visited
{
display: block;
color: #6E6E6E;
background-color: #FEFCEB;
width: 10.4em;
padding: .4em 0px .4em 23px;
text-decoration: none;
border:0;
	border-left:3px solid #fff;

}
/* active styles */
#society_menu li li li li a.on, #society_menu li li li li a.on:visited, #society_menu li li li li a:hover,  #society_menu li li li li a:visited:hover, #submenu li li li a.on, #submenu li li li a.on:visited, #submenu li li li a:hover, #submenu li li li a:visited:hover{
/*	background-color: #CECECE;*/
	border-left:3px solid #D6D6D6;
	color: #000;
}

/* level 5 */



/* general level styles */


#society_menu li li li li li ul, #submenu li li li li ul{

	position: relative;

	top: 0;

	left:0;

	font-size:100%;

	border:0;

	border:3px solid #fff;

	border-width:1px 0 0 0;

}

/* normal styles */

#society_menu li li li li li a, #society_menu li li li li li a:visited, #submenu li li li li a, #submenu li li li li a:visited

{

display: block;

color: #6E6E6E;

background-color: #EEEEEE;

width: 10.4em;

padding: .4em 0px .4em 23px;

text-decoration: none;

border:0;

	border-left:2px solid #fff;



}

/* active styles */

#society_menu li li li li li a.on, #society_menu li li li li li a.on:visited, #society_menu li li li li li a:hover,  #society_menu li li li li li a:visited:hover,  #submenu li li li li a.on, #submenu li li li li  a.on:visited, #submenu li li li li a:hover,  #submenu li li li li a:visited:hover{

	/*background-color: #D6D6D6;*/

	border-left:2px solid #6E6E6E;

	color: #000;

}



#mainmenu{
text-align:left	
}