html
{
	background-color: #000;
}

body {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #000;
	text-align: center;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: small;
	height: 100%;
}

img {
	border: 0;
}

a          { color: #33d; }
a:visited
          { color: #119; }
a:hover
          { color: #77f; text-decoration: underline; }
a:active
          { color: #f00; }

div {
	width: inherit;
	text-align: center;
}

div#container {
	background-color: #eee;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: left;
	height: 100%
}

div#header {
	width: 100%;
	height: 10em;
	background: #888;
	color: #000;
}

div#header div {
	height: 100%;
	width: 100%;
	background: url(banner.png) no-repeat bottom right;
}
div#menudiv {
	width: 100%;
}

div#header h1
{
	display: none;
}

#menudiv ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #157;
	color: #eee;
	width: inherit;
	font-weight: normal;
	font-size: larger;
	text-align: center;
}

#menudiv li
{
	display: inline;
}

#menudiv li a
{
	/* text-decoration: none; */
	background-color: #157;
	color: #eee;
	padding: .2em 1em;
}

#menudiv li a:hover
{
	text-decoration: none;
	background-color: #369;
	color: #fff;
}

li#current
{
	color: #000; /* #7ad */
	background-color: #eee;
	padding: .2em 1em;
}

li#current a
{
	background-color: #eee;
	color: #000;
	padding: 0;
}

div#main
{
	padding: 1em;
	text-align: left;
}


div#footer
{
	padding: 1em;
}

div#validate p
{
	display: inline;
	padding: 0.5em;
}

.friendcode {
        font-size: large;
}

.acww1 {
/*        color: #ff7f00;
        background-color: inherit; */
        border-bottom: 2px #ff7f00 dotted;
}

.acww2 {
/*        color: #008000;
        background-color: inherit; */
        border-bottom: 2px #008000 dotted;
}

.acww3 {
/*        color: #00f;
        background-color: inherit; */
        border-bottom: 2px #00f dotted;
}