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

	
/* 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: 171px;
	float: right;
	color:#4e7fa0;
	font-family:Tahoma, Geneva, sans-serif;
	padding: 182px 19px 0px 15px;
	

} /* do not define size as all elements within navArea should be independent */

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


/*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;}



/* 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 dt a {color:#4e7fa0;}
#container #navArea dd {margin-left:6px; padding-bottom:8px;}
#container #navArea dd a {color:#4e7fa0;}


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

/* 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 */







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





/*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; WIDTH: 590px; FONT-FAMILY: arial, sans-serif; POSITION: absolute; top:55px; HEIGHT: 28px;   padding-left:100px; background: url(image/page_structure/null.jpg) /* need to have a null image here to make drop down work*/
}
.menu UL LI A {
	 DISPLAY: block; FONT-SIZE: 12px; /*BACKGROUND: #710069;*/  overflow:visible;  WIDTH: 139px; COLOR: #333; LINE-HEIGHT: 27px;  /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none; filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;
}
.menu UL LI A:visited {
	 DISPLAY: block; FONT-SIZE: 12px; /*BACKGROUND: #710069;*/ overflow:visible;  WIDTH: 139px; COLOR: #333; LINE-HEIGHT: 27px;  /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none ; filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75; 
}
.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: #00cc00;*/ COLOR: #000; 
}
.menu UL LI:hover UL {
	DISPLAY: block; LEFT: 0px; WIDTH: 105px; POSITION: absolute; TOP: 27px
}
.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: #fabc00; COLOR: #000
}
.menu UL LI:hover UL LI A:hover {
	BACKGROUND: #215a46; 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 ----------------------------------------------------*/






/*CSS only vertical static menu ---------------------REFER TO COMMENTED OUT DIV TAGS  AT BOTTOM  OF menu-1.asp -----------------------	--------*/

.menu2 {
FONT-FAMILY: arial, sans-serif; 
	Z-INDEX: 100; 
	WIDTH: 199px; 
	float:left;
	margin-left:-690px; 
}
	
	
.menu2 UL LI.level1 A {
	font-weight:bold;
	DISPLAY: block; 
	FONT-SIZE: 13px;  
	overflow:visible;  
	WIDTH: 189px; 
	COLOR: #333; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	margin-top:20px;

}
.menu2 UL LI.level1 A:visited {
	font-weight:bold;
	DISPLAY: block; 
	FONT-SIZE: 13px; 
	overflow:visible; 
	WIDTH: 189px; 
	COLOR: #333; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none ;
	margin-top:20px;
}




.menu2 UL LI.level2 A {
	font-weight:normal;
	DISPLAY: block; 
	FONT-SIZE: 11px;  
	overflow:visible;  
	WIDTH: 169px; 
	COLOR: #333; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	margin-top:0px;
padding-left:10px;
border-bottom:#ccc solid 1px;
}
.menu2 UL LI.level2 A:visited {
	font-weight:normal;
	DISPLAY: block; 
	FONT-SIZE: 11px; 
	overflow:visible; 
	WIDTH: 169px; 
	COLOR: #333; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none ;
	margin-top:0px;
padding-left:10px;
border-bottom:#ccc solid 1px;
	
}



/*-------------------------END STATIC VERTICAL MENU--------------------------*/




/*.menu2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu2 UL LI {
	FLOAT: left; POSITION: relative
}
.menu2 UL LI UL {
	DISPLAY: none
}
.menu2 UL LI:hover A {
	BACKGROUND: #00cc00; COLOR: #000
}
.menu2 UL LI:hover UL {
	DISPLAY: block; LEFT: 139px; WIDTH: 105px; POSITION: absolute; TOP: 0px
}
.menu2 UL LI:hover UL LI A.hide {
	BACKGROUND: #6a3; COLOR: #fff
}
.menu2 UL LI:hover UL LI:hover A.hide {
	BACKGROUND: #6fc; COLOR: #000
}
.menu2 UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu2 UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #ddd; COLOR: #000
}
.menu2 UL LI:hover UL LI A:hover {
	BACKGROUND: #293492; COLOR: #FFF
}
.menu2 UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 105px; POSITION: absolute; TOP: 0px
}
.menu2 UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}*/




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








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

.menu3 {
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, sans-serif; 
	Z-INDEX: 100; WIDTH: 139px; 
	POSITION: absolute; 
	top:165px; 
	padding-left:550px; 
	HEIGHT: 20px; 
}
.menu3 UL LI A {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; DISPLAY: block; FONT-SIZE: 11px; /*BACKGROUND: #710069;*/  overflow:visible; BORDER-LEFT: #fff 1px solid; WIDTH: 139px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none;
}
.menu3 UL LI A:visited {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; DISPLAY: block; FONT-SIZE: 11px; /*BACKGROUND: #710069;*/ overflow:visible; BORDER-LEFT: #fff 1px solid; WIDTH: 139px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; /*HEIGHT: 20px;*/ TEXT-ALIGN: center; TEXT-DECORATION: none ;
}
.menu3 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu3 UL LI {
	FLOAT: left; POSITION: relative
}
.menu3 UL LI UL {
	DISPLAY: none
}
.menu3 UL LI:hover A {
	BACKGROUND: #00cc00; COLOR: #000
}
.menu3 UL LI:hover UL {
	DISPLAY: block; LEFT: 139px; WIDTH: 105px; POSITION: absolute; TOP: 0px
}
.menu3 UL LI:hover UL LI A.hide {
	BACKGROUND: #6a3; COLOR: #fff
}
.menu3 UL LI:hover UL LI:hover A.hide {
	BACKGROUND: #6fc; COLOR: #000
}
.menu3 UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu3 UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #ddd; COLOR: #000
}
.menu3 UL LI:hover UL LI A:hover {
	BACKGROUND: #293492; COLOR: #FFF
}
.menu3 UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 105px; POSITION: absolute; TOP: 0px
}
.menu3 UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}




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