*{
  margin: 0;
  padding: 0;
}

body  {
  width: 760px;
  background: #ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #aaaaaa;
  scrollbar-3dlight-color: #aaaaaa;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
}

div#header  {
  width: 760px;
  height: 56px;
  background: url(../Images/header.jpg);
}

input#search  {
  border-width: 1px;
  border-style: solid;
  border-color: #acb5d3;
  background: #254598;
  width: 98px;
  height: 17px;
  position: absolute;
  top: 32px;
  left: 602px; 
  padding-left: 3px;
  padding-top: 2px;
  color: #dddddd;
  font-size: 12px;
}
input#search_button  {
  width: 45px;
  height: 19px;
  position: absolute;
  top: 31px;
  left: 706px; 
}

div#tool  {
  width: 760px;
  height: 19px;
}
#tool ul  {
  list-style: none;
  width: 760px;
}
#tool li  {
  list-style: none;
  float: left;
}

#tool a  {
  display: block;
  height: 19px;
  text-decoration: none;
  text-indent: -9999px;
  overflow: hidden;
}

#tool_home             { width: 66px; height: 19px; float left; }
#tool_home a           { background: url(../Images/sub-home.gif); }
#tool_home a:hover     { background-position: 0px -19px; }

#tool_english          { width: 80px; height: 19px; float left;}
#tool_english a        { background: url(../Images/sub-english.gif); }
#tool_english a:hover  { background-position: 0px -19px; }

#tool_sub              { width: 383px; height: 19px; background: url(../Images/sub.gif); }

#tool_contact          { width: 74px; height: 19px; }
#tool_contact a        { background: url(../Images/sub-contact.gif); }
#tool_contact a:hover  { background-position: 0px -19px; }

#tool_sitemap          { width: 80px; height: 19px; }
#tool_sitemap a        { background: url(../Images/sub-sitemap.gif); }
#tool_sitemap a:hover  { background-position: 0px -19px; }

#tool_privacy          { width: 77px; height: 19px; }
#tool_privacy a        { background: url(../Images/sub-privacy.gif); }
#tool_privacy a:hover  { background-position: 0px -19px; }

div#member  {
  display: block;
  width: 154px;
  height: 48px;
}
#member ul  {
  list-style: none;
  line-height: 14px;
  text-indent: -9999px;
}
#member li a  {
  display: block;
  width: 154px;
  height: 48px;
  text-decoration: none;
}

#member_login a         { background: url(../Images/login.gif); }
#member_login a:hover   { background-position: 0px -48px; }
#member_logout a        { background: url(../Images/logout.gif); }
#member_logout a:hover  { background-position: 0px -48px; }

#menu ul  {
  list-style: none;
  line-height: 14px;
  text-indent: -9999px;
}
#menu li a  {
  display: block;
  width: 154px;
  height: 20px;
}

#menu_overview a             { background: url(../MenuImages/menu-overview.gif); }
#menu_overview a:hover       { background-position: 0px -20px; }

#menu_access a               { background: url(../MenuImages/menu-access.gif); }
#menu_access a:hover         { background-position: 0px -20px; }

#menu_member a               { background: url(../MenuImages/menu-member.gif); }
#menu_member a:hover         { background-position: 0px -20px; }

#menu_info a                 { background: url(../MenuImages/menu-info.gif); }
#menu_info a:hover           { background-position: 0px -20px; }

#menu_lecture a              { background: url(../MenuImages/menu-lecture.gif); }
#menu_lecture a:hover        { background-position: 0px -20px; }

#menu_event a                { background: url(../MenuImages/menu-event.gif); }
#menu_event a:hover          { background-position: 0px -20px; }

#menu_division a             { background: url(../MenuImages/menu-division.gif); }
#menu_division a:hover       { background-position: 0px -20px; }

#menu_committees a           { background: url(../MenuImages/menu-committees.gif); }
#menu_committees a:hover     { background-position: 0px -20px; }

#menu_paper a                { background: url(../MenuImages/menu-paper.gif); }
#menu_paper a:hover          { background-position: 0px -20px; }

#menu_journal a              { background: url(../MenuImages/menu-journal.gif); }
#menu_journal a:hover        { background-position: 0px -20px; }

