@charset "utf-8";

* { margin: 0px; padding: 0px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #000; background-color: #EEE; }

a { color: #000; text-decoration: none; }

a:hover { color: #0072bc; text-decoration: underline; }

ul, li { list-style-type: none; }

img { border: 0px; }

#header { background-color: #545c5f; border-bottom: 3px solid #444; border-top: border-top: 1px 1px solid #DEDEDE; clear: both; height: 1%; overflow: hidden; }

#template_header { width: 985px; margin: 0 auto; }

#template_header #site_logo { float: left; width: 1000px; height: 100px; font-size: 40px; color: #FFFFFF; background:url(2010/images/narinjara.png) no-repeat; }

.wrapper { width: 985px; margin: 0px auto; }

#form { float: left; width: 405px; padding-top: 20px; }

#textfield { border: 1px solid #CDCDCD; width: 325px; height: 20px; margin-right: 5px; }

#button { background-image: url(2010/button.jpg); border: 0px; width: 60px; height: 20px; }

#hot { background-image: url(2010/images/e_04.gif); clear: both; width: 226px; height: 26px; overflow: hidden; margin: 10px 0px; }

#hot span { float: left; margin: 0px 10px 0px 12px; }

#right { float: right; width: 270px; }

.rctitle { font-weight: bold; font-size: 14px; color: #000080; line-height: 35px; background-image: url(2010/images/e_17.jpg); text-indent: 10px; border-bottom: 1px solid #DADADA; }

#editor, #top10, #full, #viki, #Search, #archive { background-color: #FFF; background-image: url(2010/images/e_19.jpg); background-repeat: no-repeat; background-position: left bottom; height: 1%; overflow: auto; margin-bottom: 10px; padding: 10px 0px; }

#editor div { font-weight: bold; color: #004277; width: 245px; height: 1%; overflow: auto; margin: 0px auto 10px auto; }

#editor div img { border: 1px solid #CCC; float: left; margin-right: 10px; }

#editor div a { color: #004277; }

#editor ul { clear: both; width: 245px; margin: 0px auto; }

#editor ul li { color: #004175; background-image:url(2010/images/e_7.gif); background-position:left 8px; background-repeat:no-repeat; padding-left:10px; }

#editor ul li a { color: #004175; }

.top10list { width: 253px; margin: 0px auto; }

.top10list li { height: 1%; overflow: auto; padding: 3px 5px; }

.redfew { color: #BA1D24; border: 1px solid #BA1D24; margin-right: 5px; padding: 0px 4px; }

.grayfew { color: #B1B1B1; border: 1px solid #B1B1B1; margin-right: 5px; padding: 0px 4px; }

#full div { font-weight: bold; color: #004277; width: 245px; height: 1%; overflow: auto; margin: 0px auto; }

#full div img { border: 1px solid #CCC; float: left; margin-right: 10px; }

#full div a { color: #004277; }

#keyword,#date { width: 250px; margin: 0px auto; }

#keyword h2,#date h2 { font-size: 14px; color: #004175; line-height: 28px; }

.keyword { border: 1px solid #C4CED5; width: 185px; }

.key { background-image: url(2010/images/e_34.gif); border: 0px; width: 51px; height: 18px; }

#date select { margin-right: 7px; }

#e-mail { text-align: center; clear: both; margin-bottom: 10px; }

.apDiv1 { background-color: #FFF; background-image: url(2010/images/e_6.gif); background-repeat: no-repeat; background-position: center bottom; float: left; width: 705px; margin-bottom: 10px; padding-bottom: 5px; }

.modified { background-image: url(2010/images/e_5.gif); clear: both; height: 5px; overflow: hidden; }

#scroll { line-height: 30px; border-bottom: 0px solid #C50A0C; clear: both; width: 676px; margin: 0px auto 10px auto; padding: 0px 5px; }

#scroll span, #scroll span a { font-weight: bold; color: #C50A0C; }

.apDivhd { line-height: 22px; display: inline; float: left; width: 330px; margin: 0px 20px 0px 12px; }

.apDivhd {float: left; width: 330px; border-right: 1px solid #ddd; } 

.apDivhd img { border: 1px solid #999; }

.apDiv2 { line-height: 22px; display: inline; float: left; width: 310px; margin: 0px 30px 0px 10px; }

.apDiv2 {border-right: 1px solid #ddd; }

.apDiv2 img { border: 1px solid #999; }

.apDiv2 h1 { font-size: 14px; color: #004175; margin-top: 10px; }

.apDiv2 h1 a { color: #000; }

#tab { font-size: 14px; line-height: 26px; background-image: url(2010/images/e_37.gif); height: 26px; overflow: hidden; margin: 20px 0px 10px 0px; padding-left: 10px; }

.titleoff { background-image: url(2010/images/e_38.gif); text-align: center; display: inline; float: left; width: 94px; }

.titleon { color: #FFF; background-image: url(2010/images/e_39.gif); text-align: center; display: inline; float: left; width: 84px; }

.titleon a { color: #FFF; }

#titlenavTabcontent_11 { display: none; }

.piclist { height: 1%; overflow: auto; }

.piclist li { line-height: 18px; display: inline; float: left; width: 90px; margin: 0px 6px; }

.piclist li img { border: 1px solid #999; }

#apDiv4 { float: left; width: 330px; }

#news { padding-bottom: 5px; }

#news dt, #news dt a { font-weight: bold; color: #083c73; font-size: 14px; line-height: 22px; }

#int dt, #int dt a { font-weight: bold; color: #9d1004; font-size: 14px; line-height: 22px; }

#news dd { line-height: 20px; background-image: url(2010/images/e_40.jpg); background-repeat: no-repeat; background-position: left bottom; margin: 5px 0px 10px 0px; padding: 5px 0px 10px 0px; }

#newslist li { color: #004175; background-image:url(2010/images/e_7.gif); background-position:left 8px; background-repeat:no-repeat; padding-left:10px; }

#newslist li a { color: #004175; }

.ctitle { font-weight: bold; color: #5d0e03; font-size: 14px;  line-height: 24px; clear: both; margin: 5px 10px 10px 10px; }

#picmore { font-weight: bold; font-size: 14px; color: #851607; text-align: right; margin-top: 5px; }

#video { height: 1%; overflow: auto; background-color: #F2F2F2; margin: 0px 10px 5px 10px; }

#video li { font-weight: bold; color: #004276; display: inline; float: left; width: 225px; padding: 10px 0px 20px 0px }

#video li a { color: #004276; }

#video li img { border: 1px solid #999; display: inline; float: left; margin: 0px 5px; }

#morehdl ul li h1, #morehld ul li h1 a { font-size: 12px; color: #851607; }

#morehdl ul li { clear: both; margin: 0px auto; }

#features { background-image: url(2010/images/e_48.gif); display: inline; float: left; width: 455px; height: 120px; overflow: hidden; margin: 0px 8px 10px 10px; }

#features ul { clear: both; width: 435px; margin: 0px auto; }

#features ul li { line-height: 18px; float: left; width: 217px; }

#features ul li img { border: 1px solid #999; float: left; margin-right: 10px; }

#features ul li h1, #features ul li h1 a { font-size: 12px; color: #353535; }

#features ul li p, #opinion div p { display: none; }

#opinion { background-image: url(2010/images/e_49.gif); display: inline; float: left; width: 222px; height: 120px; overflow: hidden; }

#opinion div { line-height: 18px; margin: 0px 10px; }

#opinion div img { border: 1px solid #999; float: left; margin-right: 10px; }

#opinion div h1, #opinion div h1 a { font-size: 12px; color: #353535; }

.apDiv3 { background-image: url(2010/images/e_15.jpg); background-repeat: repeat-x; clear: both; width: 685px; height: 1%; overflow: auto; margin: 0px auto 10px auto; }

.clist { display: block; width: 300px; margin-left: 10px; }

.clist li { color: #004175; background-image:url(2010/images/e_7.gif); background-position:left 8px; background-repeat:no-repeat; padding-left:10px; }

.clist li a { color: #004175; }

.Intv { background-image: url(images/Intv_200.jpg); display: inline; float: right; width: 320px; height: 300px; overflow: hidden; margin-right: 10px; }

.Intv h1 { font-size: 14px; color: #000080; line-height: 24px; margin-bottom: 10px; padding-left: 15px; }

.Intv div { line-height: 18px; margin: 0px 10px 0px 10px; }

.Intv div img { border: 1px solid #999; float: left; margin-right: 10px; }

.Intv div h1, .Intv div h1 a { font-size: 12px; color: #353535; line-height: 18px; margin-bottom: 0px; }

.rlist { background-image: url(2010/images/e_50.jpg); display: inline; float: right; width: 336px; height: 170px; overflow: hidden; margin-right: 10px; }

.rlist h1 { font-size: 14px; line-height: 24px; margin-bottom: 10px; padding-left: 15px; }

.rlist div { line-height: 18px; margin: 0px 10px 0px 10px; }

.rlist div img { border: 1px solid #999; float: left; margin-right: 10px; }

.rlist div h1, .rlist div h1 a { font-size: 12px; color: #004175; line-height: 18px; margin-bottom: 0px; }

.rlist div h1 { display: inline; float: left; width: 185px; padding-left: 0px; }

.rlist div p { display: inline; float: left; width: 185px; }

.rlist h2 { font-size: 12px; color: #B81C22; padding-left: 10px; }

.rlist ul { clear: both; margin: 0px 10px; }

.rlist ul li { color: #004175; background-image:url(2010/images/e_7.gif); background-position:left 8px; background-repeat:no-repeat; padding-left:10px; }

.rlist ul li a { color: #004175; }

#morenews { color: #851607; a color: #004175; }

#more { color: #999; border-top: 1px dotted #999; margin: 0px 10px; padding: 20px 0px 5px 10px; }

#more a { color: #999; }

#more span { font-weight: bold; line-height: 26px; background-image: url(2010/images/e_16.jpg); text-align: center; float: right; width: 136px; height: 26px; margin-right: 5px; }

#more span a { color: #000; }

#more font { font-family: sans-serif; font-size: 14px; color: #C50A0C; }

#more img { margin: 0px 10px 0px 20px; }

#footer { clear: both; width: 985px; margin: 10px auto 0px auto; }