body {
  background-color: #fff;
  color: #000;
  margin: 0px 10px 0px 10px;
  padding: 0;
}

div#wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

/**************** area ****************/

div#header {
  padding: 6px 3px 6px 3px;
  margin: 0px;
}

div#header div.logo {
  float: left;
  width: 500px;
  height: 37px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 100%;
}

div#header div.logo2 {
  float: right;
  padding: 0px;
  margin: 0px;
  font-size: 90%;
}

div#header div.language	{
  font-size: 90%;
  text-align: right;
  padding-bottom: 10px;
  margin: 0;
}

div#header div.aistlogo	{
  text-align: right;
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
}

div.titlebox { clear: both; }

/* for top page */

div.bluebox {
  width: 100%;
  height: 94px;
  border-top: 3px solid #000066;
  padding: 0px;
  margin: 0px;
  font-size: 0%;
  background: #343498 url(/styles/top/mainimagebg.jpg) repeat-x bottom;
}

/* for normal pages */

div.blueboxindex {
  text-align: right;
  width: 100%;
  height: 94px;
  border-top: 3px solid #000066;
  padding: 0px;
  margin: 0px;
  background: #5555aa url(/common/img/indeximagebg.jpg) repeat-x bottom;
}

div.blueboxindex h1 {
  font-size: 150% ;
  color: #fff;
  font-weight: bold;
  line-height: 1.2 ;
  padding: 30px 10px 0px 0px;
  margin: 0px;
}

div.blueboxindex div.bgimg {
  width: 100%;
  height: 94px;
  background: url(/common/img/indeximage.jpg) no-repeat right;
}

/* for sub contents (narrower category bar) */

div.blueboxcontents {
  text-align: right;
  clear: both;
  width: 100%;
  height: 31px;
  border-top: 1px solid #000066;
  padding: 0px;
  margin: 0px;
  background: url(/common/img/contentimagebg.jpg) repeat-x bottom;
}

div.blueboxcontents div.bgimg div.category {
  font-size: 90% ;
  color: #fff;
  height: 25px;
  font-weight: bold;
  line-height: 1.2;
  border: 0px;
  padding: 6px 10px 0px 0px;
  margin: 0px;
}

div.blueboxcontents div.bgimg {
  width: 100%;
  height: 31px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background: url(/common/img/contentimage.jpg) no-repeat right;
}

/**************** body part: contents and navigation */

div.mainarea {
  padding: 0px;
  margin: 0px;
  background: url(/common/img/navbg.gif) repeat-y;
}

div.navarea {
  font-size: 90%;
  float: left;
  width: 171px;
  padding: 0px;
  margin: 0px;
  background: #ddd url(/common/img/navbg.gif) repeat-y;
}

div#contentsarea {
  padding-left: 9px;
  padding-top: 9px;
  margin-left: 171px;
}

div#contentswrapper {
/*  width: 99%; */
  margin: 0px;
  padding: 0px;
  border: 0px;
  padding-bottom: 15px;
}

/* navigation area */

.nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: 1.6;
}

.nav ul * ul {
  border-bottom: none;
}

.nav .menu {
  width: 169px;
  margin: 0px;
  padding: 0px;
}

.nav .menuon {
  width: 169px;
  margin: 0px;
  padding: 0px;
}

.nav div.menu {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: bold;
  background: url(/common/img/menu_bg_new.gif) no-repeat 0px bottom;
}

.nav div.menuon {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: bold;
  background: url(/common/img/menu_bg_new.gif) no-repeat 0px bottom;
}

.nav div.menutxt {
  padding: 0px 3px 4px 25px;
  background: url(/common/img/navmenu_bullet.gif) no-repeat 10px center;
}

.nav div.menutxton {
  padding: 0px 3px 4px 25px;
  background: url(/common/img/navmenu_bullet_on.gif) no-repeat 10px center;
}

.menutxt A:active {
  color: #ff0000;
  text-decoration: none;
}

.menutxt A:link {
  color: #555555;
  text-decoration: none;
}
.menutxt A:visited {
  color: #555555;
  text-decoration: none;
}

.menutxt A:hover {
  color: #ff0000;
  text-decoration: underline;
}

