a:link {
color : #33601a;
text-decoration: underline;}

a:visited {
color : #33601a;
text-decoration: underline;}

a:active {
color : #33601a;
text-decoration: underline;}

a:hover {
color : #33601a;
text-decoration: underline;
background-color: #9acf75;}

body {
margin: 0px 0px;
background-image: url('utakata-bg.jpg');
background-repeat: repeat-x;
background-position: top left;
background-color: #79b156;}

#container {
position: relative;
width: 800px;
margin: 0px auto;
text-align: center;}

#header {
z-index: 1;
position: relative;
width: 800px;
margin: 0px auto;
text-align: center;}

#header a:hover {
background-color: #cc5107;}

#menu {
z-index: 2;
position: absolute;
left: 530px;
top: 430px;
padding: 0px;}

#content {
z-index: 3;
position: absolute;
background-color: #79b156;
width: 800px;
top: 462px;
left: 0px;
font-family: Garamond,Verdana,Helvetica,Sans-serif;
font-size: 16px;
color: #222222;
text-align: justify;}

#footer {
font-family: Garamond,Verdana,Helvetica,Sans-serif;
font-size: 12px;
width: 800px;
margin: auto;
text-align: center;
background-color: #9acf75;}

h1 {
color: #ffffff;
text-align: left;
font-weight: bold;
letter-spacing: 2px;
padding-left: 8px;
font-family: Garamond,Arial,sans-serif; 
font-size: 34px;
border-bottom: 2px #83be5e solid;}

h2 {
color: #222222;
border:0px;
text-align: left;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 7px;
padding-left: 20px;
font-family: Garamond,Arial,Helvetica,sans-serif; 
font-size: 26px;}

h3 {
color: #ffffff;
border:0px;
text-align: left;
font-weight: bold;
margin-bottom: 3px;
margin-left: 6px;
letter-spacing: 2px;
font-family: Garamond,Arial,Helvetica,sans-serif; 
font-size: 22px;}

table {
background-color: #83be5e;
font-family: Garamond;
font-size: 15;}

img {
border: 0px;}

.centered {
margin: 0 auto 0 auto;}

.codes img {
padding: 7px;
margin: 4px;
background-color: #9acf75;}

.update {
font-family: Garamond;
font-size: 12px;
font-style: italic;
text-align: right;}

.alert {
color: #ff0000;
background-color: #9acf75;
font-family: Garamond;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;}

li {
list-style-type: cjk-ideographic;
margin: 0 0 10 0px; 
font-size: 15px;}

#menu ul {
margin: 0;
padding: 0;
text-align: center;}

#menu li {
display: inline;}

#menu li a {
background-color: #cc5107;
color: #ffffff;
border: none; 
text-decoration: none;
font-family: Garamond,Arial,Helvetica;
font-size: 20px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;}
             
#menu li a:hover {
color: #cc5107;
background-color: #ffffff;
text-decoration: none;}

.stats {
background-color:#ffffff;
background-image:url('utakata-stats2.jpg');
padding: 50px 75px 6px 6px;
width: 369px;
border: #538236 solid 7px;
font-family: Garamond;
font-size: 14px;
text-align: left;}

select {
font-family: Garamond,Helvetica,sans-serif;
font-size:16px;
color:#222222;
border:solid 2px #cc5107;
background-color:#9acf75;
width:200px;}

textarea {
font-family: Garamond,Helvetica,sans-serif;
font-size:16px;
color:#222222;
border:solid 2px #cc5107;
background-color:#9acf75;
width:200px;
height:100px;}

input {
font-family: Garamond,Helvetica,sans-serif;
font-size:16px;
color:#222222;
border:solid 2px #cc5107;
background-color:#9acf75;}

input.radio {
font-family: Garamond,Helvetica,sans-serif;
font-size:16px;
color:#222222;
border:solid 2px #cc5107;
background-color:#9acf75;
width:25px;}

input.button {
font-family: Garamond,Helvetica,sans-serif;
font-size:16px;
color:#222222;
border:solid 2px #cc5107;
background-color:#9acf75;
width:60px;}