/* Header - Menu - Home in ihrdc.css
------------------------------------------*/

/* set Header 
-----------*/

#headerIHRDC { height: 50px; width: 100%; overflow: hidden; }
#headerIHRDC h1 { margin: 0; padding: 0; }
#headerIHRDC h1 span { text-indent: -99999px; font-size: .65em; position: absolute; top: -100px; }
#headerIHRDC img { float: left; }
#headerIHRDC img.right { float: right; margin-right: 5px; }
#navMenuCommon {
  font-family: Arial, sans-serif;
  color: #0069af;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #f7f8f3;
  border-bottom: 2px solid #cbe1ef;
}
#navMenuCommon ul.firstMenu { float: left; overflow:hidden; min-width: 450px; }
#navMenuCommon ul.firstMenu  li { 
  float: left; 
  padding: 5px 13px 5px 13px;
  font-size: 12px;
}
#navMenuCommon ul.secondMenu { float: right; overflow:hidden; min-width: 245px; background-color: #f1f1e9; }
#navMenuCommon ul.secondMenu  li { 
  float: left;
  padding: 6px 10px 5px 10px;
  font-size: 11px;
}
#navMenuCommon ul li#navMenuActive {
  background-color: #cbe1ef;
  font-weight: bold;  
}
#navMenuCommon ul li a { display:block; text-decoration:none; color: #0069af; font-weight: bold; }
#navMenuCommon ul li  a:visited { color: #0069af; }
#navMenuCommon ul li  a:hover { color: #a10006; }

#navMenuCommon ul li a.news { display:block; text-decoration:none; color: #f00; font-weight: bold; }
#navMenuCommon ul li  a.news:visited { color: #f00; }
#navMenuCommon ul li  a.news:hover { color: #a10006; }

#bannerID { 
  width: 760px; 
  background-color: #FBDB6E; 
  overflow: hidden;
}

#bannerID img { float: left; background-color: #fff; padding-right: 5px; }
#bannerID img.right { float: right; padding: 0 0 0 5px;}
#bannerID img.banner { 
  float: left; 
  padding: 0 0 0 5px;
  margin-left: 50px;
}


/* GENERAL PAGES MENU 
-------------------*/
#menu {
  float: left;
  width: 180px;
  margin-bottom: 18px;
}

#menu ul li {
  font-size: 0.9em;
  width: 170px;
}
#menu ul li a {
  display: block;
  width: 158px;
  padding: 8px 6px;
  font-size: 1.2em;
}

#menu span {
  background-color: #0067B1;
  padding: 1px 3px;
  margin: 0 2px 0 0;
  line-height: 140%;
  vertical-align: top;
  color: #fff;
  font-size: .8em;
  font-weight: bold;
}

#menu span.calendar {
  background: transparent url(../imgs/icons/calendar.gif) no-repeat right top;
  padding: 3px 0 3px;
  margin: 0;
  line-height: 130%;
  color: #0067B1;
  font-size: 1em;
  font-weight: normal;
	display: block;
}

#menu .menu-item01 span { background-color: #7E7E7E; }
#menu .menu-item01 span.calendar { background-color: transparent; }

/* menu-item01 is for the ACTIVE Menu */
.menu-item01 {
    background-color: #fbdb6e;
    border-bottom: 1px solid #99c1e0;
    border-right: 1px solid #99c1e0;
}