.menutxton A:active {
  color: #ff0000;
  text-decoration: none;
}

.menutxton A:link {
  color: #990000;
  text-decoration: none;
}

.menutxton A:visited {
  color: #990000;
  text-decoration: none;
}

.menutxton A:hover {
  color: #ff0000;
  text-decoration: underline;
}

.nav ul.submenu {
  padding: 3px 0px 6px 25px;
  margin: 0px;
  list-style: none;
  font-size : 90% ;
  line-height : 1.2 ;
  background: url(/common/img/navline.gif) no-repeat bottom;
}

ul.submenu li {
  margin-left: 0px;
  padding: 3px 0px 3px 9px;
  background: url(/common/img/arrow_dot.gif) no-repeat 0px 0.9em;
}

ul.submenu li.lion {
  margin-left: 0px;
  padding: 3px 0px 3px 9px;
  background: url(/common/img/arrow_doton.gif) no-repeat 0px 0.9em;
  color: #cc0000;
}

ul.submenu A:active {
  text-decoration: none;
}

ul.submenu A:link {
  text-decoration: none;
}

ul.submenu A:visited {
  text-decoration: none;
}

ul.submenu A:hover {
  text-decoration: underline;
}

div.sidebar-banners {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
      
div.sidebar-banners img {
  padding-top: 10px;
  padding-bottom: 10px;
}
	  
/**************** contents area */

/* breadcrumb */

#topicpath {
  margin: 0;
  padding: 4px 10px 10px 10px;
  font-size : 90%;
  line-height : 1.0;
}

#topicpath A:active {
  text-decoration: none;
}

#topicpath A:link {
  text-decoration: none;
}

#topicpath A:visited {
  text-decoration: none;
}

#topicpath A:hover {
  text-decoration: underline;
}

/* contents area: basic format */

div#contents {
  margin: 0px;
  padding: 0px 30px 0px 30px;
  line-height: 1.6;
}

div#contents * { 
  line-height: 1.6;
}

div#contents h1 {
  font-size: 130%;
  font-weight: bold;
  color: #000;
  line-height : 1.6 ;
  border: 2px solid #ff9999;
  border-left: 0.5em solid #ff9900;
  margin: 10px 0px 25px -20px;
  padding-left: 0.5em;
}

h2 {
  font-size : 110% ;
  line-height : 1.4 ;
  font-weight:bold ;
  margin: 10px 0 15px -10px;
  padding: 3px 5px 3px 10px;
  background-color: #ccf;
  border: 2px #669 solid;
}

h3 {
  font-size: 100%;
  color: #669900;
/*  text-decoration: underline; */
  border: solid #669900;
  border-width: 0 0 1px 4px;
  margin-bottom: 2px;
  margin-right: 1ex;
  padding : 0px;
  padding-left: 0.5ex;
}

h4 {
   font-size: 100%;
   color: #669900;
   margin : 0;
   padding : 10px 0px 6px 0px;
  }

h5 {
   font-size: 100% ;
   margin : 0;
   padding : 5px 0px 2px 5px;
  }

h6 {
   font-size: 100% ;
   margin : 0;
   padding : 5px 0px 2px 5px;
  }

em {
  color:#333399;
  font-style:italic;
}

ul {
  margin: 0px;
  padding: 0px 0px 10px 15px;
}

ol {
  margin: 0;
  padding: 0px 0px 10px 15px;
}

li {
  margin-left: 30px;
  padding: 3px 0px 3px 0px;
}

dl {
  margin: 0px;
  padding: 10px 0px 10px 22px;
}

dt {
  border-bottom : #4444FF 1px dotted;
  margin-bottom : 5px;
  font-weight   : bold;
}

dd {
  margin-left   : 20pt;
  margin-bottom : 5pt;
}

img {
  border: 0;
}

table {
  border-collapse: collapse; margin-bottom: 3pt;
}

table td {
  padding-left: 8pt; padding-right: 8pt; border: 0px #666 solid;
}

table tr { vertical-align: top; }

td, th { vertical-align: top;  }

div.bordered-table table td { 
  padding-left: 3pt; padding-right: 3pt; border: 1px #ccc solid;
}

pre {
  border: #888888 1px solid;
  padding: 4px;
  margin-left: 20px;
}

