BODY {
  padding : 0;
  margin : 0;
  font-family : Arial;
}

a img {
  border : none;
}

#wrapper {
  width : 100%;
}

#header {
  height : 240px;
  position: relative;
}

#title{
  position : absolute;
  left : 15px;
  top : 0px;
  height : 80px;
}

#icr_logo {
  height : 180px;
  width : 100% ;
  font-size : 1pt;
  float : left;
}

#icr_logo h1 {
  position : absolute ;
  left : -9999px ;
}

#photo_container {
  font-size : 1pt;
  float : right;
}

#navarea {
  height : 20px;
  width : 100% ;
  padding : 3px 0px 3px 0px;
  margin : 0px 0px 3px 0px;
  border-top-width : 3px;
  border-top-style : solid;
  border-top-color : silver;
  background-color : #333333;
  color : blue;
  clear : both;
}

#navarea ul{
  list-style: none;
  margin :  2px 0px 2px 0px;
}

#navarea li {
  font-size : 1pt;
  margin :  0px 0px 0px 0px;
  float: left;
}

#navarea h1 {
  font-size : 1pt;
  margin :  0px 0px 0px 10px;
  float: left;
}

#navarea li a {
  color : white;
  font-size : 11pt;
  font-weight : bold;
  text-decoration : none;
  margin :  0px 2px 0px 0px;
}

#navarea li span {
  color : #22ccff;
}

#navarea li a:hover {
  color : blue;
  margin : 0px 0px 2px 0px;
  background-color : #e0e1fc;
  border-width : 1px 1px 1px 1px;
  border-style : inset inset inset inset;
  border-color : white white white white;
  text-decoration : none;
}

#here {
  font-size : 10pt;
  font-weight : bold;
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 20px;
  float: left;
}

#here ul{
  list-style: none;
  padding : 0px 0px 0px 0px;
  margin :  0px 0px 0px 0px;
}

#here li {
  color : black;
  padding : 0px 0px 0px 0px;
  margin :  0px 5px 0px 0px;
  float: left;
}

#here li a {
  color : black;
  text-decoration : none;
  margin :  0px 0px 0px 0px;
}

#here li span {
  color : #0077ff;
}

#here li a:hover {
  color : #22ccff;
  margin : 0px 0px 0px 0px;
  text-decoration : none;
}

#language {
  padding : 0px 0px 0px 0px;
  margin : 0px 30px 0px 0px;
  float: right;
}

#search {
  margin : 10px 0px 0px 0px;
}

a#english_link {
  display: block;
  width: 60px;
  height: 20px;
  text-indent: -9999px;
  background-image:url("image/english_ao.gif");
  float: right;
 }

a#english_link:hover {
    background-position: top right;
 }

a#japanese_link {
  display: block;
  width: 88px;
  height: 20px;
  text-indent: -9999px;
  background-image:url("image/nihongo_flag.gif");
  float: right;
 }

a#japanese_link:hover {
    background-position: top right;
 }

#search {
  margin : 10px 0px 0px 0px;
}

input.searchbox {
  color: #444444;
  background:#ffffff;
  border-color:#aaaaaa;
  padding:0px 0px 0px 0px;
  margin : 0px 20px 0px 0px;
}

input.searchbox:focus {
  border-style: inset;
  background: #e0e1fc;
}

form.searchbox {
  padding: 0px;
  margin : 1px 1px 1px 1px;
}

#catalogue {
  position : absolute;
  width: 100%;
  margin-top : 20px;
}

div#center {
  position : absolute;
  left : 150px;
  top : 0px;
  width : 300px;
  padding : 0px 0px 0px 20px;
  border-left-width : 4px;
  border-left-style : solid;
  border-left-color : #ffcc99;
}

div#right {
  position : relative;
  margin-left : 500px;
}

div#left {
  position : absolute;
  left : 0px;
  top : 0px;
  width : 150px;
}

#left_top {
  height : 230px;
  padding : 2px 0px 0px 20px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #ffffff;
}

#photo_left_top {
  margin : 0px 0px 0px -20px;
  padding : 10px 0px 0px 0px;
}

#left_top a {
  height : 17px;
  margin : 1px 6px 1px 6px;
  padding : 2px 0px 0px 0px;}

#left_top a:hover {
  height : 17px;
  margin : 0px 5px 0px 5px;
  padding : 1px 0px 0px 0px;
  background-color : #e0e1fc;
  border-width : 1px 1px 1px 1px;
  border-style : inset inset inset inset;
  border-color : white white white white;
}

#left_under { 
  float : none;
}

#right_right { 
  padding : 0px 0px 0px 20px;
  border-left-width : 2px;
  border-left-style : solid;
  border-left-color : #ffcc99;
  float : left;
}

#right_left {
  width : 50px;
  float : left;
}

#right_under {
  padding : 0px 0px 20px 50px;
  height : 150px;
  border-top-width : 2px;
  border-top-style : solid;
  border-top-color : #99ccff;
  clear : both;
}

#footer {
  margin: 0px 0px 0px 10px;
  font-size : 10pt;
  font-weight : bold;
}

#catalogue h1 {
  margin : 0px 0px 10px 0px;
}

#catalogue h1 A {
  font-weight : bold;
  font-size : 12pt;
  text-decoration : none;
  text-transform : uppercase;
  color : black;
}

#catalogue h1 a:hover {
  color: blue;
  background-color: #e7e8f8;
  font-weight : bold;
  text-decoration : underline;
  font-size : 12pt;
}

#catalogue ul{
  list-style: none;
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 20px;
}

#catalogue li{
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 0px;
}

#catalogue li a {
  color : gray;
  font-size : 12pt;
  text-decoration : none;
}

#catalogue li a:hover {
  color : blue;
  background-color : #e0e1fc;
  border-width : 1px 1px 1px 1px;
  border-style : inset inset inset inset;
  border-color : white white white white;
  text-decoration : none;
}

h2{
  margin : 4px 0px 4px 0px;
  font-size : 12pt;
  font-weight : normal;
}

h2 span{
  margin: 0px 0px 0px 20px;
}

#w3c {
  margin : 20px 0px 20px 40px;
}

#topics_banner {
  margin : 50px 0px 0px 200px;
  padding : 0px 0px 0px 0px;
}

#translate-this {
   margin : 20px 0px 0px 0px;
   width: 150px !important;
   height: 20px !important;
}