.menu-item01 a { text-decoration: none; font-weight: bold;  /* background: url(../imgs/cmn/menu_top_left.gif) no-repeat left top; */ }
.menu-item01 a:link { color: #0067b1; }
.menu-item01 a:visited { color: #0067b1; }
.menu-item01 a:hover { background-color: #fce492; }

.menu-item02 {
  background-color: #f2f7fb;
  border-bottom: 1px solid #99C1E0;
  border-right: 1px solid #99C1E0;

}

.menu-item02 a { text-decoration: none; }
.menu-item02 a:link { color: #0165B1; }
.menu-item02 a:visited { color: #0165B1; }
.menu-item02 a:hover { background-color: #f5eed1; }

/* submenu */
#menu ul li ul {
  font-size: 1.1em;
}
#menu ul li ul li a {
  font-weight: normal;
  text-decoration: none;
  border-top: 1px solid #d9e8f4;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-right: 3px;
  width: 152px;
}

/* subMenu01 is for the ACTIVE Menu */
#menu li.subMenu01 a { background: #fff url(../imgs/cmn/submActual.gif) no-repeat 6px 10px; }
#menu li.subMenu01 a:link { color: #a30000; }
#menu li.subMenu01 a:visited { color: #a30000; }
#menu li.subMenu01 a:hover {  color: #a30000; }

#menu li.subMenu02 a { background: #fff url(../imgs/cmn/subm.gif) no-repeat 6px 10px; }
#menu li.subMenu02 a:link { color: #0067b1; }
#menu li.subMenu02 a:visited { color: #777; }
#menu li.subMenu02 a:hover { color: #ff0000; }

.submenu-block01 { display:block; }
.submenu-block02 { display:none; }

#menu strong.pdfBrochureN2 {
  background: transparent url(../imgs/cmn/pdfMenuN2.gif) no-repeat right center; 
  padding: 3px 22px 3px 0;
  margin: 0 0 0 0;
  font-weight: normal;
  display: block;
}

#menu strong.pdfBrochure {
  background: #fff url(../imgs/cmn/pdfMenu.gif) no-repeat right center; 
  padding: 3px 68px 3px 0;
  margin: 0 0 0 0;
  font-weight: normal;
}

/*  HOME  
------*/

#wrapper .content {
  width: 760px;
  float: left;
  overflow: hidden;
}
#wrapper .cBanner {
  width: 212px;
  float: left;
  margin-left: 5px;
  background-color: #eaebf0;
  min-height: 522px;
  *height: 525px;
  border-bottom: 2px solid #a8b1cb;
}
#wrapper .cBanner .box1 {
  background: #fff url(../imgs/home/b_new.jpg) no-repeat;
  width: 212px;
  height: 57px;
}
#wrapper .cBanner .box1 a {
  float: none !important;
  float: left;
  display: block;
  padding: 20px 0 0 14px;
  color: #fff;
  text-decoration: none;
}
#wrapper .cBanner .box1 a span {
  color: #fff;
  font-weight: bold;
}
#wrapper .cBanner .box1 a span em {
  font-weight: normal;
  font-style: normal;
}
#wrapper .cBanner .box2 {
  background-color: #d4dbeb;
  width: 212px;
  height: 66px;
}
#wrapper .cBanner .box2 a {
  float: none !important;
  float: left;
  display: block;
  padding: 11px 14px;
  color: #4e7cb1;
  text-decoration: none;
  font-size: 11px;
}
#wrapper .cBanner .boxVideo {
  background: #fff url(../imgs/home/b_home_video.jpg) no-repeat;
  width: 212px;
  height: 126px;
  margin-top: 11px;
}
#wrapper .cBanner .boxVideo a {
  float: none !important;
  float: left;
  display: block;
  padding: 68px 0 0 96px;
  color: #fff;
  text-decoration: none;
}
#wrapper .cBanner .boxVideo a span {
  color: #fff;
  font-size: 11px;
}
#wrapper .cBanner .boxVideo a span em {
  font-size: 9px;
  font-style: normal;
}
#wrapper .cBanner .boxNews {
  background-color: #fff;
  border-top: 2px solid #abb2c0;
  border-bottom: 1px solid #abb2c0;
  margin: 6px 9px;
  height: 246px;
  overflow: auto;
}
#wrapper .cBanner .boxNews p.ttl {
  color: #3C5970;
  font-size: 11px;
  font-weight: bold;
  padding: 10px 0 0 9px;
  
}
#wrapper .cBanner .boxNews ul {
  list-style: none;
  margin: 9px 4px 14px;
  border-top: 1px dotted #abb2c0;
}
#wrapper .cBanner .boxNews ul a {
  display: block;
  padding: 0;
  margin: 0;
  color: #7e8082;
  text-decoration: none;
  background: transparent url(../imgs/home/gotonew.gif) no-repeat 10px right;
}
#wrapper .cBanner .boxNews ul a:hover {
  background-color: #eaebf0;
}
#wrapper .cBanner .boxNews ul a span.date {
  color: #7e8082;
  font-weight: bold;
  font-size: 11px;
  padding: 10px 0 0 4px;
  display: block;
}
#wrapper .cBanner .boxNews ul a div {
  padding: 9px 2px 12px 4px;
  color: #7e8082;
  font-weight: normal;
  font-size: 11px;
}




#main_Home {
  padding: 20px 10px 20px 0px;  
	margin-left: 10px;            
  width: 977px !important;  /* (760) */
	width /**/:987px; /* for IE5/Win (770) */
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  overflow: hidden;
}
#content_Home { 
  margin: 7px 0 12px 0; 
  padding: 0 10px 0 10px; 
  border: 1px solid #b2d2e7;
  font-family: Arial, Verdana, sans-serif;
  color: #6a6969;
  overflow: hidden;
}
#content_Home .itemL { 
  float: left; 
  width: 231px; 
  padding: 0 10px 0 0;
}
#content_Home .itemM { 
  float: left; 
  width: 231px; 
  background: #fff url(../imgs/home/sep_home_v.gif) no-repeat top left;
  padding: 0 10px 0 11px;
}
#content_Home .itemR { 
  float: left; 
  width: 231px; 
  background: #fff url(../imgs/home/sep_home_v.gif) no-repeat top left; 
  padding: 0 0 0 11px;
}
#content_Home img { margin: 10px 0; }
#content_Home p { margin-bottom: 10px; border-top: 1px dotted #6a6969; font-size: 0.9em; padding: 10px 0; }
#content_Home a { margin: 0px; padding: 0px; }


#head_Home { 
  background-color: #e5f0f7; 
  padding: 12px 0;
}
#head_Home img { float: left; }
#head_Home img.mission { float: none; padding-left: 9px; }
#head_Home p {
  display: block; 
  font-family: Tahoma, sans-serif; 
  font-size: 0.9em; 
  color: #5d87a4; 
  margin: 12px 0 0 135px;
}

#foot_Home { 
	margin: 0;
	padding: 3px 0;
	width: 977px; /* 760 */
	text-align: center;
	background-color: #ccccca;
	clear: both;
}
#foot_Home p { margin: 0px; font-size: 0.8em; color: #6a6b6b; padding: 0; }





