html, body, form {
   margin : 0;
   padding : 0;
}

body {
    background-image : url(/image/bg.jpg);
    background-repeat : repeat;
    text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  line-height: 120%;
  color: #336699;
}

img {
  border: 0;
}

a img {
  border: 0px;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 110%;
  font-weight:bold;
}

A {
  color: #DC971E;
  text-decoration: none;
}

A:hover {
  color: #DC971E;
  text-decoration: underline;
}

table {
  color: #F0DC91;
}

table .remark {
  font-size: 40%;
}

caption {
  font-size: 100%;
  font-weight:bold;
  margin-top: 1px;
  margin-bottom: 1px;
}

td {
  padding-right: 6px;
}

#container {
  align: center;
  width: 800px;
  margin: 10px auto;
  text-align: left;
}

/************************************/

#banner {
  margin-bottom: 15px;
  background: url(/image/bg_header.gif) no-repeat top center;
}

#banner .portrait {
  height: 149px;
  width: 100px;
}

#banner .title {
  vertical-align:top;
  width: 525px;
  height: 100px;
  margin-left: 125px;
}

/************************************/

#footer	
{
  clear: both;
  margin-top: 15px;
  padding-left: 6px;
  padding-right: 6px;
  height: 15px;
  font-size: 9px;
  line-height: 15px;
  color: #e9c047;
  background: url(image/bg_footer.gif) no-repeat center top;
}

#footer .left {
  float: left;
}

#footer .right {
  float: right;
}

#footer .right A {
  color: #e9c047;
  text-decoration: none;
}

#footer .right A:hover {
  color: #a37f1d;
  text-decoration: none;
}

/************************************/

#content {
  min-height: 350px;
  background: #592097 url(image/bg_content.png) no-repeat bottom center;
}

#content_top	{
  clear: both;
height: 14px;
background-color: red;
}
	
#menu {
  float: left; 
  width: 165px;
 /* background-color: yellow; */
 /* border-right: 1px dashed #E6BE46; */
}
	
#content_bottom	{
  clear: both;
  height: 14px;
  background-color: lime;
}

#menu ul { 
  list-style:none; 
  margin:0; 
  padding:0; 
} 
  
#menu li { 
  margin: 0;
  padding:0; 
} 

#menu ul li { 
  font-weight: normal;
} 
  
#menu a:link, 
#menu a:visited { 
display:block; 
font-weight: bold;
text-decoration: none;
margin:6px 0; 
padding:9px 0px 12px 9px; 
color: #E6BE46;
} 

#menu .active {
  color: #F0DC91;
  background: url(image/bg_menu_active.gif) no-repeat center left;
}

#menu a:hover {
  color: #F0DC91;
  background: url(image/bg_menu_active.gif) no-repeat center left;
}

#menu ul ul li a:link, 
#menu ul ul li a:visited { 
display:block; 
font-weight: normal;
text-decoration: none;
margin: 3px 0; 
padding: 1px 0px 1px 12px; 
color: #E6BE46;
} 

#menu ul ul li a:hover {
  color: #F0DC91;
  background: #592097;
  background: url(image/bg_menu_active_small.gif) no-repeat center left; 
}

/************************************/


#text p {
  padding-left: 6px;
  padding-right: 6px;
}

#text {
  margin-right: 0px;
  margin-left: 180px;
  margin-bottom: 9px;
  color: #F0DC91;
 /* background-color: aqua; */
}
	
#text .remark {
  font-size: 80%;
}