body, html {
	margin: 0px auto;
	padding: 0px;
	background-color:#1c1c1c;
}

body,td, tr, textarea, select, ol,ul {
	color:#000000;
	font-size:10px;
	font-family:Verdana,Tahoma,'Trebuchet MS',  Arial, GRHelvetica ;
}

li  {
	padding:0px 0px 10px 0px;
	color:#3b3b3b;
}

img {
	border:0px;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px;
	color:#000000;
}

div.clear_all {
	clear:both;
}

form {
	padding:0px;
	margin:0px;

}

div#container {
	margin: 0px auto;
	width:980px;
}

div.top {
	width:980px;
	background-image:url(../../Image/template_john/bg_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:136px;
}

div.top_menu {
	width:980px;
	background-image:url(../../Image/template_john/bg_topmenu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:35px;
}

div.holder{
	width:980px;
	background-image:url(../../Image/template_john/bg_content.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#1c1c1c;
	height:860px;
	min-height:860px;
}


div.home_content{
	width:980px;
	padding:100px 0px 50px 0px;
	text-align:justify;
	float:left;
}

div.calendar {
	width:150px;
	float:left;
	font-size:11px;
	color:#e0d7b1;
	font-family:Tahoma,Verdana,'Trebuchet MS',  Arial, GRHelvetica ;
	padding:0px 54px 0px 26px;
}

div.tlt_calendar {
	width:150px;
}

div.txt_calendar {
	width:150px;
}

div.calendar a{
	color:#e0d7b1;
	font-family:Tahoma,Verdana,'Trebuchet MS',  Arial, GRHelvetica ;
	text-decoration:none;
}

div.newsbank {
	width:212px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 66px 0px 0px;
}

div.newsbank a{
	color:#ffffff;
	text-decoration:none;
}

div.tlt_newsbank {
	width:212px;
}

div.txt_newsbank {
	width:212px;
	padding:24px 0px 0px 0px;
}

.tourismhome {
	
	width:212px;
	float:left;
	font-size:11px;
	color:#ffffff;
}

div.tourismhome a{
	color:#ffffff;
	text-decoration:none;
}

div.tlt_tourismhome {
	width:212px;
}

div.txt_tourismhome {
	width:212px;
	padding:24px 0px 0px 0px;
}


div.webblog {
	width:212px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 54px 0px 0px;
}

div.webblog a{
	color:#ffffff;
	text-decoration:none;
}

div.tlt_webblog {
	width:212px;
}

div.txt_webblog {
	width:212px;
	padding:24px 0px 0px 0px;
}

div.video {
	width:140px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 50px 0px 0px;
}

div.video a{
	color:#ffffff;
	text-decoration:none;
}

div.tlt_video {
	width:140px;
}

div.txt_video {
	width:130px;
	padding:16px 0px 0px 0px;
}

div.footer {
	width:960px;
	height:36px;
	padding:0px 0px 0px 20px;
}

div.favorite {
	width:734px;
	float:left;
	font-family:Tahoma,Verdana,'Trebuchet MS',  Arial, GRHelvetica ;
	text-decoration:none;
	font-size:11px;
	background-image:url(../../Image/template_john/rss.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
	padding:0px 0px 0px 26px;
}

div.favorite a{
	text-decoration:none;
	color:#ffffff;
}

div.extra_gadget {
	width:200px;
	float:left;
}

div.extra_gadget a{
	padding:0px 2px 0px 2px;
}

div.gg {
	width:948px;
	text-align:right;
	padding:0px 32px 0px 0px;
}

div.gg a{
	text-decoration:none;
	color:#CCCCCC;
}


/* inner pages*/


div.page_content{
	width:980px;
	padding:45px 0px 10px 0px;
	float:left;
	text-align:justify;
	color:#f0eee1;
	font-size:11px;
}

div.page_content a {
	text-decoration:none;
	font-size:11px;
	color:#F09A2B;
}

div.breadcrumb {
	width:640px;
	padding:0px 50px 0px 290px;
	font-size:13px;
	color:#ec992a;
}

div.breadcrumb a{
	text-decoration:none;
	color:#ec992a;
}

div.page_toplink{
	width:910px;
	padding:30px 0px 30px 0px;
	text-align:right;
}

.page_toplink_2 {
	width:660px;
	padding:30px 0px 30px 0px;
	text-align:right;

}

a.send {
	text-decoration:none;
	background-image:url(../../Image/template_john/img_send.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 14px 0px 20px;
	color:#ffffff;
	font-size:10px;
}

a.view_link {
	text-decoration:none;
	background-image:url(../../Image/template_john/img_link.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 14px 0px 20px;
	color:#ffffff;
	font-size:10px;
}

a.view_pdf {
	text-decoration:none;
	background-image:url(../../Image/template_john/img_pdf.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	color:#ffffff;
	font-size:10px;
}

div.list {
	width:980px;
	margin:0px 0px 40px 0px;
	float:left;
	clear:both;
}

.listtop {
	width:750px;
	margin:0px 0px 40px 0px;
	float:left;
	clear:both;
}

.listtop .img_area {
	width:120px;
	float:left;
	text-align:right;
	padding:0px 40px 0px 20px;
}

.listtop .txt_area {
	width:490px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 40px 0px 0px;
}


div.img_area {
	width:220px;
	float:left;
	text-align:right;
	padding:0px 40px 0px 20px;
}

div.txt_area {
	width:660px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 40px 0px 0px;
}

.txt_area p {
	color:#FFFFFF;
}

.txt_area li {
	color:#FFFFFF;
}


.txt_area ul {
	padding:0px;
	margin:0px;
} 

.press li {
	list-style:none;
	padding-top:20px;
	padding-bottom:20px;
}

.txt_area ul.press {
	width:460px;
	margin-top:30px;
}

div.txt_area span{
	font-size:11px;
	color:#bcbaba;
}

div.txt_area a{
	font-size:11px;
	color:#eec26e;
	text-decoration:none;
}

div.more_area {
	width:660px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 40px 0px 0px;
	text-align:right;
}

.listtop .more_area {
	width:490px;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0px 40px 0px 0px;
	text-align:right;
}


div.page_calendar {
	width:934px;
	height:26px;
	padding:4px 0px 0px 26px;
	background-image:url(../../Image/template_john/img_calendar.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.page_calendar a{
	text-decoration:none;
	font-size:10px;
	color:#ec992a;
}

div.page_video{
	width:980px;
}

div.page_video h1 {
	width:980px;
	color:#ffffff;
	font-size:14px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-align:center;
}

.media h1{
	width:980px;
	color:#ffffff;
	font-size:14px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-align:center;
}

div.media{
	width:980px;
	text-align:center;
	padding:14px 0px 0px 0px;
}

div.list_video{
	width:870px;
	padding:30px 0px 0px 110px;
}

div.video_item {
	width:116px;
	float:left;	
	padding:0px 18px 20px 0px;
	text-align:left;
	min-height:205px;
	font-size:10px;
}

.txt_area h2 {
	font-size:12px;
	color:#EC992A;
}

.thumbnail {
		width:150px;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
}

div.txt_area a.download_song {
	color:#FFF;
	text-align:center;
}


.txt_area td {
	color:white;
}

div.txt_area span.thumbCaption {
	color:#EEC26E;
}

.title_video {
	float:left;
	padding-top:3px;
	clear:left;
}

.thumb_video {
	float:left;
}

.header_newsbank {
	float:left;
	padding-left:150px;
	font-size:13px;
	font-weight:bold;
	color:#EC992A;
}

.toppress {
	float:left;
	width:650px;
	padding-left:109px;
}

fieldset {
	border-top:1px solid #9C6800;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding-left:20px;
	
}

fieldset .listtop {
	padding-top:10px;
}