@import url(/library/css/simple.css);

/* CSS Document */

/* @group general */
* {
	margin:0;
	padding:0;
}
body {
	padding:0;
	margin:0;
	background:url(images/body_bg.jpg) 0 0 repeat-x #fff;
	font:normal 13px/1.7em Arial, Helvetica, sans-serif;
	color:#333333;
}
a {color:#6c7216;}
a:hover {color:#000;}
/* @end */

ul.topic-list span.timestamp {
	font-size:11px;
}
ul.topic-list {list-style-image:url(arrow_117.gif);}

fieldset {
	border:1px #fff solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#page-wrapper {
	width:980px;
	margin:0 auto;
	padding:0 0 32px 0;
}

/* @group header */
#header-wrapper {
	height:143px;
}
#header-wrapper h1 {
	display:block;
	width:980px;
	height:90px;
	margin-top:50px;
	background:#000 url(logo-black.gif) left -8px no-repeat;
	text-indent:-9999em;
	position:absolute;
}
#header-wrapper .web-slogan {
	position:absolute;
	top:110px;
	margin-left:10px;
	color:#fff;
}

/* @end */

/* @group primary */
#primary {
	width:730px;
	margin:0px;
	padding:15px;
	float:left;
	background:#E9E9E9;
	border-top:1px #cacaca solid;
	display:inline;
	overflow:hidden;
}
/* @end */

/* @group secondary */
#secondary {
	width:220px;
	float:right;
	background:transparent url(images/newsletter_bg.gif) left top repeat-x;
	color:#333;
	display:inline;
	overflow:hidden;
}
#secondary a {
	color:#333;
}
#secondary a:hover {
	color:#000;
}

#secondary ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#secondary ul li{
	border-bottom:1px #fff solid;
}
#secondary ul li a {
	padding:1px 0;
	padding-left:25px;
	display:block;
	background:transparent url(images/bullet.gif) 8px center no-repeat;
}

#secondary .google-search {
	margin-top:10px;
}
#secondary .google-search h3{
	height:16px;
	background:url(images/newsletter_icon.gif) 10px top no-repeat;
	padding:0 0 0 36px;
	margin:0 0 0 0;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#101010;
	background-color:inherit;
}
#secondary .google-search form{
	margin:0 0 0 8px;
	height:50px;
	padding:0 9px 0;
}
#secondary .google-search form input{
	width:170px;
	float:right;
	height:21px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	color:#101010;
	background-color:#fff;
	font-size:13px;
	line-height:21px;
	margin:7px 0 0 0;
}
#secondary .google-search form input.button{
	background:url(images/search.jpg) 0 0 no-repeat;
	width:67px;
	height:17px;
	border:none;
	cursor:pointer;
	float:right;
	margin:0;
	padding:0;
	text-indent:-999em;
	}

#secondary h3 {
	width:180px;
	height:30px;
	background:url(images/faq_icon.gif) 0 0 no-repeat;
	padding:10px 0 0 41px;
	margin:15px 0 9px 8px;
	color:#96B135;
	font-size:22px;
}
#secondary p {
	margin:0 0 5px 8px;
	line-height:18px;
	padding:0;
	color:#327C8E;
	background-color:inherit;
}
#secondary img.callUs{
	width:200px;
	height:68px;
	margin:19px 0 10px 19px;
}
#secondary ul.botLink{
	width:171px;
	height:29px;
	background:url(images/left_panel_bot_bg.gif) 0 0 repeat-x;
	padding:9px 0 0 49px;
	margin:0 0 0 19px;
}
#secondary ul.botLink li{
	padding:0 6px 0 0;
	margin:0;
	float:left;
}
#secondary ul.botLink li a.css{
	display:block;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	width:77px;
	height:17px;
	}
#secondary ul.botLink li a.css:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#secondary ul.botLink li a.xhtml{
	display:block;
	background:url(images/xhtml_valid.gif) 0 0 no-repeat;
	width:77px;
	height:17px;
	}
#secondary ul.botLink li a.xhtml:hover{
	background:url(images/xhtml_valid_hover.gif) 0 0 no-repeat;
}
/* @end */

