/* MENUS */

.menu2 ul{

	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 22px;
	border-bottom: 1px solid #FFF;
	width: 850px;
}
#container .menu2 #cssmenu1 {
}

.menu2 {
	margin: 0px 0px 0px 0px;
	position:absolute;
	top:304px;
	padding: 0px;
	background: url(image/menuBG.gif) repeat top;
}


/*Top level list items*/
.menu2 ul li{
	position: relative;
	display: inline;
	float: left;

}

/*Top level menu link items style*/
.menu2 ul li a{
	display: block;
	width: 200px; /*Width of top level menu link items*/
	padding: 6px 0px 2px;
	border-left-width: 0;
	text-decoration: none;
	color: #FFF;
	font: bold 11px Tahoma;
	text-align: center;
	margin: 0px;
	
}

.dividerBar {
	background: url(image/menuBGDivider.gif) no-repeat right;
	}
	
/*Sub level menu*/
.menu2 ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.menu2 ul li ul li{
	display: inline;
	float: none;
	background: #099 url(image/menuBGDivider.gif) repeat;
}


/* Sub level menu links style */
.menu2 ul li ul li a{
	width: 160px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
}

.menu2 ul li a:hover{

}

.menu2 .arrowdiv{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}

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



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



/* RIGHT MENU */

#container #navArea { width: 187px;  float: right; color:#FFF; font-family:Tahoma, Geneva, sans-serif; padding-top:345px;

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




#container #navArea a  { color:#FFF;}
#container #navArea p  { font-size:12px;}
#container #navArea hr {background: #ccc;color: #ccc; padding:0px; margin:0px; background-image:url(image/stained-glass-museum.gif); height:20px;}


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


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

/* MAIN PAGE MENU - Use this to separate sizes from adverts etc*/

#container #navArea #mainMenu   
{list-style: none; font-size:12px; margin:0px; padding:0px 0px 0px 4px; width:183px; 


}
#container #navArea #mainMenu  li {padding:8px 0px 0px 0px;}
#container #navArea #mainMenu  li a {color: #FFF; text-decoration: none;  }
/*#container #navArea #mainMenu li li { padding-bottom:4px; padding-left:0px}*/

/*SUBMENU style to main*/
#container #navArea #mainMenu .subMenu {margin-top:10px;margin-left:-4px; background: #82aabc; border-top:#FFF 1px solid;  padding:0px; width:187px; }
#container #navArea #mainMenu .subMenu li {margin:0px; padding:4px 0px 4px 8px; list-style:none;}

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