@charset "utf-8";
/* CSS Document */

/********************* global initialize setting **************************/
* { margin:0; padding:0; font-family:Arial, Verdana, sans-serif, Tahoma; font-size:12px; color:#00548a;}
body { background:#FFF;  }
a { text-decoration:none; }
a:hover { text-decoration:underline;}
ul { margin:0; padding:0;}
li { list-style:none;}
img { border:none;}
div { overflow:hidden; width:100%;}
address { font-style:normal;}




/********************* global div position setting **************************/
#container { margin:0 auto; text-align:justify; text-justify:inter-ideograph; line-height:24px; }

#main, #subpage { width:900px; margin:0 auto 10px;} /*740-->900px*/
#content, #sidebar, #listPage { display:inline; margin-top:135px;}
#content, #listPage { width:550px; float:right; margin-right:5px; }/*500-->650px*/
#sidebar {  float:left; /*clear:right;*/ margin-top:165px; }

#header { position:absolute; top:0; height:158px; }

#footer { width:98%; clear:both; }


/********************* container style **************************/
#container { }

/* header style */
#header { background:url(style/headerBg01.gif) repeat-x; /* hack for nav extra magrin under Netscape, Safari and Opera */ clear:both; /* hack end */ overflow:visible; }
#header h1 { margin:65px 0 0 24.5%; }
#header h1 a { font-size:28px; color:#FFF; font-style:italic;}
#header h3 { color:#12224d; font-size:12px; font-weight:normal; margin:0 0 0 24.5%;}
#header a {color:#FFF; }
#header #logo { float:left; height:50px; margin:55px 0 0 18%; width:60px; height:60px;}

#nav { /* hack for nav extra magrin under Netscape, Safari and Opera */ clear:both; /* hack end */ background:url(style/navBg.gif) no-repeat center ; height:40px; position:absolute; bottom:0; text-align:center; }
#nav ul { width:780px; text-align:center; margin:0 auto; }
#nav li { float:left; margin:8px 0; *margin:9px 0; }
#nav li a { font-size:12px; display:block; color:#FFF; padding:0 15px; line-height:30px; border-right:1px solid #4e6389; font-family:Arial, Verdana, sans-serif, Tahoma;}
#nav li a:hover, #nav li a.current{ background:#324b75 url(style/current.gif) no-repeat center bottom;}
#nav li a.last { border:none;}

/* content style */
#content p { clear:both; color:#b66723; font-size:11px; width:470px; margin:0 0 5px 10px; text-align:justify; text-justify:inter-ideograph; line-height:24px;  }
#content img{ margin-top:30px;}
#content h2 { display:block; background:url(style/introBg.gif) no-repeat; font-style:italic; font-size:14px; width:599px; line-height:30px; vertical-align:middle; padding-left:35px; color:#FFF;}

/* sidebar style */
#sidebar { width:217px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:23px;   }
#sidebar #services ul { background:url(style/serviceItembg.gif) bottom left; padding-bottom:10px;}
#sidebar #services li { background:#1767a4;}
#sidebar #services li a { background:url(style/menuImg01.gif) no-repeat 15px 6px; font-size:12px; color:#FFF; width:100%; height:20px; display:block; padding-left:30px; }
#sidebar #services li a:hover { background:#12224d url(style/menuImg01.gif) no-repeat 16px 6px; padding-left:32px;}
#sidebar #services h3 { background:url(style/serviceH2bg.gif); color:#FFF; font-size:14px; padding-left:15px; padding-top:10px; }
 /*#sidebar #services li ul { margin-left:10px;  *margin-top:-15px;  }*/
#sidebar #info h3 { color:#12224d; font-size:14px; padding-left:15px; padding-top:5px;  }
#sidebar #info li a { background:url(style/menuImg02.gif) no-repeat left; font-size:12px; color:#12224d; padding-left:17px; }
#sidebar #info li a:hover { margin-left:2px;}
#sidebar #info li { padding-left:15px;}
/*20090209 */
#sidebar #services .subMenu{padding-bottom:0px;}
#sidebar #services .subMenu li a{background:url(style/menuImg01.gif) no-repeat 30px 6px; font-size:12px; color:#FFF; width:100%; height:20px; display:block;padding-left:45px;}
#sidebar #services .subMenu li a:hover { background:#12224d url(style/menuImg01.gif) no-repeat 31px 6px; padding-left:47px;}
#sidebar #services li a.current { color:#FF6600;}

/* catalog style*/
#catalog { padding:20px 0 0;  background:url(style/catalogBg03.gif) 0 20px repeat-x #1767a4; overflow:hidden; width:100%;}
#catalog, #catalog a { }
#catalog p {padding:0 15px 20px;}
h1.catalog { color:#000; width:100px; background:#1767a4 url(style/catalogH1Bg.gif) no-repeat right top; font-size:12px; color:#FFF; padding-left:5px; padding-top:5px; font-weight:normal; }
#catalog #catalogMain { float:right; display:inline; width:58%; margin-bottom:20px; padding-left:30px; background:url(style/catalogBg01.gif)  no-repeat #1767a4; padding-top:4px; }
#catalog #catalogMain .pdt { float:left; display:inline; width:130px; margin:0 1% 10px !important; margin:0 0.5% 10px; }
#catalog #catalogMain .pdt .pdtImg { display:block; background:url(style/pdtBg.gif) no-repeat bottom left; padding:0 0 5px 3px; margin:0 0 0 -3px; }
#catalog #catalogMain .pdt a { font-size:12px; display:block; width:129px; line-height:21px; background:url(style/pdtNameBg.gif) no-repeat bottom; text-align:center; margin:2px 0 0 -2px; }
#catalog #catalogMain .pdt a:hover { color:#FF6600; }
#catalog #catalogMain .pdt img { filter:alpha(opacity=90); opacity:.90; margin-left:0px;}
#catalog #catalogMain .pdt img:hover { filter:alpha(opacity=100); opacity:1; margin-left:2px;}
#catalog #catalogDst { float:right; display:inline; width:27%; background:url(style/catalogBg02.gif) no-repeat left top; height:467px; }
#catalog #catalogDst p { font-size:11px; text-align:justify; text-justify:inter-ideograph; line-height:24px;}
/* footer style */
#footer { height:150px; border-top:1px solid #999999; text-align:center; margin:0 auto; margin-top:10px; }
#footer p { font-size:11px;}


/* listpage style */
#location, #pages { height:24px; background:url(style/locationBg.gif) no-repeat; margin:30px 0 10px; color:#FFF; padding-left:15px;}
#location a, #pages a { font-size:12px; color:#FFF; text-decoration:underline;}
#location a:hover, #pages a:hover { font-weight:bold;}
#pages { margin:10px 0 0;}
#listPage { width:555px;}
#subpage { width:800px;}
#listIntro/*, .printings */{ line-height:18px; margin-top:5px; border-bottom:1px solid #999999;}
#listIntro p { margin-bottom:5px; font-size:11px;  }
#listIntro h1 {  font-size:12px; font-weight:bold; margin-bottom:5px; }

.printings h1 { background:url(style/classNameBg.gif) no-repeat left; height:24px; line-height:24px; padding:5px; color:#FFF; clear:both}
.printings h1 .more{ float:right; margin-top:-25px; color:#FFF;}
.printings h2 { height:16px;}
.printings ul img { margin-right:10px; border:1px solid; display:block; width:120px; height:120px; border:1px solid #000; }
.printings ul { width:550px; margin:0 auto 10px;}
.printings li { float:left; text-align:center; margin:5px 1px;}
.printings p { font-size:10px; /*height:70px; */}
.printings div { width:300px; float:right; text-align:right; }
.printings dl { width:550px;  margin:0 auto 10px;}
.printings dd img { /*height:400px;*/ display:block; /*width:400px;*/ margin-bottom:10px;}
.printings dd { margin:0 auto 10px; width:480px; margin:0 auto;}
.printings dt { padding-left:-25px; width:550px;}

/*20090202 */
.siteMap h2{clear:both; font-size:16px; margin-bottom:-5px;}
.siteMap h2 a{ font-size:16px;}
.siteMap h3 a{ font-size:13px;}
.siteMap h3{clear:both; padding-left:15px; font-size:14px;}
.siteMap .mainProList{ width:595px; }
.siteMap .subProList{ width:585px; margin-left:15px;}
.siteMap .mainProList li, .siteMap .subProList li{ margin-left:10px; float:left; width:170px; border:1px;}

/*#listPage img{border:1px solid #22423F;}*/

/* search  20090212*/
#header #headMenu{ width:250px; margin-top:-20px; float:right; padding-right:100px;}
#header #headMenu form input { vertical-align:middle; margin-right:5px;}
#header #searchInput { width:150px; margin:3px 0;}
.searchhighlight{ color:#7C4905;}
.keywordhighlight{ color:#814427; font-weight:bold;}