/* @group footer-wrapper */
#footer-wrapper {
	font-size:9pt;
	background:url(images/footer_bg.jpg) repeat-x 0 0;
	padding:10px 0;
	clear:both;
	text-align:center;
	color:#000;
}
#footer-wrapper a {text-decoration:none;}
#footer-wrapper  ul {text-align:center;}
#footer-wrapper  ul li{display:inline;}
#footer-wrapper  ul li a{
	padding:0 7px;
	color:#000;
}
#footer-wrapper  a:hover{text-decoration:underline;}
#footer-wrapper  p.copyright{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#5B6A14;
}
#footer-wrapper  p.design{
	display:block;
	width:292px;
	height:21px;
	margin:0 auto;
	padding:0;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#F7F7F7;
	text-align:center;
}
#footer-wrapper  p.design a.link{
	color:#327C8E;
	background-color:#F7F7F7;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#000;
	background-color:#F7F7F7;
}
/* @end */

/* @group navigator */
ul#navigator{
	height:36px;
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:10px !Important;
	margin-top:10px;
	position:absolute;
}
ul#navigator li{
	padding:0 2px 0 0;
	display:inline;
}
ul#navigator li a {
	background:inherit url(images/nav_bg.jpg) repeat-x 0 0;
	font:bold 12px/36px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	padding:9px 13px;
}
ul#navigator li a:hover{
	background:url(images/nav_bg_hover.jpg) repeat-x 0 0;
	color:#000000;
	text-decoration:none;
}
/* @end */

table.topic-list tr td.title a {
	padding:5px 20px;
	display:inline-block;
	font-weight:normal;
}
table.topic-list td.title a:hover {
	color:#000;
	background-color:transparent;
}

/* @group content */
.content {}

div.detail {
	margin:0 0 20px 0;
	padding:1px 10px;
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
div.detail p {
	margin:15px 0;
}

div.content h2.header {
	margin:0px 30px 10px 0;
	padding:2px 20px;
	font-size:16px;
	text-align:center;
	font-weight:normal;
	font-style:italic;
	color:#ED1B24;
	border-bottom:1px #DBCA92 solid;
	border-left:1px #DBCA92 solid;
	border-right:1px #DBCA92 solid;
	-webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;
	float:right;
	background:#fff;
}
div.content h2.title {
	background:transparent;
	color:#0E5F00;
	font-size:18pt;
	margin:10px 0;
	line-height:22pt;
}
/* @end */

.header-description {
	padding:3px 10px;
	color:#DF4E00;
	background:#F1E6B8;
	border:1px #DBCA92 solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.header-description ul.tabs {
	text-align:right;
}

.paper-tag-5 {
	padding-top:90px;
	background:url(songkhlaflood.gif) left top repeat-x;
}

#paper-footer {
	margin:0 0 20px 0;
	padding:4px;
	background:#fff;
}

.comment .item {
	margin:10px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
 .comment .no {
 	background:#fff;
	border:1px #E9E9E9 solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

/* ad section*/

#ad-detail_footer {
	margin:10px 0;
	text-align:center;
}

/* @group ads */
#ad-B1 {
	width:200px;
	margin:0 auto;
	overflow:hidden;
}
#ad-B1 img {width:200px;height:200px;}
#ad-C1 {
	width:200px;
	margin:20px auto;
	overflow:hidden;
}
#ad-C1 ul {
	width:200px;
	margin:0;
	padding:0;
	list-style-image:none;
}
#ad-C1 ul li a {
	margin:5px 0;
	padding:0;
	background:none;
}
#call_us {
	display:block;
	width:200px;
	height:68px;
	margin:0;
	background:transparent url(images/call_us_bg.jpg) -10px top no-repeat;
	text-indent:-999em;
}
#ad-banner {
	width:468px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:50px;
	margin-left:370px;
}
#ad-banner ul {margin:0;padding:0;}
#ad-banner iframe {margin-top:0 !Important;margin-top:-20px;}
#ad-leaderboard {
	width:728px;
	height:90px;
	position:absolute;
	top:50px;
	margin-left:250px;
}
/* @end */

/* @group paper-content-sangsook */
div.paper-content-news .detail p {
	text-indent:.75cm;
}
div.paper-content-sangsook {
	padding-top:140px;
	background:url(sangsook.jpg) left top no-repeat;
}
div.paper-content-sangsook h2.header {display:none;}
/* @end */

/* @group spcial_links */
.bookmarks_links {
	width:30%;
	margin:0;
	padding:7px;
	float:left;
	clear:both;
}
.bookmarks_links ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.bookmarks_links li {
	display:inline;
}
/* @end */
