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

	
/* 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: 192px;
	float: right;
	color:#272756;
	font-family:Tahoma, Geneva, sans-serif;
	padding: 265px 0px 0px 5px;
	border-left:1px solid #eee; border-bottom:1px solid #eee
} /* 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:3px; padding:3px; border:#eee 1px solid; width:165px; background-color:#F8F8F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*Used to format press releases and events in menu bar*/
#container #navArea dt {font-weight: bold; margin-left:1px; padding-bottom:3px;}
#container #navArea dt img { margin-left:1px; padding:3px;}
#container #navArea dd {margin-left:1px; 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: 850px;}
.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: 12px; Z-INDEX: 100; margin-left:0px; FONT-FAMILY: arial, sans-serif; POSITION: absolute; top:218px; HEIGHT: 23px; /*background: url(image/page_structure/menuBG.gif);*/ 
}



.menu UL LI A {DISPLAY: block; FONT-SIZE: 0.9em; font-weight:bold; /*BACKGROUND: #710069;*/  overflow:visible; margin:0px 1px 0px 0px;  COLOR: #fff; LINE-HEIGHT: 20px;  /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none ;background-color:#000 ;padding:3px 2px 3px 2px;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75; width:115px; background: url(image/bgBUT.gif);
}
.menu UL LI A:visited { DISPLAY: block; FONT-SIZE: 0.9em; /*BACKGROUND: #710069;*/ overflow:visible;  margin:0px 1px 0px 0px; COLOR: #fff; LINE-HEIGHT: 20px;  /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none ;background-color:#000; padding:3px 2px 3px 2px;  width:115px; background: url(image/bgBUT.gif);
}


.menu UL LI a:hover.homeOveride{ width:55px; background-color:white; color:black; background: url(); } /*used to make the home page link look different from the others*/

.menu UL LI a.homeOveride{ width:55px; background-color:white; color:black; background: url(); } /*used to make the home page link look different from the others*/


.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: #54a43d; COLOR: #fff; filter:alpha(opacity=85);-moz-opacity:.85;-khtml-opacity: .85;opacity: .85;background: url(image/bgBUT.gif);
}
.menu UL LI:hover UL {
	DISPLAY: block; LEFT: 0px; WIDTH: 105px; POSITION: absolute; TOP: 26px /*the top VALUE DEFINES WHERE THE DROP DOWN STARTS*/
}
.menu UL LI:hover UL LI A.hide {
	BACKGROUND: #6a3; COLOR: #fff
}
.menu UL LI:hover UL LI:hover A.hide {
	BACKGROUND: #6fc; COLOR: #000
}
.menu UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #ddd; COLOR: #000; border-bottom:1px solid #eee
}
.menu UL LI:hover UL LI A:hover {
	BACKGROUND: #293492; COLOR: #FFF
}
.menu UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 105px; POSITION: absolute; TOP: 0px
}
.menu UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}


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