html{font-family:Arial, Helvetica, sans-serif; height:100%;}

body{
	background:url(../images/bg.jpg) repeat;
	margin:0;
	padding:0;
	height:100%;
	font-size:12px;
}

ul, li, ol { list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

div a.button_page{
	background:#6FF;
	padding:3px;
	border:solid 1px #3CF;
	color:#333;
	float:right;
}
div a.button_page:hover{
	background:#3CF;
	border:1px solid #39F;
	color:#000;
}
.right5{
	margin-right:11px;
}

div.clear{ font-size:0px; line-height:0px; display:block; height:0; text-indent:-9999px; clear:both!important;}

div.wrap{margin:0 auto; width:1000px; position:relative;}
div.line{border-bottom:1px dashed #ccc; display:block; height:1px; line-height:1px; margin:5px 0;}

span.organe{
	color:#ed8201;
}
span.black{
	color#000;
}
.yornha{
	text-indent:20px;
}

h2.title{
	font-weight:normal;
	font-size:22px;
}


div#header{
	margin-top:15px;
}
div#topsite{
	background:#000;
	height:5px;
	min-height:5px;
	display:block;
}

div#logo h1 a{
	width:261px;
	height:147px;
	background:url(../images/logo.png) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
	display:inline;
}
div#slogan{
	background:url(../images/slogan.png) 0 0 no-repeat;
	width:454px;
	height:95px;
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	display:block;

}

div#nav{
	float:left;
	display:inline;
	width:700px;
	background:#ccc;
	position:relative;
}
	ul#navigator{
		position:absolute;
		right:0px;
		top:90px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	ul#navigator li{
		float:left;
		display:inline;
		margin-left:15px;
	}
	ul#navigator li a{
		padding-bottom:3px;
		border-bottom:3px solid #ccc;
		font-size:18px;
		color:#ccc;
	}
	ul#navigator li a:hover,
	ul#navigator li a.current{
		padding-bottom:3px;
		border-bottom:3px solid #FF8000;
		font-size:18px;
		color:#000;
	}
	
div#container{
	margin:20px 0;
	min-height:100%;
	height:auto !important;
	height:100%;
}
div#sidebar{
	width:265px;
	float:left;
	display:inline;	
}
span.downloadmap{
	color:#333;
	text-decoration:underline;
}
span.downloadmap:hover{
	color:#000;
}
div#sidebar p{
	font-size:14px;
	line-height:18px;
}
div#sidebar p.big{
	font-size:16px;
	line-height:19px;
}
div#body{
	margin-left:35px;
	float:left;
	display:inline;
	width:700px; 	
}


/* Event Homepage */
ul#organizer2{}
ul#organizer2 li{
	background:url(../images/bg_event.png) 0 0 no-repeat;
	width:319px;
	height:213px;
	float:left;
	display:inline;
	padding:8px 0 5px 12px;
}
ul#organizer{}
ul#organizer li{
	background:url(../images/bg_event.png) 0 0 no-repeat;
	width:319px;
	height:213px;
	float:left;
	display:inline;
	margin:5px;
	padding:8px 0 5px 12px;
}

/* New Note */
div#new_note{
	margin:20px 0;
}
div#new_note h3,
div#new_note h3 a{
	font-weight:bold;
	font-size:16px;
	color:#000;
	margin:5px 0;
}
div#new_note h3 a:hover{
	text-decoration:underline;
}
div#new_note div.desc_new_note{
	float:left;
	display:inline;
	width:420px;
}
div#new_note p,
div#new_note p a{
	line-height:18px;
	font-size:14px;
	color:#000;
}
div#new_note div.img_new_note{
	background:url(../images/bg_new_note.png) 0 0 no-repeat;
	width:243px;
	height:172px;
	float:left;
	display:inline;
	padding:10px 5px 0 5px;	
}
div.news_note_list{}
	div.news_note_img{
		background:url(../images/bg_new_note.png) 0 0 no-repeat;
		width:243px;
		height:172px;
		float:left;
		display:inline;
		padding:10px 5px 0 5px;	
	}
	div.news_note_desc{
		float:left;
		display:inline;
		width:400px;
		margin-left:15px;
		margin-top:10px;
	}


/** Movement Organizer **/
div#movement{}
ul#movement_list{}
ul#movement_list li{
	float:left;
	display:inline;
	background:url(../images/bg_movement.png) 0 0 no-repeat;
	width:206px;
	height:138px;
	padding:7px 5px 5px 9px;
}
ul#movement_list li p,
ul#movement_list li p a{
	margin-top:10px;
	color:#333;
}
ul#movement_list li p a:hover{
	text-decoration:underline;
	color:#000;
}

div.movement_page_desc{	
	float:left;
	display:inline;
	width:480px;
}
div.movement_page_img{
	float:left;
	display:inline;
	background:url(../images/bg_movement.png) 0 0 no-repeat;
	width:206px;
	height:138px;
	padding:7px 5px 5px 9px;
}
div.row_movement{
	border-bottom:1px solid #0FF;
	padding-bottom:5px; 
	margin-bottom:20px;
}
div.row_movement h3 a{
	font-size:16px;
	font-weight:bold;
	color:#000;
}
div.row_movement h3 a:hover{
	text-decoration:underline;
}
div.row_movement p.desc_movement a{
	font-size:13px;
	line-height:18px;
	color:#333;
}
div.row_movement p.desc_movement a:hover{
	color:#000;
}

