ul {
list-style-type: none;
}

body {
background-color: #ffead6;
}
#main {
	padding: 180px 0px 20px 0px;

}
#loginbox {
	padding: 0px 200px 0px 0px;	
	position: fixed;
	top: 100px;
	right: 0px;
	height: 56px;
	background-color: #333;
}
	
#header {
position: fixed;
top: 100px;
left: 0px;
right: 0px;
height: 56px;
padding: 10px 0px 10px 0px;
background-color: #333;
}

#logo {
position: fixed;
top: 0px;
right: 0px;
left: 0px;
background-color: #FFF;
}	



#loginbox p {
font-family:Arial, Arial, Helvetica, sans-serif;
font-size: 8pt;
}	

#loginbox a {
font-size: 8pt;
}



.login {
position: fixed;
top: 114px;
right: 10px;
}

#registerheader {
position: fixed;
top: 135px;
right: 13px;
}


li{
display: inline; list-style-type: none;
}

a {
text-decoration:none;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#FFCC99;     
} 

#header a {
padding: 0px 5px 0px 5px;
}

a:hover {
color:#FF704D;
}

label {
font-family:Arial, Arial, Helvetica, sans-serif;
font-size: 8pt;
padding: 1px;
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
}

input {
display: block; 
margin: 2px;
}
	
h1, h2, h3, h4, h5, h6 {
font-family:Arial, Arial, Helvetica, sans-serif;
}

table, th, td {
border: 1px solid black;
border-color:#FFCC99;
}

table {
border-collapse: collapse;
width:100%;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
background-color: white;
}

table a {
color:#486;
font-weight: bold;
}

table.genre {
border-collapse: collapse;
width:90%;
margin-bottom: 0px;
}

th {
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #ffead6;		
background-color: #333;
}

td {
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: center;		

}
#genre {
padding-bottom: 20px;
width: 100%;

}	

#genre a {
text-decoration:none;
font-weight: bold;
color:#486;     
}

#genre a:hover {
color:#234;
}