body { font-family: "Tahoma" ; font-size: 12px;} 
table { font-family: "Tahoma"; font-size: 12px; }

a:link { color: #666666; text-decoration: none }
a:visited { color: #666666; text-decoration: none }
a:active { color: #d1cbcb; text-decoration: none }
a:hover { color: #d1cbcb; text-decoration: none }

.menu_line{border-top:solid 2px #2860E1;}
.dot_color {color:#CCCCCC;}

/*border*/
.line_border{border-bottom:solid 1px #CCCCCC;}
.box_all_border{border:solid 1px #CCCCCC; padding:10px;}
.home_all_border{border:solid 2px #E5E5E5; padding:0px;}

.line_border_board{border-bottom:solid 2px #FF9933;}
.line_border_ans_board{border-bottom:solid 2px #CCCCCC;}
.table_reply_comment{border: dashed 1px #ccc; background-color:#F5F5FD;}

#table_reply_comment{border: dashed 1px #ccc; background-color:#F5F5FD;}

/*font*/
.footer_font {color:#777777;  font-size: 11px;}
.footer_font_link {color:#999999;  font-size: 11px;}

.head_work_font {color:#2860E1;  font-size: 24px;}
.view_all_font {color:#2860E1;  font-size: 11px;}

.message_font {color:#5C5C5C;  font-size: 11px;}
.foot_top_font{color:#838383;  font-size: 13px;}
.foot_top2_font{color:#2860E1;  font-size: 18px;}
.menu_bar_font{color:#FFFFFF;  font-size: 18px;}

.news_head_font{color:#666666;  font-size: 14px;}
.news_date_font {color:#2860E1;  font-size: 12px;}
.news_subject_font{color:#666666;  font-size: 12px;}

.journal_head_font {color:#2860E1;  font-size: 16px;}

/*background*/
.bg_web{ height:373px; background:color #FFFFFF repeat-x; }

/*bar*/
.menu_bar{width:194px; height:47px; background:#2860E1; color:#FFFFFF;  font-size: 16px;}

/*˹�ҷ����ҡԹ*/
.bar_right{ height:43px; background:#dce8fb; }
.bar_head{ height:23px; background:url(images/bar_bord.png) repeat-x; background:#DFDFDF;}
.search_work{ width:191px; height:137px; background:url(images/search_work.png) repeat-x; }


/*border image*/
.gallery_img {background: #fff; border: solid 1px #ccc;padding: 0px; }
.news_img {background: #fff; border: solid 1px #FC812F;padding: 0px; }


/*buttom*/
.input_bt_search{ width:58px; height:19px; background: url("images/search_bottom.gif") no-repeat; text-align:center; border: 0px ; cursor:pointer; }
.input_bt_webboard{ width:110px; height:24px; background: url("images/webboard_inside.gif") no-repeat; text-align:center; border: 0px ; cursor:pointer; font-size: 12px; font-family:"Tahoma"; color: #FE8E43; border: 0px ; cursor:pointer; }
.input_bt_search_02{ width:65px; height:24px; background: url("images/search_button.gif") no-repeat; text-align:center; border: 0px ; cursor:pointer; font-size: 12px; font-family:"Tahoma"; color: #FE8E43; border: 0px ; cursor:pointer; }

/*input*/
.input_left { text-align:left; font-size: 13px; font-family:"Tahoma"; color: #333333; height:17px; border: 1px solid #ddd; background: #fff; }
.input_textarea { text-align:left; font-size: 13px; font-family:"Tahoma"; color: #333333; border: 1px solid #ddd; background: #fff; }

/*foot detail*/
.foot_head_left{width:5px; height:4px; background:url(images/work_detail/livelihood_food_details_08.jpg) no-repeat;}
.foot_head_right{ width:36px; height:15px; background:url(images/work_detail/livelihood_food_details_05.jpg) no-repeat; }
.foot_button_left{width:5px; height:6px; background:url(images/work_detail/livelihood_food_details_11.png) no-repeat;}
.foot_button_right{ width:5px; height:6px; background:url(images/work_detail/livelihood_food_details_13.jpg) no-repeat; background: #fff; }

/*news_title*/
.news_bg{width:454px; height:92px; background:url(images/news.png) no-repeat;}

/*jounral_title*/
.journal_bg{width:476px; height:96px; background:url(images/journal/journal.png) no-repeat;}
.journal_search{height:31px; background-color:#FA6023;}

.journal_head_left{width:13px; height:40px; background:url(images/journal/journal_12.png) no-repeat;}
.journal_head_center{height:40px; background:url(images/journal/journal_13.png) repeat-x;}
.journal_head_right{ width:11px; height:40px; background:url(images/journal/journal_15.png) no-repeat; }

/*Link page*/
.link_bg{width:980px; height:351px; background:url(images/links_bg.png) no-repeat center bottom; }
.login_bg{width:759px; height:302px; background:url(images/webboard_login.jpg) no-repeat center bottom; }
.about_bg{
	width: 500px;
	height: 600px;
	background: url(images/contact_bg.jpg) no-repeat right bottom;
}
.about02_bg{width:488px; height:323px; background:url(images/contact02_bg.jpg) no-repeat right bottom; }
.staff_bg{width:980px; height:426px; background:url(images/login-staff_09.jpg) no-repeat center bottom; }
.staff_border_bg{width:451px; height:163px; background:url(images/login-staff_05.gif) no-repeat ; }
.staff_border_bg_png{width:451px; height:163px; background:url(images/login-staff_05.png) no-repeat ; }
/*button*/
.input_search { width:58px; height:19px; background: url("images/journal/search.gif") no-repeat;  no-repeat;  font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer;}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	position: relative;
	width: 165px;
	height: 100px;
}
.gallery_img {

	border: solid 1px #ccc;
	padding: 0px;
}
.gallery a {
	text-decoration: none;
}

/*  Moo Prompt  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.cbHeader { height:26px; }
.cbOverlay { background-color: #111111; }
.cbContainer { padding:0px; text-align:center; vertical-align:top; z-index:1;}
.cbContainer { padding:0px; text-align:-moz-center; vertical-align:top; z-index:1;}

/* ---------- CMS PLUS ++ styles start here ----------------------- */
.photo_cms_plus {
	list-style: none;
	margin:0;
	padding: 0;
}
.photo_cms_plus li {
	margin: 5px;
	padding-bottom: 5px;
	float: left;
	width: 50px;
	height: 38px;
}
.photo_cms_plus img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 0px;
}

.photo_cms_plus a {
	text-decoration: none;
}

.img_video {
	background: #fff;
	border: solid 1px #ccc;
	padding: 2px;
}

/* style ��˹�� page*/
.page_number_ahref {
	background: #E5E5E5;
	border: solid 1px #E5E5E5;
	font-weight:normal;
	padding: 2px 5px 2px;
	position: relative;
}

.page_number_ahref_active {
	background: #1e50c8;
	border: solid 1px #1e50c8;
	color: #FFFFFF;
	padding: 2px 5px 2px;
	position: relative;
}
/**/

/* style ��˹�� mini page*/
.page_mini_ahref {
	background: #E5E5E5;
	border: solid 1px #E5E5E5;
	font-weight:normal;
	padding: 2px 5px 2px;
	position: relative;
}

.page_mini_ahref_active {
	background: #2860E1;
	border: solid 1px #1e50c8;
	color: #FFFFFF;
	padding: 2px 5px 2px;
	position: relative;
}
/**/

/* ---------- gallery styles start here ----------------------- */
.journal_gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.journal_gallery li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	position: relative;
	width: 470px;
	height: 260px;
}
.journal_gallery a {
	text-decoration: none;
}

/* ---------- link gallery styles start here ----------------------- */
.link_gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.link_gallery li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 0px;
	float: left;
	position: relative;
	width: 230px;
	height: 15px;
}
.link_gallery a {
	text-decoration: none;
}

/* ---------- link banner styles start here ----------------------- */
.link_banner {
	list-style: none;
	margin: 0;
	padding: 0;
}
.link_banner li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	float: left;
	position: relative;
	width: 245px;
	height: 50px;
}
.link_banner a {
	text-decoration: none;
}

/*togle css*/
#accordion {
	margin:0px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 0px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Tahoma';
	font-size: 12px;
	background: #CCCC;
	color: #528CE0;
	margin: 0 0 0px 0;
	padding: 14px 2px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

/* ---------- ����� styles start here ----------------------- */
.gallery_place {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_place li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	position: relative;
	width: 165px;
	height: 100px;
}
.gallery_place a {
	text-decoration: none;
}

/* ---------- ����� styles start here ----------------------- */
.gallery_kat {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_kat li {
	margin: 5px;
	padding: 0px;
	padding-bottom: 5px;
	float: left;
	position: relative;
	width: 130px;
	height: 18px;
}
.gallery_kat a {
	text-decoration: none;
}

/* ---------- ����� styles start here ----------------------- */
.gallery_home{
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_home li {
	margin: 5px;
	padding: 0px;
	padding-bottom: 5px;
	float: left;
	position: relative;
	width: 280px;
	height: 50px;
}
.gallery_home a {
	text-decoration: none;
}

.typebox {
	font-family: Tahoma, Arial, "MS Sans Serif";
	font-size: 12px;
	width: 300px;
	color: #555555;
}

.typebox-multiline {
	font-family: Tahoma, Arial, "MS Sans Serif";
	font-size: 12px;
	width: 300px;
	color: #555555;
}