body {
margin: 0px;
padding: 0px;
font-size: 11px;
font-weight: none; 
color:#FFEACD;
word-spacing:2px;
font-family: Verdana; 
background: #010E1E;
margin: 0;
padding: 0;
cursor: crosshair}


blockquote
{
	background:url(images/statbg.gif) no-repeat;
	width: 500px;
	margin-left: 15%;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size: 11px;
	height: 300px;
	text-align: left;
}

.stats
{
	padding-right: 49%;
	padding-left: 9px;
	padding-top: 20%;
	padding-bottom: 0px;
}

.afi{
padding-right: 50px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 0px;
}

p {
width: 600px;
margin-left:45px;
margin-top:8px;
font-family: Verdana;
	font-weight: inherit;
	font-size: 11px;
	color: #FFEACD;
text-shadow:#000000;
text-align: justify;
}

a{
color : #EEA620;
cursor : cross;
text-decoration : none;
font-weight: strong;
}

a:hover {
color : #FFA76C;
cursor : cross;
text-decoration : none;
font-variant: small-caps;
font-size: 11px;
font-family: Verdana;
}

a:link, a:visited, a:active {

color : #F77924;
font-weight : bold;
text-decoration : none;
}

a.foot {
color : #FFA76C;
cursor : cross;
text-decoration : none;
}

a:hover.foot {
color : #F9E616;
cursor : corss;
text-decoration : none;
font-variant: small-caps;
font-size: 11px;
font-family: Verdana;
}

a:link.foot, a:visited.foot, a:active.foot {

color : #F3BE47;
font-weight : bold;
text-decoration : none;
cursor:text;
}

h1
{
background : url(images/h1.gif);
background-position: left center;
background-repeat : no-repeat;
color : #FFFFFF;
height : 100px;
width: 500px;
padding-top : 17%;
margin-bottom : 2px;
margin-left : 140px;
padding-bottom: 10px;
padding-left: 140px;
font : 16pt Lucida Handwriting;
font-weight: lighter;
font-stretch:extra-condensed;
font-variant: normal;
text-shadow:#7F6F55;
}

h2 { font-family: Verdana; 
font-size: 12px;
font-weight: none;
color: #FFFFFF;
font-variant: small-caps;
border-bottom: 4px dotted #D7AD46;
border-top: 2px dotted #D7AD46;
text-align: center;
margin-left:7%;
margin-right:7%;
}

h3 { font-family: Curier-New; 
font-size: 10px;
font-weight: none;
color: #FFFFFF;
font-variant: small-caps;
border-bottom: 2px dotted #D7AD46; 
text-align: center;
margin-left:7%;
margin-right:7%;}

#container {
/* margins at top and bottom are 0px but on the sides, "auto" will center the layout */
margin-left: 20%;
padding: 0px;
/* sets the layout width */
width: 700px;
}
#header {
width: 700px;
height: 356px;
background: url(images/index_01.jpg) no-repeat;
}


#text {
width: 700px;
height: auto;
background-image: url(images/index_09.jpg);
background-repeat:repeat-y;
/* float it to the left of the right sidebar */
float: left;
}
#footer {
width: 700px;
height: 150px;
/* clear: both so that it remains at the bottom of the 3 columns */
clear: both;
background: url(images/index_10.gif) no-repeat;
}

.footer {
margin-left: 7%;
margin-right: 10%;
padding-top: 18%;
padding-left: 3%;
text-align: center;
}

.spo {
margin-left: 20px;}

#menu {
width: 700px;
height: 28px;
}

#menu a {
text-decoration: none;
display: block;
float: left;
}

var {
visibility: hidden;
}

a.one {
width: 165px;
height: 28px;
background: url(images/index_02.jpg) no-repeat 0px 0px;
}
a.two {
width: 79px;
height: 28px;
background: url(images/index_03.jpg) no-repeat 0px 0px;
}
a.three {
width: 79px;
height: 28px;
background: url(images/index_04.jpg) no-repeat 0px 0px;
}
a.four {
width: 79px;
height: 28px;
background: url(images/index_05.jpg) no-repeat 0px 0px;
}
a.five {
width: 79px;
height: 28px;
background: url(images/index_06.jpg) no-repeat 0px 0px;
}
a.six {
width: 79px;
height: 28px;
background: url(images/index_07.jpg) no-repeat 0px 0px;
}
a.seven {
width: 140px;
height: 28px;
background: url(images/index_08.jpg) no-repeat 0px 0px;
}


a:hover.one {
background: url(images/echizens_02.jpg) no-repeat 0px 0px;
}
a:hover.two {
background: url(images/echizens_03.jpg) no-repeat 0px 0px;
}
a:hover.three {
background: url(images/echizens_04.jpg) no-repeat 0px 0px;
}
a:hover.four {
background: url(images/echizens_05.jpg) no-repeat 0px 0px;
}
a:hover.five {
background: url(images/echizens_06.jpg) no-repeat 0px 0px;
}
a:hover.six {
background: url(images/echizens_07.jpg) no-repeat 0px 0px;
}
a:hover.seven {
background: url(images/echizens_08.jpg) no-repeat 0px 0px;
}


strong, b {
color: #56BDE0;
font-variant: small-caps;
}

em, i 
{
color: #FF612D;
}

.img {
border: 3px #FFB76C solid;
}

.codesort img { 
border:3px #FFB76C solid;
}

li, ul
{
list-style-type: katakana;
color:#ECE2D9;
padding-left:20px;
}

.codesort li { 
list-style-type: katakana;
color: #ECE2D9;
}

textarea, input, select
{ background: #010E1E url(images/bgg.gif);
  font-family: arial;
  font-size: 8pt;
  border-right: 0px none;
  color:#FFFFFF;
  border-bottom:2px inset #FBC790;
  border-top:1px inset #FBC790;
  border-left:1px inset #FBC790;
  border-right:2px inset #FBC790;
  padding-left:5;
  padding-right:2;
  padding-top:2;
  padding-bottom:2; }