html body {
    text-align: center;
    background-color: white;
    margin: 0px auto;
    padding-top: 0px;
    font-size: 14px;
}

.inter, .foot {
    /*width: 640px;*/
	width: 780px;
	margin: 0px auto;
	position: relative;
}

.inter {
	margin-top: 20px;
	height: 642px;
}

body .inter div {
    position: absolute;
}

body .inter div.white, body .inter div.black {
    width: 320px;
    height: 320px;
    border-style: dotted;
    border-width: 1px;
}

.note {
	font-size: 11px;
}

.foot {
	text-align: left;
}

.white, .foot {
	color: black;
	background-color: white;
}

.black {
	color: white;
	background-color: black;
}

#topleft {
	top: 0px;
	left: 0px;
}

#topright {
	top: 0px;
	left: 320px;
}

#bottomleft {
	top: 320px;
	left: 0px;
}

#bottomright {
	top: 320px;
	left: 320px;
}

#ad {
	top: 0px;
	left: 660px;
    width: 122px;
    height: 602px;
}

h1, p, ul {
	margin: 8px 10px;
}

p, ul {
	text-align: justify;
}

ul {
	padding-left: 20px;
	padding-right: 10px;
}

a {
    text-decoration: none;
    color: #999999;
}

a:hover {
    color: #777777;
}

a img {
	border: none;
	margin: 5px;
}