* {
 padding: 0;
 margin: 0;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #1d0c6a;
 background-color: #dfdcfe;
 font-size: 12px;
 text-align: center;
}

a{
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.heading{
 font-size: 18px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #1d0c6a;
}

.dialog{
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #1d0c6a;
}

.link{
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
}

#wrapper {
 position: absolute;
 width: 1000px;
 height: 600px;
 align: center;
 border: 1px dashed #1d0c6a;
 background-image: url(../artwork/background.jpg);
 margin-top: 10px;
 margin-left: 50%;
 left:-500;
 padding: 0px 0px 0px 5px;
 text-align: left;
}
* html #wrapper {height:600px} /* IE Min-Height Hack */ 

#historyrow{
	display: in-line;
	width: 100%;
	float: left;
	color:  #1d0c6a;
	text-decoration: none;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 12px;
	background-color: transparent;
}

#historyrow:hover{
	color:  #ffffff;
	background-color: #1d0c6a;
}

#loginbox{
 position: absolute;
 margin-left: 50%;
 width: auto;
 left: -150px;
 top: 50px;
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
 color: #1d0c6a;
 border: 1px dotted #ffffff;
 text-align: left;
}

#content{
 position: absolute;
 margin-left: 50%;
 width: 800px;
 left: -325px;
 top: 50px;
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
 color: #1d0c6a;
 border: 1px dotted #ffffff;
 text-align: center;
}

#header {
 position: absolute;
 left: 25px;
 top: 225px;
 height: 20px;
 width: 350px;
 text-align: center;
}

#footer {
 position: absolute;
 width: 100%;
 font-size: 12px;
 top: 585px;
}