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

html {background:url(images/batikbg.jpg) repeat fixed}
body {background:url(images/bgshadow.png) repeat-y center top}

/*#wrapper {width:1024px; margin:0 auto; font: normal 12px Arial, Helvetica, sans-serif}
*/
#wrapper {width:960px; margin:0 auto; font: normal 12px Arial, Helvetica, sans-serif}
/*
#top {background:url(../images/bgdark.jpg) 0 0 repeat; padding:10px 40px;}
*/

#top {background:#42210b; padding:10px 40px;}
#langselect {text-align:right;color:#eee; font-weight:normal}
#langselect .sparator {color:#eee;}
#langselect a {color:#cc6600; text-decoration:none; font-weight:bold}
#langselect a:hover, #langselect a.active {color:#ff9933}

#parentmenu {margin-top:20px; text-align:center}
#parentmenu li.first {border-left:none}
#parentmenu li {display:inline; border-left:solid 1px #623100}
#parentmenu li a {color:#eee; padding:0 10px; font-size:13px; text-decoration:none}
#parentmenu li a:hover {color:#e1841f}

#header {text-align:center;padding:10px 0 20px; background:url(images/bg.jpg) -5px 2px repeat}
#header h1, #header h1 a {font:bold 30px Georgia, "Times New Roman", Times, serif; text-align:center; color:#e5b900; text-transform:uppercase; padding: 5px 0 20px; text-shadow:2px 2px 2px #111; text-decoration:none}
#header h1:first-letter {font-size:38px}
#header img.logo {text-align:center}

