CSS Drop-Down Menu Singularity Utopia

Drop-down menu I've nearly finished creating.

Feel free to use, give me a mention if you desire.

<style>

#SUdropmenu {

height: 41px;
position:relative;
background: #E0E4FF;
border-radius: 2px 2px 8px 8px;
border: 1px solid #92BDF0;
color: #268CFF !important;
font-family: arial;
float: right;
box-shadow: inset white 0px 0px 0px 1px, 0px 2px 3px #E8E4E1;
text-shadow: white 0px 1px 1px;
text-decoration:none !important;
transition: all 0.7s ease-in-out;
margin: 0px 34px 0px auto;
cursor:crosshair;

}

#SUdropmenu:hover

{

border-radius: 12px; background: #E0ECFF; color: #002AE3 !important; text-decoration:none; cursor:pointer;

}

#SUdropmenu:visited

{

color: #5D67D9; text-decoration:none ; cursor:pointer;

}

#SUdropmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;

}

#SUdropmenu ul li a {
  display: block;
  font-family: arial;
  text-decoration: none;

}

#SUdropmenu > ul > li > a {
  font-size: 16pt;
  font-weight: normal;
  padding: 10px 14px 50px 14px;
  color: #268CFF !important;
  font-family: arial;
  transition: 0.45s ease-in-out;
}

#SUdropmenu > ul > li > a:hover

{
  color:#002AE3 !important;
}

#SUdropmenu ul ul {
  position: absolute;
  left: -99999px;
  top: 70px;
  opacity: 0;
  transition: opacity 0.4s ease-in-out, top .35s ease-in-out;
  z-index: 1000;
  padding: 3px 1px 3px 1px;
  border: 1px solid transparent;
}

#SUdropmenu > ul > li:hover > ul {
  left: auto;
  top: 50px;
  opacity: 1;
right: 0px;
  background: #F7F7F7;
  border: 1px solid #CAD4E3;
  border-radius: 4px;
  box-shadow: inset white 0px 0px 1px, #D3D5DB 0px 8px 30px 3px;
  padding: 3px 1px 3px 1px;
  background:#F2F2ED;
}

#SUdropmenu ul ul li a {
  width: 151px;
  border: 1px solid #7FC7A5;
  padding: 11px 20px;
  font-size: 16px;
  color: #00375E;
  transition: all .2s ease-in-out;
  margin:6px;
  border-radius:4px;
  background: #B8D9CA;
  text-shadow:none;

}

#SUdropmenu ul ul li:hover a {
  background: #f6f6f6;
  color: blue !important;
border: 1px solid #C8CEDB;
text-decoration:underline;
border-radius:20px 8px 8px 5px;
padding: 11px 10px 11px 36px;
width: 145px;

}

</style>

<div id='SUdropmenu'>
<ul>
<li><a href='http://singularity-2045.org/' title="S45 Home"><span >Singularity 2045</span></a>
<ul>
<li><a title="HHS Regenerative Medicine, 2020 vision. Archive." href='http://'><span>2020</span></a></li>
<li><a title="Is the Singularity now?"href='#'><span>Now</span></a></li>
<li><a title="Stephen Hawking's mindless AI paranoia." href='#'><span>Hawking Fallacy</span></a></li>
<li><a title="God is a moron. Religion and Gods represent idiocy. Godlike is moron-like." href='#'><span>Idiotic Gods</span></a></li>
<li><a title="Singularity definition refined." href='#'><span>Refined</span></a></li>
<li><a title="Basic Income." href='#'><span>Basic Income</span></a></li>
<li><a title="Transhumanism." href='#'><span>Transhumanism</span></a></li>
<li><a title="Singularity Modernism." href='#'><span>Modernism</span></a></li>

</ul>
</li>
</ul>
</div>