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

html { width:100%; height:100%; text-align:center; line-height:0px; }
body { width:100%; height:100%; margin:0px; background-color:#ffffff; font-size:13px; text-align:justify; line-height:18px; }
/* li { list-style:none; padding:0px; margin:0px; }*/
table { border:0px; border-spacing:0px; border-collapse:collapse; height:100%; width:100%; padding:0px; margin:0px; }
table tr { padding:0px; margin:0px; }
table tr td { vertical-align:top; padding:0px; margin:0px; border:0px; }
img { border:0px; margin:0px; padding:0px; display:block; }
/* * { padding:0px; margin:0px; }*/
p { padding:0px; margin:0px; clear:both; }

#container { width:100%; text-align:center;  }
#html_content { width:1000px; text-align:left; margin:auto; }

/* Header */
#header { width:100%; }
.header_topbar { width:100%; height:4px; background-color:#860000; overflow:hidden; }
.header_content { height:95px; }
.header_namecard { padding:18px 0px 0px 8px; float:left; }
.header_menu { float:right; padding-left:11px; text-align:right; }
.header_language { height:41px; padding-top:15px; padding-right:11px; text-align:right; }
.header_menu .menu { text-align:right; }
.header_menu .menu div { float:left; margin-left:2px; }
.header_bottombar { width:100%; background-image:url(../images/header/tile_bottom.jpg); height:2px; overflow:hidden; }


/* Footer */
#footer { clear:both; width:100%; padding-top:15px; }
.footer_top { clear:both; height:20px; overflow:hidden; background-image:url(../images/footer/footer_top.jpg); background-repeat:no-repeat; }
.footer_menu li { height:26px; overflow:hidden; float:left; }
.footer_bottom { clear:both; height:35px; overflow:hidden; background-image:url(../images/footer/footer_bottom.jpg); background-repeat:no-repeat; }

/* Content */
#content { width:100%; position:relative; }
.content_top_space { height:13px; overflow:hidden; }
.content_left { width:687px; float:left; min-height:500px; _height:500px; }
.content_right { width:290px; float:right; }
.content_area { background-color:#ffffff; width:670px; padding:12px 18px 5px 18px; margin:0px; }
.content_area_table { width:676px; _width:677px; height:650px; padding:0px; margin:0px; }
.inside_content { padding:5px; }

/* Top Banner */
.topic { background-image:url(../images/topic/topic_1.png) !important; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topic/topic_1.png'); background-repeat:no-repeat; height:137px; width:676px; margin-left:11px; z-index:10; position:absolute; }
.topic_2 { padding-top:41px; }
.bbg { margin-left:11px; top:131px; z-index:9; position:absolute; }
.page_content { margin-top:348px; margin-left:10px; }
.page_content_index { margin-top:420px; margin-left:10px; }

/* For Index Page */
.index_council { float:left; padding-bottom:30px; }
.index_done { float:right; padding-bottom:30px; }

/* Content Message Box */
.message_content_area { padding:5px 15px 15px 15px; width:220px; overflow:hidden; line-height:21px; font-size:13px; }
.message_content_area p { margin-bottom:12px; }

/* Graphics */
.zoomer { background-image:url(../images/common/zoom.png) !important; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/common/zoom.png'); background-repeat:no-repeat; height:31px; width:38px; cursor:pointer; float:left; margin-left:10px; _margin-left:5px; padding:0px; }
.movie { background-image:url(../images/common/movie.png) !important; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/common/movie.png'); background-repeat:no-repeat; height:30px; width:41px; cursor:pointer; float:left; margin-left:5px; padding:0px; margin-top:-2px; }

/* Link */
.link_detail { margin-top:10px; float:left; }
.link_detail a { color:#ffffff; }
.link_detail a:hover { text-decoration:none; }

/* Right Area */
	/* Council */
	.council_area { width:282px; overflow:hidden; padding-top:25px; }
	.council_area .top { height:45px; background-image:url(../images/common/council_bg.jpg); background-repeat:repeat-x; }
	.council_area .top .title { float:left; }
	.council_area .top .more { float:right; padding-top:20px; }
	.council_area .list_container { padding-left:10px; }
	.council_area .list_container .text { float:left; width:200px; color:#009cff; padding:3px 0px 3px 0px; }
	.council_area .list_container .text a { color:#009cff; text-decoration:none; }
	.council_area .list_container .text a:hover { text-decoration:underline; }
	.council_area .list_container .date { float:left; width:70px; color:#4a728c; text-align:right; padding:3px 0px 3px 0px; }
	.council_area .list_container .line { clear:both; background-color:#ededed; height:1px; overflow:hidden; }


	/* Done */
	.done_area { width:282px; overflow:hidden; padding-top:25px; }
	.done_area .top { height:45px; background-image:url(../images/common/done_bg.jpg); background-repeat:repeat-x; }
	.done_area .top .title { float:left; }
	.done_area .top .more { float:right; padding-top:20px; }
	.done_area .list_container { padding-left:10px; }
	.done_area .list_container .text { float:left; width:200px; color:#ef8701; padding:3px 0px 3px 0px; }
	.done_area .list_container .text a { color:#ef8701; text-decoration:none; }
	.done_area .list_container .text a:hover { text-decoration:underline; }
	.done_area .list_container .date { float:left; width:70px; color:#bb761d; text-align:right; padding:3px 0px 3px 0px; }
	.done_area .list_container .line { clear:both; background-color:#ededed; height:1px; overflow:hidden; }


	/* Media */
	.media_area { width:282px; overflow:hidden; padding-top:25px; }
	.media_area .top { height:45px; background-image:url(../images/common/media_bg.jpg); background-repeat:repeat-x; }
	.media_area .top .title { float:left; }
	.media_area .top .more { float:right; padding-top:20px; }
	.media_area .list_container { padding-left:10px; }
	.media_area .list_container .text { float:left; width:200px; color:#9ec403; padding:3px 0px 3px 0px; }
	.media_area .list_container .text a { color:#9ec403; text-decoration:none; }
	.media_area .list_container .text a:hover { text-decoration:underline; }
	.media_area .list_container .date { float:left; width:70px; color:#718d00; text-align:right; padding:3px 0px 3px 0px; }
	.media_area .list_container .line { clear:both; background-color:#ededed; height:1px; overflow:hidden; }


/* Icon */
	/* New */
	.council_new { background-image:url(../images/council/new.png) !important; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/council/new.png'); background-repeat:no-repeat; width:34px; height:17px; overflow:hidden; float:left; }
	.done_new { background-image:url(../images/done/new.png) !important; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/done/new.png'); background-repeat:no-repeat; width:34px; height:17px; overflow:hidden; float:left; }
	.media_new { background-image:url(../images/media/new.png) !important; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/media/new.png'); background-repeat:no-repeat; width:34px; height:17px; overflow:hidden; float:left; }