/*general settings for div*/

/* center the menu - work arround for ie*/

#donotdisplay {display: none;}





#centre {

	width:100%;

	float: left;

	position: absolute;

	top:10px;

	text-align:center;

}

#donate {position: absolute;

	top:12px;

	left: 715px;

	z-index:1;

}

#donate a,img { border:none;}

#menu {	width: 52.05em;

	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:6em;

}



#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: 4px 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 ul li:hover ul ul,

div#menu ul li:hover ul ul a 

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul,

div#menu ul ul li:hover ul a

{display: block;}





@media print{



#centre {display:none}

#menu {display:none}

#donate {display:none}

}