#smnav {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	 text-align: right;
	 display:block;
	 position:relative;
	 z-index:15;
}
#smnav a {
	color: #6f6f6f;
	text-decoration: none; line-height:20px; display:inline-block;
}
#smnav a:hover {
	color: #8A008B;
	text-decoration: underline;
}

#smnav a.pto {color: #990099;text-decoration: none;font-weight: bold;font-variant: normal;}
#smnav a.pto:link {color: #990099;text-decoration: none;font-weight: bold;font-variant: normal;}
#smnav a.pto:visited {color: #990099;text-decoration: none;font-weight: bold;font-variant: normal;}
#smnav a.pto:hover {color: #8A008B;text-decoration: underline;font-weight: bold;font-variant: normal;}


/*********************POPOUT***********************/

/*leave alone*/
#smnav span ul, #smnav span:hover ul li ul {display:none;}
#smnav span:hover ul, #smnav span ul li:hover ul { display:block;}

/*color and dimensions*/
#smnav span li {height:22px; display: inline-block; position:relative; top: 0px; float:left; }
#smnav span li a, #smnav span li:hover li a  {color: #5D005D; width:170px; text-align:center; font-size:12px; padding: 3px; background-color:#fff; border:#4D014C solid 1px; top:-1px; display:block; line-height:16px;}
/*hover state*/
#smnav span li:hover a, #smnav span li li:hover a {color: #990099; background-color:#FECCFF; z-index:5; text-decoration:none;}

/*position of first level*/
#smnav span ul {position:absolute; top:20px; left:-20px; width:170px; margin:0px; padding:0px;}

/*position of second level*/
#smnav span ul li ul {position:absolute; top:0px; left:-177px; width:170px; margin:0px; padding:0px;}

/*********************POPOUT***********************/

/*=================================================================================*/

#topnavi {
	width: 566px;
	height: 79px;
	padding: 0;
	position: relative;
	margin-top: 21px;
	margin-right: 9px;
	margin-bottom: 0px;
	float: right;
	margin-left: 0px;
	z-index:10;
}
#topnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	width: 90px;
	height: 79px;
}
#topnavi a {
	display: block;
	color: #511D5B;
	text-decoration: none;
	font-size: 12px;
	background-color: transparent;
	text-align: center;
	height: 41px;
	padding-top: 38px;
}
#topnavi1 {left: 0px; top: 0px;}
#topnavi2 {left: 95px; top: 0px;}
#topnavi3 {left: 190px; top: 0px;}
#topnavi4 {left: 286px; top: 0px;}
#topnavi5 {left: 381px; top: 0px;}
#topnavi6 {left: 475px; top: 0px;}

#topnavi1 a {padding-top: 31px; padding-bottom: 7px;}
#topnavi2 a {padding-top: 31px; padding-bottom: 7px;}
#topnavi3 a {padding-top: 31px; padding-bottom: 7px;}
#topnavi5 a {padding-top: 31px; padding-bottom: 7px;}

#topnavi a:hover {color: #FFFFFF; font-weight: bold;}

#topnavi1:hover {	background: url(../images/nav-roll.jpg) -0px 1px no-repeat;}
#topnavi2:hover {	background: url(../images/nav-roll.jpg) -95px 1px no-repeat;}
#topnavi3:hover {	background: url(../images/nav-roll.jpg) -190px 1px no-repeat;}
#topnavi4:hover {	background: url(../images/nav-roll.jpg) -286px 1px no-repeat;}
#topnavi5:hover {	background: url(../images/nav-roll.jpg) -381px 1px no-repeat;}
#topnavi6:hover {	background: url(../images/nav-roll.jpg) -475px 1px no-repeat;}