<style type="text/css">
<!--
body {
SCROLLBAR-ARROW-COLOR: #d81e83;
SCROLLBAR-BASE-COLOR: #FFFFFF;
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #d81e83;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #800080;
}
-->
<!--
.head { font-family: verdana; font-size: 12px; color: #9e085a; text-align: center}
A:link
{color:#d81e83; text-decoration:none; cursor: crosshair}
A:visited
{color:#d81e83;text-decoration:none; cursor: crosshair}
A:active
{color:#800080;text-decoration:none; cursor: crosshair}
A:hover
{color:#800080;text-decoration: none; cursor:crosshair}

body 
{
background-attachment: fixed;
background-image: url('backgroundbody.jpg');
background-repeat: no-repeat;
background-position: top left;
background-color: #fdffea;
font-family: Tahoma; 
color: #000000; 
letter-spacing:0px; 
font-weight:normal; 
font-size: 12px;
cursor: default;}

td
{ font-family: Tahoma; 
color: #000000;
letter-spacing: 0px;
font-size: 12px;
bgcolor: #fdffea;
 }
 
 #sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #FFFFFF;
	color: #800080;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #FFFFFF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: none}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #9e085a;
		font: 11px arial}

	#sddm div a:hover
	{	background: #FFFFFF;
		color: #000000}
--> 
.outline { border: dotted 2px red; }
