html { 
	min-height:100%;
}

body {
	color: #777;
	padding: 0px;
	margin: 30px;
background: #eee url(bg.png);
	background-repeat: no-repeat;
	text-align: center;
	font: 11px Trebuchet MS; 
}

div { 
	line-height: 19px;
}

p {
	margin: 12px 0px; 
}

table {
	border-collapse: collapse;
}

div#content {
	width: 650px;
	padding: 10px;
	margin: 0px auto;
	border: 6px solid #ddd;
	background: #fff;
}

div#main {
	margin-top:  -15px;
	width: 650px;
	float: left;
	display: inline;
	text-align: justify;
	}

div#clear {
	clear: both;
	}

a:link, a:active, a:visited {
	color: #c00000; 
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

a:hover {
	color: #4967C9; 
	cursor:crosshair;
	background: #fff;
}

h1 {
	font: italic 15px Arial;
	color: #8D00D6;
	margin: 25px 0px 5px 0px;
	padding-bottom: 2px;
	text-transform: lowercase;
	letter-spacing: 1px;
	text-indent: 15px;
	line-height: 15px;
	border-bottom: 3px solid #ccc;
	}

b {
	color: #000;
}

i {
	color: #532F65;
}

input, textarea, option, select {
	font-family: Arial; 
	font-size: 11px;
	background-color: #eee;
	color: #000;
	border: 1px solid #bbb;
	padding-left: 2px;
}

a.info {
	color: #777; 
	text-decoration: none;
	background: none;
	position:relative;
	z-index:24; 
}

a.info:hover { 
	z-index:25; 
}

a.info span {
	display: none
}

a.info:hover span { 
	display:block;
	position:absolute;
	width: 300px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color:#f1f1f1; 
	color:#000;
	}