/* ------------------------------------------------------------------------- */
/* BREADCRUMB */

.breadcrumbs {
	position:absolute;
	left:85px; 
	top:311px;
	margin-left: 0px;
	padding-left: 0;
	display: inline;
	list-style-type: none;
	
	z-index:1000;
}

.breadcrumbs  ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	list-style-type: none;
	
}

.breadcrumbs  li {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	list-style-type: none;
	
}




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

	
/* 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:260px;
	float: right;
	color:#272756;
	font-family:Tahoma, Geneva, sans-serif;
	margin:340px 10px 0px 0px;
padding-left:10px;padding-right:18px;
 	

background-image:url(/image/page_structure/midBar.jpg );
background-repeat:no-repeat;
background-position:left;

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




#container #navArea a  { color:#069; text-decoration:none}
#container #navArea p  { font-size:12px;}
#container #navArea hr { background: #ccc; color: #ccc; 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:20px; list-style: none; padding-top:40px;}



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


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

/* 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 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: 139px; 
	float:left;
	top:165px; 
    
	 

	padding:0px 10px 0px 10px;
	margin:0px 20px 0px 0px;
	
	
	
}
.menu2 UL LI.level1 A {
	font-weight:bold;
	DISPLAY: block; 
	FONT-SIZE: 13px;  
	overflow:visible;  
	WIDTH: 139px; 
	COLOR: #555; 
	LINE-HEIGHT: 19px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	margin-top:0px;
	text-indent:0px;
	background-color:#FCF1E0;
	padding:2px 2px 2px 2px;
	border:1px solid #CCC;

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


.menu2 UL LI.level2 A {
	font-weight:normal;
	DISPLAY: block; 
	FONT-SIZE: 11px;  
	overflow:visible;  
	WIDTH: 139px; 
	COLOR: #555; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	margin-top:0px;
	text-indent:0px;
	
	list-style-type:disc
}
.menu2 UL LI.level2 A:visited {
	font-weight:normal;
	DISPLAY: block; 
	FONT-SIZE: 11px; 
	overflow:visible; 
	WIDTH: 139px; 
	COLOR: #555; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none ;
	margin-top:0px;
	text-indent:0px;

	list-style-type:disc
}


.menu2 UL LI.level3 A {
	font-weight:normal;
	DISPLAY: block; 
	FONT-SIZE: 11px;  
	overflow:visible;  
	WIDTH: 139px; 
	COLOR: #555; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	margin-top:0px;
	text-indent:10px;
}
.menu2 UL LI.level3 A:visited {
	font-weight:normal;
	DISPLAY: block; 
	FONT-SIZE: 11px; 
	overflow:visible; 
	WIDTH: 139px; 
	COLOR: #555; 
	LINE-HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none ;
	margin-top:0px;
	text-indent:10px;
	
}








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



/*-------------------------JQUERY MENU--------------------------*/

#outerPosition {position:absolute; top:306px; left:111px; width:830px; z-index:2000; background-color:#840106; background-image:url(/image/menuBG.gif);}



#nav, #nav ul{
	font-family:Arial, Helvetica, sans-serif;
	
	
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.47em; 

}

#nav ul {
position:absolute;
display:none;
width:7em;
top:1.5em;
background-image:url(image/null.gif);

}

#nav a{
font-size:12px;
display:block;
padding:0px 5px 0px 25px;
/*border:1px solid #fff;*/
color:#fff;
text-decoration:none;
/*background-color:#6c7184;*/
width:6em;
}

#nav a:hover{
background-color:#3F3F3F;
color:#fff;
}

#nav li{
float:left;
position:relative;
}

#nav li ul {background-color:#2a2b30;
width:9.8em;}

#nav li ul a{
width:10em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:10.2em;
margin:0px 0 0 10px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}