 
<style type="text/css">
<!-- 
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left; }

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #86213C; background-image: url('images/p2kHeader.gif'); background-repeat: repeat-x;  background-position:top;
	color: white	 ;
	text-align: center;
	text-decoration: none
}
.mBCK
{	
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px; height:28px; border-right:1px white solid;
	float:left; width: 40px; background-image: url('images/p2kHeader.gif'); background-repeat: repeat-x;  background-position:top;
}
#sddm li a:hover
{	background: #B24D6A;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #86213C;
	border: 1px solid silver}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #86213C;}

	#sddm div a:hover
	{	background:#B24D6A;
		color: white;
	}
	
	
 .newNav2
 {
  	margin: 0 auto 0 auto;    width:570px; padding-bottom:28px; /*  Don't change the width, this is comaptible with all browsers */
 
 }
 
 .nav2
 {
 	float:left;   width:645px;   margin-right: auto; margin-left: auto;	
 }
 
 
.menuHeader
{
	margin: 0 auto 0 auto;  padding-bottom: 8px;  
}
 -->
</style>