@charset "utf-8";

/* Basic Setting - orig font color: #466C8A*/
body { background-color: #fff; height: 100%; font-family: dotum, tahoma; font-size: 9pt; color: #222222; line-height: 150%; }
td, p, input, button, textarea, select, .c1 { font-family: dotum, tahoma; font-size: 9pt; color: #222222; }
p { padding: 0px; margin: 0px; }
img { border: 0px; }
form { margin: 0px; }
h1 { font-size: 12pt; font-family: dotum, tahoma; padding: 0px; margin: 0px; }
h2 { font-size: 11pt; font-family: dotum, tahoma; padding: 0px; margin: 0px; }
h3 { font-size: 10pt; font-family: dotum, tahoma; padding: 0px; margin: 0px; }
a:link, a:visited, a:active { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; background-color: #f1f1f1; }
nobr { display:block; overflow:hidden; }
address { font-style: normal; }
ul { list-style-position: inside; margin: 0px; padding: 0px; }
hr { margin: 10px 0px; }

.member { font-weight: bold; color: #888888; }
.guest  { font-weight: normal; color: #888888; }
.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; } 
.adsense_main { text-align: center; border: 1px solid #dadada; padding: 5px; }
.adsense_main_no_border { padding: 15px 0px; text-align: center; }
.bbs_content { font-size: 9pt; line-height: 20px; padding: 20px 7px; word-break: normal; overflow: hidden; clear: both; }
.img_middle { vertical-align: middle; }
.div_spacer { clear: both; padding: 0px; margin: 0px; height: 0px; width: 0px; font-size: 0pt; line-height: 0%; }
.banner_main { clear: both; margin-bottom: 7px; }
.banner_side { clear: both; margin-bottom: 5px; }
.banner_655_100 { margin-top: 5px; }
.float_left { float: left; }

.big_item { border: 1px solid #ddddbb; padding: 10px; background-color: #fff; }
.big_item h2 { color: #000; border-bottom: 1px solid #cacaca; padding-bottom: 5px; margin-bottom: 5px; }
.article_list { padding: 3px; }
.list { padding: 4px; border-bottom: 1px dotted #ddddbb; }
.list_new { color: #0054a6; padding: 4px; border-bottom: 1px dotted #ddddbb; }
.list_all { font-size: 8pt; float: right; clear: right; }
.list_cmt { font-size:8pt; color:#9A9A9A; }
.btn_submit { border: 1px solid #c1c1c1; background-color: #dadada; font-size: 9pt; line-height: 140%; width: 100px; height: 25px; margin: 5px 0px 5px 0px; }
.blue { color: #0054a6; }
.red { color: red; }
.center { text-align: center; }
.box { padding: 20px; border: solid 1px #dadada; background-color: #fafafa; }
.consult { text-align: center; font-size: 12pt; padding: 25px; }

.news_item { border: 1px solid #ffffff; padding: 10px; background-color: #ffffff; line-height: 160%; font-size: 9pt; font-family: dotum, tahoma; margin-top: 5px; clear: both; }
.news_item:hover { border: 1px solid #009bff; background-color: #e9f6ff;}
.subject { font-size: 11pt; font-family: dotum, tahoma; font-weight: bold; margin-bottom: 5px; }
.subject1 { font-size: 11pt; font-family: dotum, tahoma; font-weight: bold; margin: 10px 0px 5px 0px; } 
.datetime { font-size: 8pt; font-family: georgia, tahoma; padding-left: 5px; color: #999999; }
.content { line-height: 160%; font-size: 9pt; font-family: dotum, tahoma; padding: 5px; clear: both; }
.content_img { width: 117px; height: 107px; padding: 2px; border: 1px solid #999999; float: left; margin-right: 10px; margin-bottom: 5px; }
.news_gallery { float: left; width: 100px; padding: 4px; border: 1px solid #dadada; background-color: #ffffff; margin: 5px 7px; }
.news_gallery:hover { border: 1px solid #0072bc; background-color: #e9f6ff; }
.recent_news_list { font-size: 10pt; line-height: 180%; }
.recent_news_list_l{ padding: 10px 10px 10px 0px; width: 315px; float: left; }
.recent_news_list_r{ padding: 10px 0px 10px 10px; width: 314px; float: right; border-left: 1px dotted #dadada; }

/* Basic ID Element */
#search_box { border:0px solid; width:125px; height:20px; background-color:#F4F4F4; }
#adsense_728 { border-top:1px solid #dadada; padding: 20px 5px 5px 5px; margin-top: 30px; margin-bottom: 20px; clear: both; }
#ad_area { border-top:1px solid #dadada; padding: 20px 5px 5px 5px; margin-top: 30px; margin-bottom: 20px; clear: both; }
#adsense_list { margin: 15px 0px 15px 0px; text-align: center; clear: both; }

/* news_page */
#news_page { font-family: dotum, tahoma; }
#news_page .list_all { margin-top: 5px; padding: 0px; }
#weekly_journal { margin: 10px 0px; border: 5px solid #e1e1e1; }
#wj { border: 1px solid #c1c1c1; padding: 10px; }

/* Body */
#header { background-color: #222222; height: 70px; text-align:center; clear: both; }
#header #h_top { width: 994px; margin: 0 auto 0 auto; padding-top:10px; text-align:left; }
#header #h_top h1 { line-height:50em; height:60px; width:300px; background:url(http://www.kncolorado.com/img/logo_m1.gif) left 0 no-repeat; overflow:hidden; display:block; cursor: pointer; }
#header #h_top #h_login { width: 600px; text-align: right; margin-top: -60px; color: #fff; font-size: 8pt; float: right; }
#header #h_top #h_login a { color: #fff; font-size: 8pt; }
#header #h_top #search_box { background-color: #222222; width: 600px; text-align: right; margin-top: -30px; float: right; }

#menu { background-color: #555; height: 30px; text-align:center; vertical-align: bottom; clear: both; }
#menu #m_bar { width: 994px; margin: 0 auto 0 auto; text-align:left; }
#menu #m_bar ul { list-style: none; padding:0px; margin:0px; }
#menu #m_bar li { float: left; padding: 0px 25px 0px 25px; font-family: dotum, tahoma; font-size: 10pt; font-weight: bold; }
#menu #m_bar li.s { background-color: #ffffff; margin-top:3px; margin-bottom:-3px;}
#menu #m_bar li a { line-height: 30px; float: left; text-decoration: none; text-align: center; }
#menu #m_bar li a.us { color: #fafafa; background-color: #555; }
#menu #m_bar li a.s { color: #222222; background-color: #fff; }
/* Hide from IE5-Mac \*/
#menu #m_bar li a { float: none; }
/* End hide */

#main { margin: 0px auto; padding: 0px; text-align: center; clear: both; }
#main #m_body { width: 994px; margin: 0 auto 0 auto; text-align: left; padding: 10px 0px 0px 0px; }
#main #m_body1 { width: 994px; margin: 0px; padding: 0px; }
#main #m_body2 { margin: 0px; float: right; width: 784px; padding: 10px 0px 0px 0px; /*width: 784px !important;*/  }
#main #m_body3 { margin: 0px; float: left; width: 657px; padding: 10px 7px 0px 0px; /*width: 654px !important;*/ }
#main #m_body4 { margin: 0px; float: left; width: 867px; padding: 10px 7px 0px 0px; /*width: 864px !important;*/ }
#main #m_body h4 { padding: 10px 10px 10px 40px; margin-top: 5px; margin-bottom: 10px; border: 1px dotted #dadada; font-size: 14pt; background-color: #fafafa; }
#main #m_body2 h2 { padding: 10px 10px 10px 40px; margin-top: 5px; margin-bottom: 10px; border: 1px dotted #dadada; font-size: 14pt; background-color: #fafafa; }
#main #m_body3 h2 { padding: 10px 10px 10px 40px; margin-top: 5px; margin-bottom: 10px; border: 1px dotted #dadada; font-size: 14pt; background-color: #fafafa; }
#main #m_body4 h2 { padding: 10px 10px 10px 40px; margin-top: 5px; margin-bottom: 10px; border: 1px dotted #dadada; font-size: 14pt; background-color: #fafafa; }
#main .m_body3_table { border: 0px; width: 657px; padding: 0px; margin: 0px; }

#main #m_menu_left { margin: 0px; padding: 10px 5px 10px 0px; width: 200px; float: left; }
.menu_left_news { margin: 0px; padding: 7px 2px 7px 5px; font-family: dotum, tahoma; font-size: 10pt; border-bottom: 1px solid #e1e1e1; }
.menu_left_replay { margin-bottom: 5px; padding: 0px; border: 0px; }
#main #m_menu_left .side { margin-top: 15px; margin-bottom: 5px; border: 1px solid #ddddbb; }
#main #m_menu_left .side h2 { font-size: 10pt; color: #000; border-bottom: 1px solid #cacaca; padding: 5px 0px 5px 10px; background-color: #fafafa; }
#main #m_menu_left .side a:link { text-decoration:none; color:#3d3d3d; }
#main #m_menu_left .side a:visited { text-decoration:none; color:#3d3d3d; }
#main #m_menu_left .side a:active { text-decoration:none; color:#3d3d3d; }
#main #m_menu_left .side a:hover { text-decoration:underline; }
#main #m_menu_left .side .list .list_hit { font-size: 7pt; color: #3d3d3d; }
#main #m_menu_left .side nobr { width:185px; }
#main #m_menu_right { margin: 0px; padding: 10px 0px 10px 0px; width: 120px; float: right; }

/* under #main  begin*/
#nav_top { padding: 5px; border-bottom: 1px solid #e1e1e1; }

#left_column { width: 250px; float: left; }
#left_column #notice { background-color: #eeeecc; padding: 5px; margin-bottom: 10px; }
#left_column #notice .big_item h2 { color: #9d0a0e; }
#left_column #notice a { color: #000; }
#left_column #notice .list_new a { color: red; }

#left_column #replay { background-color: #f1f1f1; padding: 5px; margin-bottom: 5px; }
#left_column #replay .big_item { margin-bottom: 5px; }
#left_column #replay .list_cmt { font-size:8pt; color:#9A9A9A; }
#left_column #replay nobr { display:block; overflow:hidden; width:208px; }
#left_column #replay a { color: #000; }
#left_column #replay .recent_replay { padding: 3px; float: left; }
#left_column #replay .recent_replay img { width: 100px; height: 73px; border: 1px solid #ddddbb; }

/* center column */
#center_column_wrap { width: 494px; float: left; background-color: #fff; }
#center_column { padding: 0px 10px; /* width: 474px; */}
#center_column a { color: #3d3d3d; }
#center_column h2 { color: #000000; border-bottom: 1px solid #cacaca; padding-bottom: 5px; margin-bottom: 5px; }
#center_column h3 { margin-bottom: 5px; border-bottom: 1px solid #cacaca; }
#center_column #eng_news { border: 5px solid #eeeeee; padding: 7px; margin-top: 10px; margin-bottom: 10px; }
#center_column #eng_news h2 { color: #9d0a0e; border-bottom: 1px solid #cacaca; }
#center_column #eng_news h2 a { color: #9d0a0e; }
#center_column .column_table { width: 474px; }
#center_column .column_table table { width: 464px; background-color: #fafafa; border: 1px solid #e1e1e1; padding: 5px; }
#center_column .column_table td { width: 227px; vertical-align: top; padding: 5px 5px 10px 5px; }
#center_column .column_list { padding-bottom: 3px; }
#center_column .column_row { border-bottom: 1px solid #cacaca; padding-bottom: 2px; margin-bottom: 3px; }
#center_column .column_img { border: 1px solid #cacaca; margin: 8px 10px 5px 0px; float: left;}
#center_column .banner_top { margin-bottom: 10px; }
#center_column .content { line-height: 160%; font-size: 9pt; font-family: dotum, tahoma; padding: 5px; clear: both; }
#center_column .news_item { padding: 5px 0px 0px 0px; }
#center_column .news_item:hover { border: 1px solid #ffffff; background-color: #ffffff;}
#center_column #wj { padding: 5px 10px 0px 10px; }

#right_column { width: 250px; float: right; }
#right_column #comm { background-color: #f1f1f1; padding: 5px; margin-bottom: 5px; }
#right_column #comm .big_item { margin-bottom: 5px; }
#right_column #comm .poll_question { clear: both; padding-bottom: 5px; }
#right_column #comm .poll_selection { clear: both; padding: 0px 0px 3px 10px; }
#right_column #comm .poll_submit { clear: both; padding: 5px 0px 0px 10px; }
#right_column #comm nobr { display:block; overflow:hidden; width:208px; }
#right_column #comm a { color: #000000; }
/* under #main end */

/* bottom column */
#bottom_column { background-color: #f1f1f1; padding: 5px 0px 5px 5px; width: 989px;  font-size: 8pt; }
#bottom_column a { color: #000000; }
#bottom_column h2 { padding: 3px 0px 5px 0px; }
#bottom_column .knc_column { border: 1px solid #e1e1e1; width: 143px; float: left; padding: 5px;  margin-right: 7px; background-color: #ffffff; }
#bottom_column .knc_column_l { border: 1px solid #e1e1e1; width: 143px; float: left; padding: 5px; background-color: #ffffff; }
#bottom_column .knc_column h2, #bottom_column .knc_column_l h2 { color: #000; border-bottom: 1px solid #cacaca; padding-bottom: 5px; margin-bottom: 5px; font-size: 9pt; }
#bottom_column .column_list { padding-bottom: 3px; }
/* bottom column */

/* footer */
#footer { background:url(http://www.kncolorado.com/img/footer_bg.jpg); background-repeat: repeat-x;  background-color: #555; padding: 20px 0px 20px 0px; clear: both; margin-top: 20px; border-top: 1px solid #000; color: #fafafa; font-size: 9pt; }
#footer #f_body { width: 994px; margin: 0 auto 0 auto; }
#footer #f_body a { text-decoration:none; color:#fafafa; }
#footer #f_body .sitemap_wrap { float: left; text-align: left; border: 1px solid #333; background-color: #444; width: 153px; margin-right: 10px; font-size: 8pt; }
#footer #f_body .sitemap { padding: 10px; /*width: 133px !important; */ }
#footer #f_body .sitemap a { color:#fafafa; text-decoration:none; display: block; height: 19px; padding: 5px 0px; border-bottom: 1px dotted #dadada; }
#footer #f_body .sitemap a:hover { background-color: #aaa; color:#333; text-decoration:none; }
#footer #f_body .sitemap h2 { font-size: 9pt; color: #fafafa; border-bottom: 1px solid #e1e1e1; padding-bottom: 3px; }
#footer #f_body .sitemap h2 a { color: #fafafa; border-bottom: 0px; text-decoration: none; }
#footer #f_body .sitemap h2 a:hover { color: #fafafa; border-bottom: 0px; text-decoration: none; background-color: #444; }
#footer #f_body img { float: left; margin-top: 35px; }
#footer #f_body .text_bottom { margin-top: 40px; padding:10px; text-align: left; font-size: 8pt; float: left; }


/* about KNC */
#about_knc { padding: 10px; line-height: 180%; font-family: dotum, tahoma; }
#about_knc h1 { font-size: 16pt; color: #444422; padding: 20px; }
#about_knc h3 { font-size: 12pt; padding: 10px; }
#about_knc img { margin: 5px 15px 15px 0px; border: 1px solid #dadada; float: left; }
#about_knc a { color: #0054a6; }
#about_knc p { padding: 15px 0px; }
#about_knc .s_text { font-family: dotum, tahoma; font-size: 8pt; line-height: 150%; padding: 10px; background-color: #fafafa; border: 1px solid #dadada; margin-bottom: 20px; }
#about_knc .s_border { font-size: 10pt; font-weight: bold; border: 1px solid #dadada; background-color: #fafafa; padding: 20px; margin: 20px 80px 20px 80px; text-align: center; }
#about_knc #s_submit { border: 1px solid #dadada; padding: 10px; margin: 0px; }
#about_knc #s_submit .inputTextBox { border: 1px solid #c1c1c1; background-color: #fAfAfA; font-size: 9pt; line-height: 120%; height: 20px; width: 300px; margin: 0px 0px 10px 0px; }
#about_knc #s_submit .inputBigTextBox { border: 1px solid #c1c1c1; background-color: #fAfAfA; font-size: 9pt; line-height: 140%; width: 470px; height: 200px; margin: 0px 0px 10px 0px; }
#about_knc .blue { margin: 10px 0px 10px 0px; }
#about_knc .life_item { padding: 15px; border: 1px solid #dadada; background-color: #fafafa; margin-top: 20px; }
#about_knc .life_item:hover { background-color: #eaeaea; }
#about_knc .life_title { font-size: 12pt; font-family: georgia; }
#about_knc .life_item ul { list-style-type: circle; }
#about_knc .blue { clear: both; padding: 5px; }
#about_knc .box { margin: 10px; clear: both; }

/* hub_page */
#hub_page { font-family: dotum, tahoma; }
#hub_page a { color: #3d3d3d; }
#hub_page .item { border: 1px solid #ddddbb; background-color: #fff; margin: 10px 10px 20px 10px; }
#hub_page .item h3 { background:url(http://www.kncolorado.com/img/hub_title.gif); background-repeat: repeat-x; height: 25px; padding: 5px 0px 0px 20px; margin-bottom: 5px; }
#hub_page .item .image_title { float: left; padding: 10px; }
#hub_page .item .list_box1 { float: left; }
#hub_page .item .list_all { padding-right: 20px; margin-top: -28px; }
#hub_page .item .list { border: 0px; padding: 5px 20px 5px 20px; float: left; }
#hub_page .item .list_date_right { font-size: 8pt; color:#9a9a9a; float: right; font-family: georgia; padding: 3px 20px 0px 0px; }
#hub_page .item .recent_list_replay { padding: 0px; margin: 10px 5px; float: left; width: 145px; text-align: center; }
#hub_page .item .recent_list_replay img { width: 100px; border: 1px solid #dadada; }
#hub_page #map_canvas { margin: 5px; width: 640px; height: 500px; border: 1px solid #dadada; }
#hub_page .gmap_traffic { margin: 5px; text-align: right; }
#hub_page .denver_weather_notice { float: right; color: red; margin: 10px 0px 10px 0px; text-align: right; }
#hub_page .denver_weather { margin: 5px; width: 640px; height: 480px; border: 1px solid #dadada; }
#hub_page .denver_weather_s { margin: 20px 10px 20px 10px; width: 630px; text-align: center; }
#hub_page .denver_weather_s .small { width: 150px; margin-right: 10px; float: left; }
#hub_page .denver_weather_s .small_e { width: 150px; float: left; }
#hub_page .denver_weather_s .text { padding-top: 5px; padding-bottom: 5px; }
#hub_page .denver_weather_s img { width: 150px; height: 100px; }

/* news bbs */
#news_title h1 { font-family: dotum, tahoma; font-size:13pt; font-weight: bold; }
#news_title h3 { font-family: dotum, tahoma; font-size:11pt; font-weight: bold; padding: 2px; }
.news_list_title { font-family: batang, dotum, tahoma; font-size: 12pt; font-weight: bold; padding:10px 5px 0px 5px; }
.news_list_content { padding: 5px; }