/*general settings for div*/
/* center the menu - work arround for ie*/
#centre {
	width:100%;
	float: left;
	position: absolute;
	top:10px;
	text-align:center;
}
#menu {	width: 48em;
	text-align:left;
	margin: 0 auto;
	
}

#menu p.site{
	text-align:center;
	margin:0;
	padding:0;
}

/*remove all the settings from the lists*/
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 10em;
	float: left;
}


#menu ul.small {
	width:5em;
}

#menu ul.medium {
	width:8em;
}

#menu ul.large {
	width:13em;
}

#menu ul.xlarge {
	width:15em;
}

#menu ul.xxlarge {
	width:19em;
}

#menu li:hover{
	z-index:1;
}

/* Make the heading and the links look the same*/
#menu a, #menu h2, #menu p.box{
	font: bold 11px/16px 'Comic Sans MS','Comic Sans',Verdana, Arial, Sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #003366;
	background:#00cccc;
	color: #003366;
	margin: 0;
	padding: 2px 2px;

}

#menu h2.nocap {
	text-transform: none;
}

#menu h2 {
	text-transform: uppercase;
}

#menu a.cap {
	text-transform: uppercase;
}


#menu a {
	text-decoration: none;
}

/*#menu h2 a {border:none; 	font: bold 11px/16px 'Calligraph421 BT','Lucida Console',  verdana, sans-serif; padding:0;}*/



#menu a:hover {
color: #99ccff;
background: #003366;
border-color: #99ccff;
}

#menu a.nocng:hover {
color: #003366;
background: #00cccc;
border-color: #003366;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


#menu ul.rights{
width:5em;
left:-5em}

#menu ul.rightm{
width:8em;
left:-8em}

#menu ul.right{
width:10em;
left:-10em}

#menu ul.rightl{
width:13em;
left:-13em}

#menu ul.rightx{
width:15em;
left:-15em}

#menu ul.rightxx{
width:19em;
left:-19em}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul a, 
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul li:hover ul a,
div#menu ul ul ul li:hover ul
{display: block;}