table
{ 
margin-left: auto;
margin-right: auto;
}

body.art {background-color: #000000; color: white;}
body.iphone {background-color: #000000; color: white;}
table.login {margin-left: 0;}
td#login {}
td#header {text-align: left;}
td#menu {text-align: center;}
table#main {text-align: center;}
tr.profile {text-align: center; width: 33%;}
td#body {text-align: center; color: white;}
td.center1 {width: 28%;}
td.profile {width: 33%;}
td.lit {background-color: #C6A0FE; color: white; width: 33%; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.lit2 {background-color: #C6A0FE; color: white; word-spacing: 32em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.lit3 {background-color: #C6A0FE; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.photo {background-color: #9370DB; color: white; width: 33%; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.photo2 {background-color: #9370DB; color: white; word-spacing: 32em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.photo3 {background-color: #9370DB; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.hand {background-color: #6040A8; color: white; width: 33%; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.hand2 {background-color: #6040A8; color: white; word-spacing: 32em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.hand3 {background-color: #6040A8; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.lyric {background-color: #301075; color: white; width: 33%; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.lyric2 {background-color: #301075; color: white; word-spacing: 32em; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.lyric3 {background-color: #301075; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
td.search {background-color: gray; color: black;}
td.user {background-color: black; color: white;}
td#footer {text-align: center}
a.link:link {color:white}
a.link:visited {color:white}
a.link:hover {color:gray}

 
ul.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  }	
li {
  float: left;
  position: relative;
  width: 10em;
  }
  li.menu2 {
  float: left;
  position: relative;
  width: 12.5em;
  }

li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
li > ul {
	top: auto;
	left: auto;
	}
li:hover ul { display: block; }
ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #000000;
	padding: 4px;
	border: 3px solid #ffffff;
	}
ul li a:hover {
	display:block;
	text-decoration: none;
	color: #8B008B;
	background: #E6E6FA;
	padding: 4px;
	border: 3px solid #000000;
}