/*
 * YOOtheme CSS file
 *
 * @author yootheme.com
 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
 */ 

/*
 * topmenu
 */

div#topmenu{
padding-right:0px;
padding-bottom:8px;
margin-left:0px;
}
 
div#topmenu ul {
margin:0px;
padding:0px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
display:inline;
/*float: right;  */
}

div#topmenu li {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
text-align:right;
padding:5px;
/*float: left;  */
}

div#topmenu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
text-decoration:none;
}

div#topmenu li.item1 a {
	padding: 0px 0px 0px 0px;
	background: none;
}

div#topmenu a:link, div#topmenu a:visited {
	color:#ffffff;
}

div#topmenu a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#ffffff;
text-decoration:underline;
}

/*
 * menu
 */

 
div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left; 
	
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;	
	font: bold 8pt Arial, Helvetica, sans-serif;
	text-align:left;
	z-index:100;
}

div#menu li span.separator {
	height: 35px;
	display: block;
	float: left;
	line-height: 35px;
	text-decoration: none;
	color: #ffffff;	
}

div#menu li a{
	height: 35px;
	display: block;
	float: left;
	line-height: 35px;
	text-decoration: none;
	color: #ffffff;
	font: 8pt Arial, Helvetica, sans-serif;
}


div#menu li span {  
	display: block;
}

div#menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#menu li a.current {  
	color: #aa1428;
}

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover, div#menu a.current:hover {  
	color: white;	
}

div#menu li.active {  
	font-weight: bold;
}

div#menu li.active ul {  
	font-weight: normal;
}

div#menu li.parent span.separator {  
	cursor: pointer;
}

 
div#menu li.level1 {
	margin-right: 5px;
	margin-top:5px;	
}

div#menu a.level1 span, div#menu span.level1 span {
	padding: 10px 15px 0px 15px;	
	color: #ffffff;	
	font: bold 8pt Arial, Helvetica, sans-serif;
}

div#menu li.level1:hover, div#menu li.sfhover {  
	background: url(../images/menu_tab_l.png) 0 0 no-repeat;
}

div#menu li.sfhover li.sfhover {  
	background: none;
}

div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 {  
	background: url(../images/menu_tab_r.png) 100% 0 no-repeat;
}

div#menu li:hover a.level1{
background: url(../images/topmenuBgOver.gif);
}


div#menu li.active {  
	background: url(../images/menu_tab_l.png) 0 0 no-repeat;
}

div#menu a.active {  
	background: url(../images/menu_tab_r.png) 100% 0 no-repeat;
}

div#menu li.active li {  
	background: none;
}

div#menu li li a.active {
	background: none;
}

 
div#menu ul.menu ul {
	position: absolute;
	top: 35px;
	left: -999em;  
	width: 225px;/* increase menu width */
	padding: 0px 0px 10px 0px;
	background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;
	
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0px;  
	z-index: 100;
}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 0px;	
}

div#menu li.level1 li span.separator{
	height: 25px;/* increase menu height */
	padding: 0px;
	margin: 0px 1px 0px 1px;
	background: #ffffff url(../images/menu_level2_item.png) 100% 0 no-repeat;
	float: none;  
	display: block;
	line-height: 25px;
}

div#menu li.level1 li a{
	height: 100%;/* increase menu height */
	padding: 0px;
	position: relative;
	margin: 0px 1px 0px 1px;
	background:#307AB2;
	/*background: url(../images/submenuBg.gif); */
	float: none;  
	display: block;
	line-height: 25px;
	border-left:1px solid #8BB9DC;
	border-right:1px solid #8BB9DC;
	border-bottom:1px solid #8BB9DC;
	padding-left:10px;
}

div#menu li.level1 li a:hover{
color:#F8EA34;
}

/*div#menu li li.level2 span.parent {  
	background: #A2CAE8 url(../images/menu_level2_item_parent.png) 100% 0 no-repeat; 
}*/

/*  for arrow */
/*div#menu li li.level2 a.parent{  
	background: #A2CAE8 url(../images/menu_level2_item_parent.png) 100% 0 no-repeat; 
	}*/
div#menu li li.level2 a.parent{  
	background: #307AB2 url(../images/menu_level2_item_parent.png) 100% 0 no-repeat; 
	}


/*div#menu li.level2 a.parent{ 
background: url(../images/submenuBg.gif); 
	/*background:#DEF2FB;	
}*/

 
div#menu li ul ul {
	margin: -36px 0 0 222px; 
	left:8px;	 
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: 1px solid #8BB9DC;
}

 
div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em;
}

 
div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100;
}


/*
 * sub menu
 */
 
 
div#middle div.module_menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	background: #ffffff;
}

div#middle ul.menu li {
	margin: 0px;
	padding: 0px;
	display: block;
}

div#middle ul.menu li a, div#middle ul.menu li span.separator {
	height: 25px;
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #000000;
}

div#middle ul.menu li span {  
	display: block;
}

div#middle ul.menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#middle ul.menu a.current {  
	color: #aa1428;
}

div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover, div#middle ul.menu a.current:hover {  
	color: #aa1428;
}

div#middle ul.menu li.active {  
	font-weight: bold;
}

div#middle ul.menu li.active li {  
	font-weight: normal;
}

div#middle ul.menu li.parent span.separator {  
	cursor: pointer;
}

 
div#middle ul.menu li.level1 {
}

 
div#middle ul.menu li.level2 {
}

div#middle ul.menu li.level2 a {
	height: 20px;
	line-height: 20px;
}

/* end */

.menu_interactwithasm
{
list-style:none;
margin:0;
padding:0;
}
.menu_learnaboutmicbiology
{
list-style:none;
margin:0;
padding:0;
}
.menu_memberonly
{
list-style:none;
margin:0;
padding:0;
}
.menu_specialinterest
{
list-style:none;
margin:0;
padding:0;
}