/** Model **/
div#model{
	background:url(../images/bg_model.png) 0 0 no-repeat;
	width:670px;
	height:187px;
	padding:15px;
}
ul#model_list{
	margin-left:8px;
	margin-top:5px;
}

ul#model_list li{
	background:url(../images/bg_model_list.png) 0 0 no-repeat;
	width:206px;
	height:136px;
	padding:7px;
	float:left;
	display:inline;
}

/** Knowledge **/
div#knowledge{
	margin-top:30px;
}
ul#knowledge_list{}
ul#knowledge_list li{
	background:url(../images/arrow.png) 0 3px no-repeat;
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:1px dashed #0DD;
	font-size:15px;
	margin:5px 0 5px 5px;
}
ul#knowledge_list li a{
	color:#333;
}
ul#knowledge_list li a:hover{
	color:#000;
}

div#footer{
	margin-bottom:20px;
	clear:both;
	height:90px;

}
	div.line_footer{
		background:url(../images/line.png) 0 0 no-repeat;
		width:1000px;
		height:48px;
		display:block;
	}
	ul.menu_footer{

	}
	ul.menu_footer li a{
		float:left;
		display:inline;
		margin:5px 10px;
		color:#999;
	}
	ul.menu_footer li a:hover{
		color:#000;
	}
	ul#social{
		margin-left:10px;
		margin-top:5px;
	}
	ul#social li.facebook a{
		background:url(../images/facebook.png) 0 0 no-repeat;
		width:80px;
		height:16px;
		margin-right:15px;
		text-indent:-9999px;
		float:left;
		display:inline;
	}
	ul#social li.twitter a{
		background:url(../images/twitter.png) 0 0 no-repeat;
		width:80px;
		height:16px;
		text-indent:-9999px;
		float:left;
		display:inline;
	}
	div.cpry{
		font-size:11px;
		color:#999;
		margin-left:10px;
		position:absolute;
		top:50px;
		right:0;
	}
	
div#bottom_site{
	background:#000;
	display:block;
	height:5px;
	min-height:5px;
	clear:both;
}


/** Event detail **/
div#gallery{position:relative; display:block;}
.gallery_container {
	height: 360px;
	width: 1000px;
	border-bottom:1px solid col#CCC;
	

}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 72px;
}
ul.thumb li img {
	width: 100px; height: 62px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #000;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
}
#main_view img{border:1px solid #000;}

div.content_view{margin-top:10px;}
h2.orgnanize_title{
	font-size:17px;
	font-weight:800;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:10px;
}
div.content_view p{
	margin:5px 0;
	font-size:14px;
}
div.content_view p.detail_content{
	line-height:19px;
	font-size:15px;
	text-indent:20px;
	color:#000;
}
	
/** Contact **/
div#contact{
	padding:10px;
}
p.txt{
	font-size:16px;
	margin:10px 0 5px 0;	
	color#666;
}
input.txtbox{
	background:url(../images/bg_textbox.png) 0 0 no-repeat;
	width:330px;
	height:43px;
	line-height:43px;
	display:block;
	border:0px;
	font-size:15px;
	padding:0 10px;
}
textarea.txtarea{
	background:url(../images/bg_area.png) 0 0 no-repeat;
	width:323px;
	height:153px;
	overflow:auto;
	display:block;
	border:0px;
	font-size:15px;
	padding:15px;
}
p.slogan{
	font-size:17px;
	margin:5px;
	font-style:italic;
}
p.slogantop{
	font-size:18px;
	font-style:italic;
	margin:0 0 10px 0;
}
.button1{
	background:url(../images/submit.png) 0 0 no-repeat;
	width:90px;
	height:30px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.button2{
	background:url(../images/reset.png) 0 0 no-repeat;
	width:90px;
	height:30px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

/** who am i **/
img.align-right{
	float:right;
	margin: 0 0 15px 15px;
}
p.txt_who{
	line-height:25px;
	font-size:15px;
	text-indent:20px;
	text-align:justify
}
h3.txt_who_title{
	font-size:17px;
	font-weight:bold;
	margin:10px 0;
}
.height40{
	height:40px;
	min-height:40px;
	display:block;
}
.height30{
	height:20px;
	min-height:20px;
	display:block;
}
.height10{
	height:10px;
	min-height:10px;
	display:block;
}

/*** Web Design  ***/
div#artwork{
	margin:0 auto;
}
div#website h2,
div#artwork h2{
	font-size:18px;
	font-weight:bold;	
}
div#website img,
div#artwork img{
	border:5px solid #333;
	margin:10px 0;
}


.pagination{ margin:0 auto; padding:10px; font-size:12px; text-align:right; float:right; }
.pagination a{ color:#000; }
.pagination p{ text-align:left; margin:0; }
.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active{ text-decoration:none; background:#fff; border:1px solid #ddd; margin-right:1px; padding:2px 5px; }
.pagination p a:hover{ background-color:#55c5e9; color:#fff; }
.pagination p span{ text-decoration:none; color:#000; margin-right:1px; padding:2px 5px; }
.pagination .current{ font-weight:bold; background:#f2f2f2; border:1px solid #ccc; }

.tabs {
	list-style: none;
	margin: 0px;
}
.tabs li {
	padding-right: 15px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.tabs li a {
	text-decoration: none;
	color: #666666;
	display: block;
	outline: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-right: 15px;
	font-size: 13px;
	text-transform: uppercase;
}
.tabs li a.last {
	border-right-style: none;
}
.tabs li.active a  {
	color: #349ba8;
}
.tab_container {
	float: left; 
	width: 100%;
}
.tab_content {
	float: left;
	padding-top: 27px;
}