@font-face {
    font-family: 'BetonEF-Bold';
    src: url('betonef-bold-webfont.eot');
    src: url('betonef-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('betonef-bold-webfont.woff') format('woff'),
         url('betonef-bold-webfont.ttf') format('truetype'),
         url('betonef-bold-webfont.svg#BetonEF-BoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#menucontainer { clear: both; position: relative; z-index: 1000; width: 995px; }
#menucontainer ul.megamenu { position: relative; display: block; height: 40px; line-height: 20px; list-style: none; padding: 0; margin: 0 0 10px 0; font-size: 12px; background: url('../images/navbg1.jpg') top repeat-x #404041; }
#menucontainer ul.megamenu > li { float: left; margin: 0; padding: 0; }
#menucontainer ul.megamenu > li > a { display: block; letter-spacing: 0.1em; line-height: 28px; position: relative; padding: 12px 12px 0; z-index: 10; border-right: 1px solid #6D6E71; color: #FFFFFF; text-decoration: none; font-family: BetonEF-Bold,Georgia,"Times New Roman",Times,serif; font-size: 14px; }
#menucontainer ul.megamenu > li > a:hover { color: #FFFFFF; text-decoration: none; background-image: url('../images/navbg2.jpg') }
#menucontainer ul.megamenu > li.active { background: #404041; }
#menucontainer ul.megamenu > li > ul { display: none; }
#menucontainer ul.megamenu > li > div { display: none; top: 40px !important; left: 0px !important; overflow: hidden; z-index: 100; }

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  font-family: BetonEF-Bold, Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  letter-spacing: 0.1em; 
  color: #FFFFFF;
 
  margin: 0px;
  text-decoration: none;
  z-index: 10;
 
   padding:12px 12px 0 12px; /* line up text & image */
   border-right: 1px solid #6D6E71;
   background: url(../images/navbg1.jpg) repeat-x #404041;
   line-height: 28px;
}

/* Active Menu Item */
ul.megamenu a.activesection:link, ul.megamenu a.activesection:visited {
  position: relative;
  display: inline-block;
  font-family: BetonEF-Bold, Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  letter-spacing: 0.1em; 
  color: #FFFFFF;
 
  margin: 0px;
  text-decoration: none;
  z-index: 10;
 
   padding:12px 12px 0 12px; /* line up text & image */
   border-right: 1px solid #6D6E71;
   background: url(../images/navbg3.jpg) repeat-x ;
   line-height: 28px;
}
/* Active Menu Item End*/


*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: #6D6E71;
  filter: chroma(color=#6D6E71);
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
  color: #FFFFFF;
  background: #404041 url(../images/navbg2.jpg) repeat-x;
 }

ul.megamenu div.mm-item-content {
  background:  url(../images/dropshadow.png) bottom no-repeat;  /* change to #F5F5F5 for old css drop shadow */
  padding: 0px;
  padding-bottom: 41px;  /* change to 15px for old css dropshadow */
  position: absolute;
  border: 1px solid #F5F5F5;
  border:none;  /* remove this for old css dropshadow */

  z-index: 9999999;
}

.mm-content-base {
  background: #F5F5F5;
  position: relative;
  z-index: 11;
  padding: 10px;
}


.mm-js-shadow {
  
  position: absolute;
  z-index: 10;
} 

/* Drop Down Styles */

.menucol {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	width:956px;
	background: #F5F5F5;
	height: 270px;
	overflow: hidden;
}

.menucol p {
	color: #404041;
	margin: 0;
	}

.menucol h2 {
	font-family: BetonEF-Bold, Georgia, "Times New Roman", Times, serif;
 	font-size:20px;
	line-height:22px;
	text-shadow: 1px 1px 1px #FFFFFF; 
	color: #404041;
	margin:7px 0 10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #CFCFCF;
}

.menucol h3 {
	font-size:14px;
	text-shadow: 1px 1px 1px #FFFFFF; 
	color: #404041;
	margin: 0;
	padding-bottom: 10px;
	}
	
.menuTitles {
	font-size:14px;
	text-shadow: 1px 1px 1px #FFFFFF; 
	color: #404041;
	margin: 0;
	padding-bottom: 10px;
	font-weight: bold;
	display: block;
	}

/* NEW 4 COLUMN LAYOUT */

.menucol1-4 {
	width: 226px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CFCFCF;
	margin-right: 10px;
	height: 270px;	
	}

.menucol2-4 {
	width: 226px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CFCFCF;
	margin-right: 10px;
	height: 270px;
	}

.menucol3-4 {
	width: 220px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CFCFCF;
	margin-right: 10px;
	height: 270px;
	}

.menucol4-4 {
	width: 220px;
	float: left;
	height: 270px;
	}
	

/* NEW 3 COLUMN LAYOUT */

.menucol1 {
	width: 462px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CFCFCF;
	margin-right: 10px;
	height: 270px;	
	}

.menucol2 {
	width: 226px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CFCFCF;
	margin-right: 10px;
	height: 270px;
	}

.menucol3 {
	width: 220px;
	float: left;
	height: 270px;
	}


.menucol ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

.menucol li {               /* turn off the normal list item behavior */
    margin: 0;
    padding:0;
	font-size: 12px;
}




#menucontainer div.menucol  a:link, #menucontainer div.menucol  a:visited {
	color: #404041;	
}

#menucontainer div.menucol a:hover,
#menucontainer div.menucol a:active {
	color: #008C00;	
}

/* ===== more links ===== */

#menucontainer div.menucol a.alllink:link,
#menucontainer div.menucol a.alllink:visited{
	margin: 10px 0;
	padding: 5px 0px;
	font-size: 12px;     
	color: #008C00;
	text-decoration: none;
	border-top: 1px #CFCFCF dotted;
	border-bottom: 1px #CFCFCF dotted;
	display: block;
}


#menucontainer div.menucol a.alllink:hover,
#menucontainer div.menucol a.alllink:active {
    color: #404041;
    text-decoration: none;  
}

/* ===== media links ===== */

#menucontainer div.menucol a.medialink:link,
#menucontainer div.menucol a.medialink:visited{
	font-size: 12px;
	color: #022F0E;
	text-decoration: none;
}


#menucontainer div.menucol a.medialink:hover,
#menucontainer div.menucol a.medialink:active {
    color: #404041;
    text-decoration: none;  
}

.medialinksborder {
	border-top: 1px #CFCFCF dotted;
	border-bottom: 1px #CFCFCF dotted;
	margin: 10px 0;
	padding: 5px 0px;
	}

/* ===== editors ===== */

.editorsnav {
	border-bottom: 1px #CFCFCF dotted;
	margin-bottom: 5px;
	}
	
.editorsnav p {
	font-size:14px;
	text-shadow: 1px 1px 1px #FFFFFF; 
	color: #404041;
	padding-top: 15px;
	font-weight: bold;
	}
	
.editorsnav img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #CFCFCF;
	}