.menuRow li {
  margin: 0;
  padding: 0;
  list-style: none;
  font: bold 11px arial;
}

.menuRow a.menu {
  text-align: center;
  color: black;
  text-decoration: none;
  font: 13px Ariel ;
  font-weight: bold ;
  font-family: Calibri, Verdana, Ariel, sans-serif;
  margin-bottom: 10px;
}

.menuRow a.menu:hover { color: #00ccff; } 
.submenu
{
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  visibility: hidden;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  width:100%;
  z-index: 100;
}
#fullwidth .submenu {
  position: absolute;
  max-width: 500px;
  top: 46px;
}
#fullwidth .submenu table{
  max-width: 500px;
}
#mobile .submenu table {
  width: 100% !important;
}
.submenu a:hover {
  color: #ffffff;
  background: #00ccff;
}
.submenu a.active {
  font-weight:bold;
  background: #99eeff;
  padding:0px 5px;
}
td.middle { width: 1px ; background-color: #4083cf;; }


.menuHeading
{
  font-family: Arial;
  font-size: 10.5pt;
  font-weight: bold ;
/*  color: #8bb321; */
  color: #333333; 
  padding-bottom: 2px;
  padding-top: 5px;
  margin:0px;
}

/*
.submenuTable
{
  background-color: white;
  background-image: url( '/images/gradvert.png' ) ;
  background-repeat:no-repeat;
} */

.submenu a {
  font-size: 13px;
  font-weight: normal;
  font-family: Arial,Calibri,Verdana,sans-serif;
  text-decoration: none;
  padding-right: 0px;
  padding-left: 0px;
  color:   #333333;
}

.submenu p {
  margin:0px;
}

ul.menuRow {
  width: 100%;
  display: block;
  margin: 0px;
}

a.menuRowA {
	width:100%;
  display: block;
  text-align: center;
  font: 14px/14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #333333;  
}

#mobile a.menuRowA {
  height: 46px;
  line-height: 46px;
  text-align: left;
  padding-left: 12px;
}

li.menuItem {
  border-right:1px #cae3ff solid ; 
  height: 46px;
  vertical-align: middle;
  display: table-cell;
  width: 15%; 
}

.menuRow > li.menuLast {
  border:none ;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}
#fullwidth #menu_outreach,
#fullwidth #menu_online,
#fullwidth #menu_science {
 right:0px !important;
 left:auto !important;
}
 {
  right: -100px !important;
 left:auto !important;
}
.menuRow > li.menuFirst
{
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  border-right:1px #cae3ff solid ; 
}


header nav li.menuItem:hover {
  background-image: url("../images/nav-middle.gif") ;
  background-repeat: repeat-x ;
}
header #fullwidth nav li.menuItem:hover > a {
	color:#fff;
}


header nav .last,
header nav .lasta{
	border:none;
}

header nav .last,header nav .lasta{
	border:none;
}

header nav .last a,header nav .lasta a{
	width:140px;
}


.menuPanel
{
  background-color: white; 
  background-image: url(/images/grad-down.jpg);
  background-repeat: no-repeat;
}

td.column { 
  padding-left:10px;
  padding-right:10px;
  text-align:left;
  background:url(/images/grad-up.jpg) bottom no-repeat;
  line-height:21px;
}

#mobile .mobile-content{
	display:none;
}
#mobile-menu {
  font-size: 20px;
  padding: 15px 20px;
  cursor:pointer;
}
#mobile,
header #mobile nav {
	position:relative;
	top:0px;
	left:0px;
  width: 100%;  
}
#mobile .submenu{
	background:#fff;
}
#mobile li{
	border-left:1px #cae3ff solid;	
}
#mobile{
	display:none;
}
#mobile ul.menuRow{
  display:block;
}
#mobile li.menuItem{
  background:url(../images/nav-bg.png) repeat-x;
  float: none;
  width: 100%;
  height:auto;
  clear:both;
  display:block;
}
@media only screen and (max-width: 786px) {
  #mobile,
  #mobile .menuRow li.menuItem .submenu{
    display:block;
    visibility:visible;
    position:relative;
  }
  #fullwidth {
    display: none;
  }
}