a:link, a:visited, a:active { color: #FFF; }
body{
	font-family:"lucida", "verdana", "tahoma", "verdana", sans-serif; 
	font-size: 76%; 
	background: #333;
	color: #FFF;
}
img{border-style:none;}

#header{
	background: #333; 
	color: #FFF; 
	font-weight: bold; 
	margin: 0; 
	text-align: center;
} 
#header h1{ font-size: 8em; margin: 0; width: 100%; }
#header h1 a{ text-decoration: none; color:#FFF;  }

#navigation{ 
    width: 80%;  margin-left: auto; margin-right: auto; 
    }    
#navigation ul{ 
        display: inline; 
        position: relative;
        list-style-type: none; font-size: 1em;  
        text-align: center;
       }


#navigation ul li{ padding: 1em; display: inline; }
#navigation ul li a{ text-decoration: none; border-bottom: 1px solid #666; }
#navigation ul li a:hover{ border-bottom: 1px solid #FC0; }

#content{ padding: 1em; margin: 2em; text-align: center; }

#footer{ text-align:center; background: #333; color:#FFF; font-size: 0.8em; clear:both; }
#footer a{ color: #FFF; }

#notice{ margin-left: auto; margin-right: auto; margin-bottom: 1em; text-align: center; 
    border: 2px solid #FC0; width: 60%; padding: 0.4em; font-size: 1.2em; 
    }

#code{ text-align: left; }
.download{ font-size: larger; border: 1px solid #FC0; }
.download a{ display: block; padding: 1em; }
.download a:hover{ background: #FC0; color: #000; }

/* Tables */
.outer{ margin-left: auto; margin-right: auto; }
.outer td{ border: 0.2em solid #FFF; padding: 1em; }

.inner td{ border: 0.1em solid #999; }
.inner td.solved input{ background: #999; }
.inner td.error{ background: #FC0; }