/* #### TopRight Menubar #### CSS */
.topmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
}
.topmenu li.home{
display: inline;
margin: 0;
}
.topmenu li.home a{
width: 64px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/home1.gif);

}
.topmenu li.home a:hover{
 background-image: url(../images/menu_buttons/home2.gif); 
}

.topmenu li.news_events{
display: inline;
margin: 0;
}
.topmenu li.news_events a{
width: 107px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/news_events1.gif);

}
.topmenu li.news_events a:hover{
 background-image: url(../images/menu_buttons/news_events2.gif); 
}

.topmenu li.contact_us{
display: inline;
margin: 0;
}
.topmenu li.contact_us a{
width: 89px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/contact_us1.gif);

}
.topmenu li.contact_us a:hover{
 background-image: url(../images/menu_buttons/contact_us2.gif); 
}



.topmenu li.projects_topmenu{
display: inline;
margin: 0;
}
.topmenu li.projects_topmenu a{
width: 69px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/projects_topmenu1.gif);

}
.topmenu li.projects_topmenu a:hover{
 background-image: url(../images/menu_buttons/projects_topmenu2.gif); 
}



.topmenu li.how_to_topmenu{
display: inline;
margin: 0;
}
.topmenu li.how_to_topmenu a{
width: 115px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/how_to_topmenu1.gif);

}
.topmenu li.how_to_topmenu a:hover{
 background-image: url(../images/menu_buttons/how_to_topmenu2.gif); 
}


/* ##### Main Menubar Styles ##### */

.nav_bar_div ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
background: url(../images/menu_buttons/main-nav-bar.jpg) repeat-x; 
width: 100%;
}

/* CE News button Styles */
.nav_bar_div li.ce_news{
display: inline;
margin: 0;
}
.nav_bar_div li.ce_news a{
width: 93px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/ce_news1.gif);

}
.nav_bar_div li.ce_news a:hover{
 background-image: url(../images/menu_buttons/ce_news2.gif); 
}


/* ### Bottom menu Styles ### */

.bott_nav_bar ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.bott_nav_bar li.about_us_bott{
display: inline;
margin: 0;
}
.bott_nav_bar li.about_us_bott a{
width: 81px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/AboutUs_bottommenu1.gif);

}
.bott_nav_bar li.about_us_bott a:hover{
 background-image: url(../images/menu_buttons/AboutUs_bottommenu2.gif); 
}



.bott_nav_bar li.contact_us_bott{
display: inline;
margin: 0;
}
.bott_nav_bar li.contact_us_bott a{
width: 93px;
height: 23px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/contact_us_bottommenu1.gif);

}
.bott_nav_bar li.contact_us_bott a:hover{
 background-image: url(../images/menu_buttons/contact_us_bottommenu2.gif); 
}

/* Campaigns button Styles */
.nav_bar_div li.campaigns{
display: inline;
margin: 0;
}
.nav_bar_div li.campaigns a{
width: 97px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/campaigns1.gif);

}
.nav_bar_div li.campaigns a:hover{
 background-image: url(../images/menu_buttons/campaigns2.gif); 
}


/* Networks botton Styles */
.nav_bar_div li.networks{
display: inline;
margin: 0;
}
.nav_bar_div li.networks a{
width: 86px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/networks1.gif);

}
.nav_bar_div li.networks a:hover{
 background-image: url(../images/menu_buttons/networks2.gif); 
}


/* Publivations botton Styles */
.nav_bar_div li.publications{
display: inline;
margin: 0;
}
.nav_bar_div li.publications a{
width: 104px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/publications1.gif);

}
.nav_bar_div li.publications a:hover{
 background-image: url(../images/menu_buttons/publications2.gif); 
}


/* Photo Gallery botton Styles */
.nav_bar_div li.photo_gallery{
display: inline;
margin: 0;
}
.nav_bar_div li.photo_gallery a{
width: 115px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/photo_gallery1.gif);

}
.nav_bar_div li.photo_gallery a:hover{
 background-image: url(../images/menu_buttons/photo_gallery2.gif); 
}


/* Other Links botton Styles */
.nav_bar_div li.other_links{
display: inline;
margin: 0;
}
.nav_bar_div li.other_links a{
width: 99px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/other_links1.gif);

}
.nav_bar_div li.other_links a:hover{
 background-image: url(../images/menu_buttons/other_links2.gif); 
}


/* Board Members botton Styles */
.nav_bar_div li.board_members{
display: inline;
margin: 0;
}
.nav_bar_div li.board_members a{
width: 125px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/board_members1.gif);

}
.nav_bar_div li.board_members a:hover{
 background-image: url(../images/menu_buttons/board_members2.gif); 
}


/* Feedback botton Styles */
.nav_bar_div li.feedback{
display: inline;
margin: 0;
}
.nav_bar_div li.feedback a{
width: 123px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/feedback-link.jpg);

}
.nav_bar_div li.feedback a:hover{
 background-image: url(../images/menu_buttons/feedback-hover.jpg); 
}

/* about us in mainmenu botton Styles */
.nav_bar_div li.main-about-us{
display: inline;
margin: 0;
}
.nav_bar_div li.main-about-us a{
width: 88px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/about-us-link.jpg);

}
.nav_bar_div li.main-about-us a:hover{
 background-image: url(../images/menu_buttons/about-us-hover.jpg); 
}

/* get involved botton Styles */
.nav_bar_div li.get-involved{
display: inline;
margin: 0;
}
.nav_bar_div li.get-involved a{
width: 107px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/get-involved-link.jpg);
}
.nav_bar_div li.get-involved a:hover{
 background-image: url(../images/menu_buttons/get-involved-hover.jpg); 
}
/* contact botton Styles */
.nav_bar_div li.contact{
display: inline;
margin: 0;
}
.nav_bar_div li.contact a{
width: 96px;
height: 35px;
float: left;
display: block;
margin: 0;
background-image:url(../images/menu_buttons/contact-link.jpg);

}
.nav_bar_div li.contact a:hover{
 background-image: url(../images/menu_buttons/contact-hover.jpg); 
}
/* ##### Submenu Styles ###### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #cfcfcf;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
text-align: left;
}


.ddsubmenustyle li a{
display: block;
width: 190px;
color: black;
background-color: #f5f5f5;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #cfcfcf;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #777777;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}