<style type="text/css">
  
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	color:#000000}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 0 0;
	width: auto;
	/* background: #5970B2; */
	background: #333333;
	color: #EE0;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	/* background: #49A3FF */
    background: #999999
    background-position: 0 -35px;	
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 0em solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 0 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 0.8em arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

p.docTitle
{ 
  font: bold 18px arial;
  background:#000000;
  color:#ffffff}

  p.docSubTitle
{ 
  font: bold 16px arial;
  background:#ffffff;
  color:#000000}
  
  p.standard
 {
  font: 14px arial;
  color:#000000} 
 
 p.header
 {
   font: bold 14px arial;
   color:#000000}
   
  p.reversed
 {
  font: 14px arial;
  color:#ffffff}  

  p.reversed.link
 {
    Text-Decoration: underline;
    Color: #ffffff} 
  
A:link 
  {
    Text-Decoration: underline;
    Color: #000000
  }
A:visited 
  {
    Text-Decoration: underline;
    Color: #000000	
  }
A:active
  {
    Text-Decoration: underline;
    Color: #000000
  }
A:hover
  {
    Text-Decoration: underline;
    Color: #000000
  }

img
{  border-style: none;
}

.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}
</style>
