html,body{margin:0;padding:0;}
body{font: 11px georgia;text-align:center; background:  URL(ptrn.jpg);}
p{margin:0 10px 10px}
a{<!--display:block-->;color: #1a4702;  outline: none; text-decoration: none;}
a:hover{text-shadow:0 0 4px #696969;}
div#header{position:relative;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{position: relative;border-right:5px solid #ffffff; border-left:5px solid #ffffff;   border-bottom:5px solid #ffffff;     position:relative;}
div#content{width:1000px;height:483px;background: url(content_1000.jpg) no-repeat; margin-top:78px; margin-bottom: -2px;}
div#content p{line-height:1.4;}

div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background-color: rgb(31, 68, 11);color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
 
div#container{width:1000px;margin:0 auto}
div#wrapper{float:left;width:100%}

div#navigation{float:left;width:150px;margin-left:-1000px}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%;}
hr {margin-left:10px;
width:30%;
size:1;
color:#1a4702;
}
#menu {
  list-style: none;
  padding-top: 10;
  margin: 0;
  width: 1000px;
  height: 79px;
  background: url(menu_1000.png) no-repeat;
  position: absolute;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
div.transbox1 {
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.8;
  width: 600px;
  height: 300px;
  left: 200px;
  top: -30px;
  position: relative;
  z-index:100;
  color:#1a4702;
  text-align:left;
}
div.transbox1 p, h3, h2, h1  {
  margin:10px 10px;
  filter:alpha(opacity=100);
  opacity: 1.0;
}

div.transbox1 p  {
  font-size: 13px;
}


div.transbox2 {
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
  width: 830px;
  height: 490px;
  left: 100px;
  top: -30px;
  position: relative;
  z-index:100;
  color:#1a4702;
  text-align:left;
}
div.transbox2 p, h3, h2, h1 {
  margin:10px 10px;
  filter:alpha(opacity=100);
  opacity: 1.0;
}
div.transbox2 h1 {
  filter:alpha(opacity=100);
  opacity: 1.0;
}
div.transbox3 {
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
  width: 600px;
  height: 490px;
  left: 200px;
  top: -30px;
  position: relative;
  z-index:100;
  color:#1a4702;
  text-align:left;
}
div.transbox3 p, h3, h2, h1 {
  margin:10px 10px;
  filter:alpha(opacity=100);
  opacity: 1.0;
}
div.mygtukai {
  width: 400px;
  height: 240px;
  left: 225px;
  top: -60px;
  position: relative;
  z-index:100;
}
div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  position: relative;
  z-index:1000;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
a.ovalbutton{
background: transparent url('start.png') no-repeat top left;
display: block;
float: left;
font: normal 11px Georgia; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 19px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('finish.png') no-repeat top right;
/*display: block;*/
padding: 2px 11px 4px 5px; /*Set 11px below to match value of 'padding-left' value above*/
margin-right: 8px;
height: 20px;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #FFFFFF;
}

a.ovalbutton_active{
background: transparent url('start.png') no-repeat bottom left;
display: block;
float: left;
font: normal 11px Georgia; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 19px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton_active, a:visited.ovalbutton_active, a:active.ovalbutton_active{
color: #FFFFFF; /*button text color*/
}

a.ovalbutton_active span{
background: transparent url('finish.png') no-repeat bottom right;
/*display: block;*/
padding: 2px 11px 4px 5px; /*Set 11px below to match value of 'padding-left' value above*/
margin-right: 8px;
color:white;
height: 20px;
}

a.ovalbutton_active:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton_g{
background: transparent url('start.png') no-repeat bottom left;
display: block;
float: left;
font: normal 11px Georgia; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 20px; /* Height of button background height */
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
margin-top:-30px;
margin-left:640px;
}

a:link.ovalbutton_g, a:visited.ovalbutton_g, a:active.ovalbutton_g{
color: #FFFFFF; /*button text color*/
}

a.ovalbutton_g span{
background: transparent url('finish.png') no-repeat bottom right;
/*display: block;*/
padding: 2px 11px 4px 5px; /*Set 11px below to match value of 'padding-left' value above*/
margin-right: 8px;
color: #FFFFFF;
height: 20px;
}

a.ovalbutton_g:hover{ /* Hover state CSS */
background-position: bottom left;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
position: absolute;
z-index: 200;
padding-left: 270px;
padding-top: 12px;
}

span.num {font-family: arial;
font-size:12px;
font-weight:bold;
}

a.img {
color: white;
}

.be_remo {
border: 0px;
}