blockquote {
  border: #888888 1px solid;
  padding: 4px;
  margin-left: 20px;
  font-style: italic;
}

strong {
  color: #993300;
}

div.footnote {
  font-size: 80%;
  margin-left: 5%;
  margin-top: 20pt;
  padding-left: 1%;
  border-top: 1px #555 solid;
}
    
/**************** footer */
.footer {
  border-top: 2px solid #cccccc;
  padding: 0px;
  clear:both;
  margin:0;
  padding: 3px 0px 10px 5px;
  font-size: 90% ;
  line-height: 1.2 ;
}

.footer .poweredon { font-size: 80% ; }

/* individual contents
 ****************************************************************/

/* generic */

.float-frame-r { 
  float: right;
  margin-left: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #000000;
  padding: 8px;
  background-color: #eeeeee;
}

/* topics */

div.topics { 
  margin-bottom: 15pt;
}

.topicsbar {
  margin: 0px;
  margin-top: 10pt;
  padding: 3px 0px 3px 10px;
  background-color: #669;
}

table.topics td { border: 0px; }

.imgbox-topicsicon {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

.imgbox-topicsicon img { 
  margin-top: 3px;
}

div.topics A.flat { 
  color: black;
  text-decoration: none;
}

/* event tables */

div.events {
  width: 100%;
}

.float-l { float: left;}
.float-r { float: right;}

div.events table {
  width: 100%;
  border: 0;
  margin: 0;
  margin-bottom: 10pt;
  border-bottom: 1px #ccc solid;
}

div.events table tr th {
  height: 24px;
  margin: 0px;
  padding: 5px 10px 5px 10px;
  text-align: left;
  background: url(/styles/default/top_bar.gif) repeat-x;
}

div.events table * tr {
  vertical-align: top;
}

div.events table * tr td {
  font-size : 100% ;
  line-height : 1.7;
  veritical-align: top;
  padding: 0px 10px 0px 10px;
}

span.date {
  white-space: nowrap;
}

/* custom formats */

p.first { margin-top: 3px; padding-top: 3px;}

/* ===== image ===== */
.imgbox {
 margin: 0px;
 padding: 0px 10px 5px 0px;
 float: left;
}
.imgbox-r {
 margin: 10px;
 padding: 5px 3px 5px 10px;
 float: right;
}
.imgbox-l {
 margin: 0px;
 padding: 5px 10px 5px 3px;
 float: left;
}

div.figure {
  margin-top: 15pt;
  margin-bottom: 25pt;
  padding: 5pt;
  padding-bottom: 2pt;
  border: 1px solid #808080;
  background-color: #eeeeee;
  text-align: center;
}

div.figure-caption {
  color: #333399;
  font-size: 90%;
  line-height: 1.4;
  margin-top: 5pt;
  margin-left: 10%;
  margin-right: 10%;
  padding: 0px;
}

/* about/message */

div.quotebox {
 margin: 10px;
 font-size: 90%;
 border: 1px solid #ccc;
 padding: 10px;
 background-color: #f5f5f5;
}

/* backward compatibility */

.tbl-sqf5 {
  border: 1px solid #ccc;
  margin: 0;
  padding: 10px;
  background-color: #f5f5f5;
}

.margin-rb { margin-right: 10px;}
.mainclassbold { font-weight:bold; }
.mainclasssmall { font-size : 90%; line-height : 1.4; }
.txt-r { text-align: right;}

/**************** adjustment for printing */

@media print {
  .mainarea {
    padding: 0px;
    margin: 0px;
    background: #fff repeat-y;
  }
  
  .navarea {
    display: none;
  }

  div#header div.language {
    display: none;
  }

  div.mainarea {
    background: transparent;
  }

  div#contentsarea {
    padding: 0px;
    margin: 0px;
    margin-left: 0px;
  }

  #contentsarea div.header {
    display: none;
  }

  #contentsarea #topicpath {
    display: none;
  }

  #contentsarea div.contentfooter {
    display: none;
  }

  .blueboxindex h1 {
    text-align: left;
    padding: 39px 10px 0px 10px;
  }

  .blueboxcontents h1 {
    text-align: left;
    padding: 6px 10px 0px 10px;
  }
}