#menu_books a                { background: url(../MenuImages/menu-books.gif); }
#menu_books a:hover          { background-position: 0px -20px; }

#menu_standard a             { background: url(../MenuImages/menu-standard.gif); }
#menu_standard a:hover       { background-position: 0px -20px; }

#menu_recruit a              { background: url(../MenuImages/menu-recruit.gif); }
#menu_recruit a:hover        { background-position: 0px -20px; }

#menu_link a                 { background: url(../MenuImages/menu-link.gif); }
#menu_link a:hover           { background-position: 0px -20px; }

#menu_techdevcenter a        { background: url(../MenuImages/menu-techdevcenter.gif); }
#menu_techdevcenter a:hover  { background-position: 0px -20px; }

#menu_techeducenter a        { background: url(../MenuImages/menu-techeducenter.gif); }
#menu_techeducenter a:hover  { background-position: 0px -20px; }

#menu_award a                { background: url(../MenuImages/menu-award.gif); }
#menu_award a:hover          { background-position: 0px -20px; }

#menu_consultation a         { background: url(../MenuImages/menu-consultation.gif); }
#menu_consultation a:hover   { background-position: 0px -20px; }

#menu_institute a            { background: url(../MenuImages/menu-institute.gif); }
#menu_institute a:hover      { background-position: 0px -20px; }

#menu_support a              { background: url(../MenuImages/menu-support.gif); }
#menu_support a:hover        { background-position: 0px -20px; }

#menu_training a             { background: url(../MenuImages/menu-training.gif); }
#menu_training a:hover       { background-position: 0px -20px; }

#menu_qualification a        { background: url(../MenuImages/menu-qualification.gif); }
#menu_qualification a:hover  { background-position: 0px -20px; }

#menu_eventtemp a            { background: url(../MenuImages/menu-eventtemp.gif); }
#menu_eventtemp a:hover      { background-position: 0px -20px; }

#menu_jabee a                { background: url(../MenuImages/menu-jabee.gif); }
#menu_jabee a:hover          { background-position: 0px -20px; }

#menu_library a              { background: url(../MenuImages/menu-library.gif); }
#menu_library a:hover        { background-position: 0px -20px; }

#menu_faq a                  { background: url(../MenuImages/menu-faq.gif); }
#menu_faq a:hover            { background-position: 0px -20px; }

div#topics_title  {
  background: url(../Images/topics.gif);
  width: 445px;
  height: 25px;
  margin-left: 8px;
  margin-top: 8px;
}

div#topics_title2  {
  width: 445px;
  height: 25px;
  margin-left: 8px;
  margin-top: 8px;
}

#topics_title h1  {
  text-indent: -9999px;
  margin-left: 8px;
  margin-top: 8px;
  font-size: 12px;
}

div#topics_frame  {
  width: 443px;
  height: 375px;
  border: 1px solid #999999;
  margin-left: 8px;
}
#topics_frame iframe  {
  width: 443px;
  height: 365px;
}
div#topics  {
  width: 420px;
  height: 300px;
}
#topics ul  {
  margin-top: 2px;
  margin-left: 17px;
  line-height: 150%;
  list-style: url(../Images/barrow.gif);
  font-size: 12px;
  vertical-align: middle;
  padding: 7px;
}

#info_block{ 
  width: 420px;
}
.info_list{ 
        margin-top: 2px;
        margin-left: 17px;
        line-height: 150%;
        list-style-image: url(../Images/barrow.gif);
        font-size: 12px;
        vertical-align: middle;
        padding: 7px;
        display:block;
}
.info_date{
        width   :0px;
        white-space : nowrap;
        float           : left;
        overflow        : hidden;
}
.info_title{
}

div#whatsnew  {
  width: 445px;
  height: 23px;
  display: block;
  margin-left: 8px;
  margin-top: 8px;
}

div#formember_area  {
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}
div#formember  {
  float: left;
  width: 89px;
  height: 71px;
  display: block;
  margin-bottom: 10px;
}

div#banner  {
  margin-top: 6px;
}
#banner ul  {
  list-style: none;
}
#banner li  {
  padding-top: 4px;
}

div#footer  {
  clear: both;
  width: 760px;
  height: 55px;
  background: url(../Images/footer.gif);
}