.mainmenu {text-align:center}
.mainmenu li {display:inline; width:188px; margin:0 2px 5px; float:left}
.mainmenu li a img {width:188px}
.mainmenu li strong {display:block; height:20px; background:#063500; padding:3px}
.mainmenu li strong a {font:bold 15px Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 1px #999; text-decoration:none; color:#fff;}
.mainmenu li strong a:hover, .mainmenu li strong a.active  {color:#ffd638; text-shadow:1px 1px 1px #aaa;}


.mainmenu2 {text-align:center}
.mainmenu2 li {display:inline; width:164px; margin:0 2px 9px; float:left}
.mainmenu2 li a img {width:165px}
.mainmenu2 li strong {display:block; height:20px; background:#063500; padding:3px}
.mainmenu2 li strong a {font:bold 15px Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 1px #999; text-decoration:none; color:#fff;}
.mainmenu2 li strong a:hover, .mainmenu li strong a.active  {color:#ffd638; text-shadow:1px 1px 1px #aaa;}


/* content devider - main */
.content {background:url(../images/bgcontent.gif) top center repeat-y;padding-bottom:10px}
.contentsub, .ctdl {background:url(../images/bgcontentsub.gif) -32px 0px repeat-y;padding-bottom:10px}
.content .contentnarrow {width:510px; padding:0 20px; float:left; display:inline; margin-left:205px}
.sidebar1 {width:205px; float:left; display:inline}
.content .sidebar1 {margin-left:-755px}
.sidebar2 {width:205px; float:right; display:inline;}

/* content devider - sub ? */
.contentsub .contentnarrow, .ctdl .contentnarrow {width:690px; padding:0 35px 0 30px; float:right; display:inline}
.contentsub .sidebar1,.ctdl .sidebar1 {margin-left:0}


#today {color:#333; margin-top:10px}
.breadcrumb {padding:9px 0; font:normal 13px Arial, Helvetica, sans-serif; margin-bottom:15px}
.breadcrumb a {color:#333; text-decoration:none;}

.smalltn {padding:10px 0}
.smalltn li {padding:10px 0; clear:both}
.smalltn h2, .smalltn h2 a {font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; color:#aa1218}
.smalltn h2 a:hover {text-decoration:underline}
.smalltn a img {float:left; margin:3px 5px 5px 0; border:solid 1px #bbb; padding:1px}
.smalltn a:hover img {border:solid 1px #930; padding:1px}
.smalltn p {}
.smalltn li a.more {text-align:right; text-decoration:none; float:right; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#aa1218}
.smalltn li a.more:hover {text-decoration:underline}

hr.hspacer {border:none; border-top:dashed 1px #999; margin:0 10px 30px}
.contentnarrow h3 {font:bold 15px Georgia, "Times New Roman", Times, serif; color:#333}

#frmloginsmall {background:#42210b; padding:10px 15px 10px 10px;text-align:right}

#frmloginsmall input {margin-bottom:10px}
#frmloginsmall a {text-decoration:none; color:#ddd}
#frmloginsmall a:hover {color:#e1841f}
#frmloginsmall h3 {color:#ddd; text-align:left; font:normal 16px Georgia, "Times New Roman", Times, serif; padding:0 0 15px}
#frmloginsmall .member_input_login {width:170px}

#frmsearchsmall {background:#42210b; padding:10px 15px 5px 10px;text-align:right}
#frmsearchsmall input {margin-bottom:10px}
#frmsearchsmall h3 {color:#ddd; text-align:left; font:normal 16px Georgia, "Times New Roman", Times, serif; padding:0 0 15px}
#frmsearchsmall .searchtext {width:170px}

/* quick link */
.quicklink {padding:10px 30px 10px 10px}
.quicklink h2 {margin-top:10px}
.quicklink h2, .quicklink h2 a {color:#663333; text-decoration:none}
.quicklink h2 a:hover {color:#000000} 
.quicklink p {color:#333}
.quicklink li a.more {color:#000}
.quicklink h3, .qmap h3, .qstats h3 {color:maroon; text-align:left; font:normal 16px Georgia, "Times New Roman", Times, serif; padding:0 0 15px; margin-top:5px}

.qmap {padding:10px}
.qmap img {width:200px}

.qstats {padding:10px}
.qstats li {color:#333; border-bottom: dashed 1px #CCC8AC; padding:3px 0; display:block;}
.qstats li b {float:right}

#kingdommenu {padding:10px 2px}
#kingdommenu li {border-top:solid 1px #eee;}
#kingdommenu li, #kingdommenu li a  {color:#0a3200; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif;}
#kingdommenu li a {display:block; padding:7px 8px }
#kingdommenu li a:hover,#kingdommenu li a.active  {background-color:#703637; color:#fff}

	#kingdommenu li { position:relative; min-height: 1px; vertical-align: bottom; }
	#kingdommenu li ul {position: absolute; left: 201px; top:0; display: none; border:solid 1px #B3917B}
	*:first-child+html #kingdommenu li ul {top: 40px;}
	* html #kingdommenu li ul {top: 40px; border:solid 1px #B3917B}
	
	#kingdommenu li:hover ul, #kingdommenu li.over ul {display: block;z-index:900}	
	#kingdommenu li ul li  { float:none;margin:0;border-top:solid 1px #fff }
	#kingdommenu li ul li a {background:#dcd0b2; width:200px; font-weight:normal; padding:6px 15px; text-transform:none}
	#kingdommenu li ul li a:hover {background:maroon; color:#fff;}


/*
#kingdommenu li ul {padding:5px 0 15px 5px; position:relative; left:200px}
#kingdommenu li ul li {border:none; padding:0}
#kingdommenu li ul li a {color:#333; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; padding:3px 0}
#kingdommenu li ul li a:hover {background:none; text-decoration:underline}
*/

#footer {text-align:center; background:#42210b; padding:10px 0 20px; color:#eee}
#footermenu {margin:0 0 30px;}
#footermenu li.first {border-left:none}
#footermenu li {display:inline; border-left:solid 1px #937457}
#footermenu li a {color:#eee; padding:0 10px; text-decoration:none}
#footermenu li a:hover {color:#e1841f}

.banner {margin:10px 0; text-align:center}

/* detail */
.ctdl .contentnarrow h1, .ctdl .contentnarrow h2, .ctdl .contentnarrow h3 {font:bold 19px Georgia, "Times New Roman", Times, serif;}
.ctdl .contentnarrow h1 {margin:10px 0; padding-top:5px}
.ctdl .contentnarrow h2 {font-size:16px; margin:5px 0; padding-top:5px}
.ctdl .contentnarrow h3 {font:bold 12px verdana; margin:15px 0 0 0; padding-top:5px}
.ctdl .contentnarrow p {padding:10px 0; font:normal 12px/150% Verdana, Arial, Helvetica, sans-serif; text-align:justify}
.ctdl .contentnarrow img.imgmain {width:450px; display:block; margin:5px auto}
.ctdl .contentnarrow .imgdesc {font:italic 10px/100% Verdana, Arial, Helvetica, sans-serif; padding:5px 0; margin-bottom:20px; text-align:center}
.ctdl .contentnarrow .thedate {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666; padding-bottom:10px}
.ctdl .contentnarrow a {color:#5C3216; text-decoration:none; }



.ctdl .contentnarrow ol {list-style-type:decimal}
.ctdl .contentnarrow ol li{margin-left: 20px; margin-bottom:5px}

.ctdl .contentnarrow ul {list-style-type:square}
.ctdl .contentnarrow ul li{margin-left: 20px; margin-bottom:5px}

#clist {}
#clist li {clear:both; margin-bottom:10px; list-style:none; margin-left:0;}
#clist li h3 {margin:0 0 5px}
#clist li h3, #clist li h3 a {color:#993300; text-decoration:none; font:normal 14px Georgia, "Times New Roman", Times, serif}
#clist li h3 a:hover {color:#CC6600; text-decoration:none}
#clist li p {margin:0; padding:0 0 10px}
#clist li p img {float:left; width:140px; height:100px; margin:3px 10px 5px 0}
#clist li p a {color:#993300; text-decoration:none}

ul.categoryTree {padding:10px 0; margin-left:20px}
ul.categoryTree li {list-style: decimal !important; padding:0 10px 5px; margin-left:0 !important }
ul.categoryTree li a {color:maroon}

ul.thumbTree {padding:10px 0;}
ul.thumbTree li {list-style: decimal !important; padding:0 5px 10px; margin-left:20px !important}
ul.thumbTree li a {color:maroon}
ul.thumbTree li p {padding:0px 0 10px !important}

.paging {padding:10px 5px; text-align:right}
.paging a {padding:2px 4px; color:#900; text-decoration:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif}
.paging a:hover,.paging a.active  {background-color:#fc9}

.readmore {font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.readmore:hover {text-decoration:underline}

.backbefore {text-decoration:none; color:maroon; font:normal 11px Verdana, Arial, Helvetica, sans-serif}
.backbefore:hover {text-decoration:underline}

.noa_link_index {float:right; padding-bottom:10px;}
.noa_link_index a{ text-decoration:none; font-weight:bold; color:maroon;}

#mediaspace {width:100%; text-align:center; margin:30px 0 0 0}
/*internal_links*/
#internal_links_box {padding:10px}
#internal_links_box  ul {margin-left:15px; position:absolute; }
#internal_links_box  ul li {margin:4px 0; list-style-type:disc}
#internal_links_box  ul li  a{text-decoration:none; color:#990000}