body, html {
background:#000000;
color:#FFFFFF;
font-family:verdana, sans-serif;
font-size:8pt;
margin:0;
padding:0;
}

img {
border-width:0px;
}

select, input {
background:#000000;
color:#FFFFFF;
border:1px solid #888888;
}

blockquote {
border:1px solid #888888;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
}

h1 {
font-family:"times new roman", serif;
font-size:3em;
text-align:center;
font-variant:small-caps;
letter-spacing:0.3em;
}

h2 {
font-family:"times new roman", serif;
font-size:2em;
text-align:right;
letter-spacing:0.3em;
border-bottom:1px solid #888888;
margin-top:3em;
}

h3 {
font-family:"times new roman", serif;
font-size:2em;
}

h4 {
font-weight:bold;
font-size:1em;
margin-bottom:0;
}

td {
font-size:inherit;
font-family:inherit;
padding:0.5em;
}

hr {
color:#888888;
background:#888888;
height:1px;
width:100%;
border:0;
}

a:link, a:visited {
color:#CCCCCC;
text-decoration:none;
}

a:active, a:hover {
color:#888888;
text-decoration:underline;
}

#head {
width:100%;
text-align:center;
margin:0;
padding:0;
position:relative;
}

#banner {
margin:auto;
width:543px;
height:150px;
background-image:url("nonie-banner.gif");
text-indent:-1000em;
}

#banner h1 {
margin:0;
color:#FFFFAA;
}

#hitcounter {
color:#FFFFFF;
position:absolute;
top:0;
left:0;
line-height:2em;
padding-left:3px;
width:10em;
text-align:left;
}

#hitcounter strong {
font-family:"monotype corsiva", "times new roman", serif;
font-size:3em;
line-height:0.7em;
font-weight:normal;
}

#hitcounter a:link, #hitcounter a:visited {
color:#FFFFFF;
text-decoration:none;
}

#styleswitcher {
position:absolute;
top:8em;
left:0;
padding-left:1px;
text-align:left;
line-height:1.5em;
}

#styleswitcher input {
margin-top:1px;
}

#styleswitcher form {
margin-top:0;
}

#container {
position:relative;
width:100%;
}

#content {
margin-left:12em;
margin-right:12em;
margin-top:1em;
padding:1em;
text-align:justify;
clear:right;
}

#menu {
text-align:center;
position:absolute;
top:0px;
left:50%;
width:46em;
margin-left:-21em;
color:#FFFFFF;
}

#menu ul {
float:left;
padding:0;
list-style-type:none;
margin:0;
background:#000000;
}

#menu ul li {
float:left;
position:relative;
cursor:default;
background-color:#444444;
padding:0;
height:1.5em;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#menu ul li:hover, #menu ul li.over {
padding:0;
background:#444444;
}

#menu ul li ul li:hover, #menu ul li ul li.over {
border:0;
}

#menu ul li a {
font-variant:small-caps;
font-weight:bold;
color:#CCCCCC;
padding:0 0.5em;
text-decoration:none;
}

#menu ul li a:hover {
text-decoration:underline;
}

#menu ul li ul {
display:none;
background:#444444;
position:absolute;
top:1.6em;
left:50%;
width:14.5em;
z-index:4;
text-align:left;
padding:0;
margin-left:-7.25em;
}

#menu ul li:hover ul, #menu ul li.over ul {
background:#444444;
display:block;
}

#menu ul li ul li {
float:none;
border:0;
padding:0;
vertical-align:bottom;
position:relative;
}

#menu ul li ul li a:link, #menu ul li ul li a:visited {
display:block;
padding:0.1em 0.5em;
margin:0;
text-decoration:none;
font-variant:normal;
font-weight:normal;
background:#444444;
width:13.5em;
}

#menu ul li ul li a:active, #menu ul li ul li a:hover {
text-decoration:none;
background:#888888;
color:#FFFFFF;
}

#menu ul li ul li ul {
position:absolute;
top:0;
left:16em;
visibility:hidden;
background:#888888;
}

#menu ul li ul li:hover ul {
visibility:visible;
z-index:10;
}

#menu ul li ul li ul li {
background:#888888;
display:inline;
}

#menu ul li ul li ul li a:link, #menu ul li ul li ul li a:visited {
background:#888888;
color:#FFFFFF;
}

#menu ul li ul li ul li a:active, #menu ul li ul li ul li a:hover {
background:#AAAAAA;
}