a        { color: #267bac; }
a:hover  { color: #ac2665; }


th, td  {
  font-size: 12px;
  line-height: 130%;
}

h1  {
  font-weight: bold;
  font-size: 14px;
}

div#title  {
  height: 39px;
  line-height: 13px;
}

#title h1  {
  margin-top: -9999px;
  text-indent: -9999px;
  line-height: 12px;
}

div#breadclumbs  {
  background: #eeeeee;
  border-bottom: 1px solid #8b8b8b;
}
#breadclumbs h4  {
  font-weight: normal;
  font-family: sans-serif;
  font-size: 10px;
  padding-left: 15px;
  line-height: 150%;
  color: #25549a;
}
#breadclumbs a  {
  text-decoration: none;
  color: #25549a;
}

.backpage  {
  background: url(../Images/backpage.gif) no-repeat;
  height:8px;
  border-bottom: 1px dashed #8b8b8b;
  font-weight: normal;
  font-size: 12px;
  padding-left: 20px;
  line-height: 130%;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 4px;
}

.toppage  {
  height:8px;
  margin-left: 20px;
  background: url(../Images/toppage.gif) no-repeat;
  border-bottom: 1px dashed #8b8b8b;
  font-weight: normal;
  font-size: 12px;
  padding-left: 20px;
  line-height: 130%;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 4px;
}

div#subtitle  {
  background: url(../TitleImages/titlemark.gif) no-repeat bottom;
  margin-top: 5px;
  height: 2em;
}

#subtitle h2 {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 15px;
  padding-left: 35px;
  line-height: 25px;
  color: #333333;
}

div#contents  {
  margin: 12px;
  font-family: sans-serif;
}
#contents p  {
  font-weight: normal;
  font-size: 12px;
  line-height: 150%;
  color: #333333;
}

#contents h1  {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 17px;
  line-height: 150%;
  color: #21529b;
}

#contents h2  {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 15px;
  line-height: 150%;
  color: #21529b;
}

#contents h3  {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
  color: #21529b;
}

#contents h4  {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 12px;
  line-height: 150%;
  color: #21529b;
}

#contents td, th  { 
  padding: 3px;
}

#contents ul, ol, dd  {
  margin: 1em;
}

#contents li  {
  display: list-item;
}

#contents pre  { 
  white-space: pre;
}

#contents address  {
  margin-left: 2em;
}

#contents blockquote  {
  margin-left: 2em;
  margin-right: 2em;
}   

#contents menu  {
  margin: 0;
}
#contents li  {
  margin-left: 1em;
}

#contents dt  {
  margin-bottom: 0;
}
#contents dd  {
  margin-top: 0;
  margin-left: 2em;
}

#contents hr  {
  border-top: solid;
}        

ul.arrow  {
  list-style: url(../Images/barrow.gif);
}

.bgth  {
  font: normal;
  color: #ffffff;
  background: url(../Images/th-bg.gif) #98bee9 repeat-x; 
}

.pgtab {
	DISPLAY: block; BACKGROUND: url(../Images/productlinktabs.png) no-repeat; FLOAT: left; OVERFLOW: hidden; COLOR: #00c; PADDING-TOP: 8px; HEIGHT: 27px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pgtab:hover {
	DISPLAY: block; BACKGROUND: url(../Images/productlinktabs.png) no-repeat; FLOAT: left; OVERFLOW: hidden; COLOR: #00c; PADDING-TOP: 8px; HEIGHT: 27px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pgtabselected {
	DISPLAY: block; BACKGROUND: url(../Images/productlinktabs.png) no-repeat; FLOAT: left; OVERFLOW: hidden; COLOR: #00c; PADDING-TOP: 8px; HEIGHT: 27px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pgtabside {
	DISPLAY: block; BACKGROUND: url(../Images/productlinktabs.png) no-repeat; FLOAT: left; OVERFLOW: hidden; COLOR: #00c; PADDING-TOP: 8px; HEIGHT: 27px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pgtab {
	BACKGROUND-POSITION: -274px 0px; WIDTH: 130px
}
.pgtab:hover {
	BACKGROUND-POSITION: -144px 0px; WIDTH: 130px
}
.pgtabselected {
	WIDTH: 144px
}
.pgtabside {
	BACKGROUND-POSITION: -404px 0px; WIDTH: 3px
}
