/* ------------------------------------------------------------------------- */

	
/* Holly Hack for IE \*/
* html .menu2 ul li {
	float: left;
	height: 1%;
}
* html .menu2 ul li a { height: 1%; }
/* End */



/* ------------------------------------------------------------------------- */
/* COLUMN MENU */

#container #navArea {
	width: 212px;
	float: right;
	color:#272756;
	font-family:Tahoma, Geneva, sans-serif;
	padding: 215px 0px 0px 0px;
} /* do not define size as all elements within navArea should be independent */

#container #navArea a  { color:#272756; text-decoration:none}
#container #navArea p  { font-size:12px;}
#container #navArea hr { background: #ccc; color: #ccc; padding:0px; margin:0px; height:1px; width: 90%;
}


/* MAIN PAGE MENU - Use this to control events and press releases*/
#container #navArea dl {font-size:12px; margin-top:0px; margin-left:6px; } /*Used to format press releases and events in menu bar*/
#container #navArea dt {font-weight: bold; margin-left:6px;}
#container #navArea dt img {border:#CCC 1px solid; margin-left:3px; padding:3px;}
#container #navArea dd {margin-left:6px; padding-bottom:8px;}


/* ------------------------------------------------------------------------- */

/* MAIN PAGE MENU - Use this to separate sizes from adverts etc*/
.menuVert{list-style: none; font-size:12px; margin:0px; padding:0px 0px 0px 9px; width:183px; }

.menuVert  li {padding:8px 0px 0px 0px;}
.menuVert  li ul {list-style: circle; padding:0px 0px 0px 9px; margin: 0px;}
.menuVert  li ul ul  {list-style: square; padding:0px 0px 0px 14px; margin:0px; font-style:italic;}
.menuVert  li a {color: #272756; text-decoration: none;  }
.menuVert  li li a {color: #272756; text-decoration: none;  }

.menuVert strong .subHeading {color:#aaa; font-size:18px; font-weight:bold; text-decoration: none;  }

/*#container #navArea #mainMenu li li { padding-bottom:4px; padding-left:0px}*/




/* NEW MENU STRUCTURE CSS */
ul.nav_menu { list-style: none; font-size:12px; margin:0px; padding:0px 0px 0px 6px; width:183px }
ul.nav_menu li.level1 { list-style: none; padding:0px; margin: 0px 0px 6px 0px ; font-weight:bold }
ul.nav_menu li.level2 {	list-style: square; padding:0px; margin:5px 0px 0px -10px; font-style:italic; font-weight:normal }
ul.nav_menu li.level3 { }
ul.nav_menu li.level4 { }

ul.nav_menu li a { color: #272756 !important; text-decoration: none  !important }

/* THE MORE LEVELS THAT ARE NEEDED, YOU SIMPLY ADD NEW VALUES HERE, eg. .level5 etc */



/* ------------------------------------------------------------------------- */


/* SITE MAP NEW MENU STRUCTURE CSS */
ul.sitemap_menu {list-style: none;margin:0px;padding:0px}
ul.sitemap_menu li.level1 { list-style: none; padding:0px; margin: 12px 0px 0px 14px}
ul.sitemap_menu li.level2 {	list-style: square; padding:0px; margin: 8px 0px 0px 32px}
ul.sitemap_menu li.level3 { list-style: circle; padding:0px; margin: 8px 0px 0px 14px} 
ul.sitemap_menu li.level4 {	list-style: square; padding:0px; margin: 8px 0px 0px 14px}

ul.sitemap_menu li a { color: #272756 !important; text-decoration: none  !important;  }


/* THE MORE LEVELS THAT ARE NEEDED, YOU SIMPLY ADD NEW VALUES HERE, eg. .level5 etc */







/* ------------------------------------------------------------------------- */




.menu2 {margin: 0; padding: 0; list-style-type: none; height: 22px; border-bottom: 1px solid #FFF; width: 0px;}
.menu2 { margin: 0px 0px 10px; padding: 0px; background: url(image/page_structure/menuBG.gif) repeat top;}
.menu2 li{position: relative; display: inline; float: left;}
.menu2  li a{display: block; padding: 6px 10px 2px; border-left-width: 0; text-decoration: none; color: #FFF; font: bold 11px Tahoma; text-align: center; margin: 0px;}
.menu2  li ul{ left: 0; top: 0; border-top: 1px solid #202020; position: absolute; display: block; visibility: hidden; z-index: 100;}
.menu2 li ul li{ display: inline; float: none; background: #099 url(image/page_structure/menuBGDivider.gif) repeat; }
.menu2  li ul li a{width: 160px; font-weight: normal; padding: 2px 5px;}
.menu2  li a:hover{}
.menu2 .arrowdiv{position: absolute; right: 0; background: transparent url(menuarrow.gif) no-repeat center left;}


/* ------------------------------------------------------------------------- */




/*ADVERTs do not use list to display their content so use this style to control the indent */
#container #navArea #advertIndent {margin-left:5px; list-style: none;}







/*CSS only horizontal drop down menu ---------------------REFER TO COMMENTED OUT DIV TAGS  AT BOTTOM  OF menu-1.asp -------------------------------*/

.menu {
	FONT-SIZE: 11px; Z-INDEX: 100; WIDTH: 970px; FONT-FAMILY: arial, sans-serif; POSITION: absolute; top:146px; HEIGHT: 20px; /*background: url(image/page_structure/menuBG.gif);*/ 
margin-left:0px;color:#fff;
}


.menu UL LI A {DISPLAY: block;  font-weight:normal; /*BACKGROUND: #710069;*/  overflow:visible; margin:0px 0px 0px 0px;  COLOR: #fff; LINE-HEIGHT: 20px;  /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none ;padding:3px 2px 3px 2px;filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90; width:129px; border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;BACKGROUND: #000;}





.menu UL LI A:visited {
DISPLAY: block; 0.9em; /*BACKGROUND: #710069;*/ overflow:visible;  WIDTH: 129px; COLOR: #fff; LINE-HEIGHT: 20px;  TEXT-ALIGN: center; TEXT-DECORATION: none 
}


.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu UL LI {
	FLOAT: left; POSITION: relative
}
.menu UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover A {
	BACKGROUND: #000; COLOR: #FFF
}
.menu UL LI:hover UL {
	DISPLAY: block; LEFT: 0px; WIDTH: 105px; POSITION: absolute; TOP: 26px
}
.menu UL LI:hover UL LI A.hide {
	BACKGROUND: #000; COLOR: #fff
}
.menu UL LI:hover UL LI:hover A.hide {
	BACKGROUND: #000; COLOR: #FFF
}
.menu UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #000; COLOR: #FFF
}
.menu UL LI:hover UL LI A:hover {
	BACKGROUND: #000; COLOR: #FFF
}
.menu UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 131px; POSITION: absolute; TOP: 0px
}
.menu UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}




/*CSS only horizontal drop down menu ----------------------------------------------------*/