body, .center {
text-align: center; 
}

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

a:hover {
background: #CCCCCC; 
}

p {
margin: 2px; 
}

h1 {
font: bold 32px/1.0em "Courier New", Courier; 
}

h2 {
font: bold 24px/1.1em "Courier New", Courier; 
}

h3 {
font: bold 16px/1.0em "Courier New", Courier; 
margin-top: 2px; 
}

h1, h2, h3 {
text-align: center; 
margin-bottom: 2px; 
}

div {
text-align: left; 
margin: 0px 1px; 
/* border: 1px solid #009999; */
font: normal 12px/1.2em "Courier New", Courier; 
}

div#container {
width: 480px; 
margin: auto; 
margin-bottom: 20px; 
}

#error, #intro, #solution, #ad {
display: none; 
}

div#error {
background: #FFFF00; 
color: #CC0000; 
border: 5px double #CC0000; 
font-weight: bold; 
}

div#intro {
padding-bottom: 5px; 
}

div#next {
width: 45%; 
float: right; 
text-align: right; 
}

div#prev {
width: 45%; 
float: left; 
text-align: left; 
}

div#puzzle {
text-align: center; 
}

div#solution {
text-align: center; 
}

div#ad {
text-align: center; 
margin-top: 20px; 
}

div#contact p {
margin: 1.0em; 
}

table {
margin: 0px auto; 
border-collapse: collapse;
}

table td {
vertical-align: top; 
padding: 0px 2px; 
}

table#sudoku td {
padding: 0px; 
}

table#sub {
border: 3px solid #000000; 
}

table#sub td {
border: 1px solid #000000; 
}

table.L1 table.colored td {
background: #CCCCFF;
}

table.L2 table.colored td {
background: #FFCC66;
}

table.L3 table.colored td {
background: #FFCCCC;
}

table#sudoku table#sub td {
font: bold 32px/1.0em "Courier New", Courier; 
padding: 0px 5px;
}

div#solution table#sudoku table#sub td {
font: bold 12px/1.0em "Courier New", Courier; 
padding: 2px 4px; 
border: 0px; 
}

form {
margin: 0px; 
}