* { font-family: comic sans ms, cursive; color:white }
body { background:black; margin-top:15px }
.title { background-color:#d69c6b; color:white; font-weight:bold; padding:5px}
.title img { float:right }
.expanded { padding: 10px; display:block }
.contracted { padding: 10px; display:none }
a { color:#d69c6b; font-weight:bold }
a:hover { text-decoration:none }
#content { width:900px; border:1px solid white; background:black;margin:auto}
#logo { padding-top:10px;padding-bottom:10px;float:left; width:350px; text-align:center }
#heading { padding-top:10px;padding-bottom:10px;float:left; color:white; width:530px; margin-right:10px }
#heading h1 { margin-top:0px }
#body { clear:both }
#phonalphabet { float:left; width:450px;margin-right:20px; border:1px solid white;margin-bottom:15px }
#alphaquiz { float:left; width:400px; border:1px solid white }
#phonetic p { clear:both }
input,textarea { background:black; border:1px solid #d69c6b; color: #d69c6b }