.topcontainer 
{
	background-color:#EAE8FD;
	display:inline;
	/* width:150px; */
}

.toplevelmenu, .sublevelmenu,  .sublevellink a:visited, .toplevellink a:visited, .sublevellink a:link
{
	color:#3366FF;
	font-weight:bold;
	visibility:visible;
	font-size:10px;
}

/*
.toplevelmenu, .toplevellink
{
	background-color:#EAE8FD;
	padding-left:5px;
	border:1px solid #fff;
}
*/

.toplevelmenu:hover, .toplevellink:hover, .sublevelmenu:hover, .sublevellink:hover
{
	background-color:#CACFDB;
}

/*
.toplevelmenu:after, .sublevelmenu:after 
{
	content:"";
}
*/


.showsublevelmenu
{
	display:block;
	position:relative;
	background-color:#EAE8FD;
	padding-left:5px;
	width:200px;
}

/*
.wastoplevellink
{
	display:inline;
}
*/

 .sublevellink {	 display:block; }
.sublevellink a:hover, .toplevellink a:hover{text-decoration:none;}
.sublevelmenu, .sublevellink{	height:17px;	width:200px;}

/* On Mouse Out Sets This */
.toptabover
{
	position:relative;
	top:20px;
	left:20px;
	clear:none;
}

/* Menu Items Start Out As This 
.subtabover
{
	visibility:hidden;
	display:none;
	height:0;
}
*/

/*Setup the DropDown Menu */
.dropdownmenu {
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}

/*just the top level links */

.dropdownmenu ul
{
padding:0;
margin:0;
list-style:none;
width:100%;
}

.dropdownmenu li {
position:relative;
display:inline;
/* Float:Left is the key which makes the menus correctly align */
float:left;
list-style:none;
line-height:1.5;
background-color:#EAE8FD;
padding: 1px 2px 1px 2px;
}

.dropdown li a
{ 
	display:block;
	padding:1px 8px 2px 8px;
	white-space:nowrap;
	text-decoration:none;
}

.dropdown li a:hover{ 	text-decoration:none;	background-color:#CACFDB;}
/**********************************************************************************************************************************************/
/* .top is the class applied to all top level menu items ul or li */

/* ul within a .top class */
.top ul {
	display:none;
	position:absolute;
	_left:0;
	_top:1.5em;
	z-index:15;
	list-style:none;
}

/*Firefox renders fine with a width specified for the sub menus, then it knows where to put the subsubmenus. */	
.top ul li {
	background-color:#EAE8FD;
	display:block;
	width:170px;
	line-height:1.7;
	border:thin solid #BEC5D3;
}

li.top a, li.top a:hover {
	text-decoration:none;
	margin:1px 1px 1px 1px;
	padding:1px 0px 1px 0px;
}


/* This allows the sub level menu to display when a top level is hovered over */
li.top:hover ul.opensub1
{
	display:block;
}

/* set by class change in explorer */
li.displayblock ul {
	display:block;
}

/* set by class change in IE this selector is necessary to allow th 2nd level to be detected */
li.displayblock ul li.displayblock ul { display:block; } 	
	
/*Class for the next level of menus cotained within the first sub level menu */	
.opensub1 ul {
	display:none;
	position:relative;
	left:170px;
	_left:167px;
	top:-2px;
	z-index:150;
}


/*Change The Color of the currently hovered over sub menu */
ul.opensub1 li.sub:hover { 	background-color:#CACFDB; }	
	
ul.opensub1 li.sub:hover ul.opensub2{	display:block;}

li.sub:hover ul.opensub2 { display:block; } 
	

/*2nd Level Menus */
li.sub ul li.sub 
{
list-style:none;
background-color:#EAE8FD;
}

/* it is this level which needs udating to make 2nd level menus hover out
display:block makes this appear in the correct place in ie
just need to make it appear with the correct hover over. */



li.sub ul, li.sub a ul {
	display:none;
	position:absolute;
}

li.sub a, li.sub
{
text-decoration:none;
text-align:left;
}

/*************************************************************************************************************************************/
/* Stuff We No Longer Use */

/*
*html li.top ul {
	position:relative;
	left:0;
	display:none; 
}

*html li.top ul li {
	display:inline; 
}

/* This seems to be required to get explorer to behave, without it the submenus position to the right of the top menu 
* html li.top {
	width:8%;
}

*html .opensub1 ul {
	z-index:15;
}
*/