#affys {
position:absolute;
top:5em;
left:0;
width:12em;
}

#affys ul {
margin:0;
padding:0;
list-style-type:none;
}

#affys ul li {
padding-left:0;
}

#affys ul li a {
font-weight:bold;
font-variant:small-caps;
margin:0;
padding:0.2em;
color:#CCCCCC;
}

#affys ul li ul {
margin-top:0.1em;
background:#000000 url("nonie-hoverover.gif") top left no-repeat;
padding-bottom:0;
padding-top:31px;
position:relative;
overflow:visible;
}

#affys ul li#affys-siblings ul {
background:#000000;
padding:0;
}

#affys ul li#affys-siblings ul li a img {
visibility:visible;
}

#affys ul li#affys-siblings ul li a span {
display:none;
}

#affys ul li#affys-playasia ul {
background:#000000;
padding:0;
}

#affys ul li ul li {
display:inline;
text-align:left;
overflow:visible;
}

#affys ul li ul li a {
display:block;
font-weight:normal;
font-variant:normal;
color:#888888;
overflow:visible;
width:10em;
}

#affys ul li ul li a:hover {
text-decoration:none;
color:#FFFFFF;
overflow:visible;
background:#000000;
}

#affys ul li ul li a span {
display:inline;
}

#affys ul li ul li a:link img, #affys ul li ul li a:visited img, #affys ul li ul li a:active img {
position:absolute;
top:0;
left:0;
visibility:hidden;
z-index:100;
}

div#affys ul li ul li a:hover img {
visibility:visible;
z-index:100;
}

div#container div#affys ul li#affys-siblings ul li a span {
display:none;
}

div#container div#affys ul li#affys-siblings ul li a img {
position:static;
visibility:visible;
}

#disclaimer {
text-align:center;
margin:6em 3em 0 13em;
padding-left:1em;
padding-right:1em;
color:#888888;
}

#disclaimer hr {
color:#888888;
background:#888888;
width:90%;
}

#disclaimer a:link, #disclaimer a:active {
text-decoration:underline;
}

#invisiblelink a {
color:#FFFFFF;
text-decoration:none;
cursor:text;
}

#invisiblelink a img {
cursor:default;
height:31px;
width:88px;
}

#updates {
width:100%;
text-align:center;
}

#updates h2 {
color:#FFFFFF;
font-weight:bold;
font-variant:small-caps;
padding:0 1em;
text-align:left;
width:70%;
margin:auto;
margin-top:1.5em;
margin-bottom:0;
font-size:1em;
border:0;
font-family:verdana, sans-serif;
letter-spacing:0;
}

#updates .updatetext {
text-align:justify;
width:70%;
margin:auto;
padding:0 1em;
}

#updates .updatetext p {
margin-top:1em;
margin-bottom:1em;
}

div.bottom {
text-align:center;
font-variant:normal;
width:60%;
margin:auto;
font-weight:bold;
}

p#guestbook {
text-align:center;
}

.aspquiz {
color:#AACCFF;
}

.javaquiz {
color:#FF0000;
}

.aspquiz textarea {
border:3px solid #AACCFF;
}

.javaquiz textarea {
border:3px solid #FF0000;
}

#pollcontainer {
text-align:center;
}

.poll {
margin:auto;
}

.poll td {
text-align:left;
padding:0.1em;
}

.poll .pollcredit {
font-family:arial, sans-serif;
font-size:10px;
}

p#invisiblelink {
margin:0;
}

.celltable {
border-collapse:collapse;
}

.celltable td {
border:1px solid #444444;
padding:0 1em;
background:#000000;
color:#FFFFFF;
}

.celltable th {
border:1px solid #444444;
padding:0.1em 1em;
background:#000000;
color:#DDDDDD;
}

.celltable tr:hover th {
background-color:#3A3A3A;
}

.celltable tr:hover td {
background-color:#333333;
}

#marquee {
background:#444444;
color:#DDDDDD;
}

fieldset {
border:1px solid #888888;
}

legend {
color:#FFFFFF;
}

#featured {
position:relative;
z-index:100;
}

#featured a span {
position:absolute;
top:0;
left:14.7em;
display:none;
width:16em;
background:#888888;
color:#FFFFFF;
z-index:200;
padding:0.5em;
}

#featured a:hover span {
display:block;
}