@import "reset.css";
body, input, select, textarea { font-family: Arial, Helvetica, sans-serif }
img	{ border: 0 }
input, select, textarea { font-size: 12px }
input.checkbox { border: 0 }
form { margin: 0 }
p { line-height: 1.5em ; margin: 1em 0; text-align: justify }
strong { font-weight: bold }
em { text-decoration: underline }
acronym { cursor: help }
div.clear { clear:both; height:0 ; line-height: 0 }
.top { vertical-align: top }
.center { text-align: center }
.right { text-align: right }
.warning { color: #FF0000 ; font-weight: bold }
.compulsory { color: #CC0000 }
.nodata { color: #999999 }
.warning_box {
	margin: 1em auto; 
	padding: 1em; 
	text-align:center; 
	border: 1px solid #CC3300; 
	background-color: #FFD7D7;
	color: #FF0000; 
	font-weight: bold ;
	width: 80% ;
}

a:link, a:visited { color: #938d8c ; text-decoration: underline }
a:active, a:hover { color: #5b327e ; text-decoration: underline }

h3 { font-size: 18px; color: #006699; font-weight: bold; margin-bottom: 2em }
h4 { font-size: 15px; color: #006699; font-weight: bold }
h5 { font-size: 13px; color: #43666d; margin-top: 1em }
h6 { color: #43666d; margin: 0.5em 0; line-height: 1.5em }
.indent { text-indent: 2em }
.pink { color: #ed6079 }

body { 
	font-size: 14px;
	margin: 0;
	color: #333;
	background: #20444b;
}

#wrapper { 
	margin: auto;
	width: 980px;
}

#header {
	height: 230px;
	padding-top: 10px;
	background: url(images/header.gif) no-repeat;
	position: relative;
}

.slideshow { float: left }

#footer {
	padding: 10px 20px;
	margin: auto;
	width: 940px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background: #597e86;
	border-top: 2px solid #305a63;
}

#footer a:link, #footer a:visited { color: #fff ; text-decoration: none }
#footer a:active, #footer a:hover { color: #fff ; text-decoration: underline }

#logo { 
	position: absolute;
	left: 10px;
	top: 158px;
	width: 70px;
	height: 68px;
}

#content {
	background: #FFF;
	padding: 0 0 20px 0;
}

#index_full { padding-right: 30px }

#breadcrumb { margin-bottom: 12px }

/* =search */
#search_box {
	text-align: right;
	margin: 20px 0;
}

/* =index */
#sidebar_left {
	float: left;
	padding-left: 15px;
	width: 180px;
}

#sidebar_right {
	float: right;
	padding-right: 15px;
	width: 180px;
}

#main_home {
	float: left;
	padding: 0 30px 0 30px;
	width: 520px;
}

#index_right {
	float: right ;
	margin-right: 20px ;
}

/* =top_nav */
.top_nav {
	height: 40px;
	margin-bottom: 15px;
}

.outer {
	float: left;
	height: 40px;
	margin: 0;
	background-position: 0 -40px ;
	background-repeat: no-repeat ;
	position:relative;
}

div.about, div.about .menu_a { width:126px ; background-image: url(images/top_nav.gif) }

div.professional, div.professional .menu_a { width:236px ; background-image: url(images/top_nav.gif) }
div.professional { background-position: -126px -40px }
div.professional .menu_a { background-position: -126px 0 }

div.membership, div.membership .menu_a { width:163px ; background-image: url(images/top_nav.gif) }
div.membership { background-position: -362px -40px }
div.membership .menu_a { background-position: -362px 0 }

div.member, div.member .menu_a { width:178px ; background-image: url(images/top_nav.gif) }
div.member { background-position: -525px -40px }
div.member .menu_a { background-position: -525px 0 }

div.resource, div.resource .menu_a { width:277px ; background-image: url(images/top_nav.gif) }
div.resource { background-position: -703px -40px }
div.resource .menu_a { background-position: -703px 0 }

div.outer .menu_a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background-repeat: no-repeat ;
}

div.outer a:hover { background-image: none; }

/* =news */
.news_wrapper {
	margin: 20px 0;
}

.news_title {
	color: #43666d;
	font-size: 14px;
}

.news_date {
	font-size: 12px;
	color: #999;
}

/* =box */
.side_box {
	border: 1px solid #AAA;
}

.box_title {
	background:  url(images/box_top.jpg) no-repeat;
	padding: 5px;
	color: #FFF
}

.box_content {
	padding: 10px;
}

/* =form */
.form td { padding: 4px }

/* =pager */
.pager_1 { width: 95% ; margin: 20px auto ; text-align: center ; padding: 10px 0 }
.pager_1 span, .pager_1 a { margin: 4px ; font-size: 14px ; padding: 5px 8px ; border: 1px solid #bcd5e6 ; line-height: 34px }
.pager_1 a:hover, .pager_1 a:active { border: 1px solid #95d2f9 ; background-color: #eaf5ff }
.pager_1 .cur_page { border: 2px solid #1d6481 }

.pager_4 { 
	position: relative ; 
	width: 95% ; 
	height: 40px ; 
	margin: 1em auto 0 ;
	border: 1px solid #f9b6ff ; 
	background-color: #fdebff ;
}
.pager_4 .now_show { position: absolute ; left: 10px ; top: 10px }
.pager_4 .pager_wrapper { position: absolute ; right: 10px ; top: 10px }

.pager_4 .arrow { 
	display: block ; 
	float: left ; 
	width: 20px ; 
	height: 20px ;
	background-position: center center ;
	background-repeat: no-repeat ;
}
.pager_4 .page_select { float: left }
.pager_4 .page_jump { float: left ; background: left center url(images/go.gif) no-repeat ; padding-left: 16px }
.pager_4 .page_selected { font-weight: bold ; color: #F1FAFF  ; background-color: #ff0090 }
.pager_4 .now_show { float: left ; line-height: 20px }
.pager_4 .arrow span { display:none }

.pager_4 .first { background-image: url(images/first.gif) }
.pager_4 .previous { background-image: url(images/previous.gif) }
.pager_4 .next { background-image: url(images/next.gif) }
.pager_4 .last { background-image: url(images/last.gif) }

.pager_4 .first_off { background-image: url(images/first_off.gif) }
.pager_4 .previous_off { background-image: url(images/previous_off.gif) }
.pager_4 .next_off { background-image: url(images/next_off.gif) }
.pager_4 .last_off { background-image: url(images/last_off.gif) }

/* =error msg box */
.error {	
	width: 95%;
	margin: 0.8em auto;
	border-collapse: collapse;
	border: 1px solid #dd7777;
	color: #ff0000;
	background-color: #FFCCCC;
	padding: 5px;
}

.error h5 { color: #ff0000 }

/* =success msg */
.msg {
	width: 95% ;
	margin: 0.8em auto ;
	background-color: #CCFFCC ; 
	border: 1px solid #009900 ; 
	color: #009900 ;
	padding: 5px ;
}

/* =fmenu */
/*.sub_menu { 
	position: absolute;
	visibility: hidden;
	left: 12px;
	top: 40px;
	padding: 0;
	z-index:10;
}

#fmenu_about { width: 120px }
#fmenu_pro { width: 150px }
#fmenu_member { width: 240px }

.sub_menu ul {
	margin: 0;
	padding: 0;
}

.sub_menu li {
	background: #ccc;
	list-style-type: none;
	padding: 5px;
}

.sub_menu a {
	font-size: 12px;
}

.sub_menu a:link, .sub_menu a:visited { color: #222 ; text-decoration: none }
.sub_menu a:active, .sub_menu a:hover { color: #4a7179 ; text-decoration: underline }*/


.top_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.top_nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.fmenu {
	width: 140px;
	background: #ccc;
	position: absolute;
	top: 40px;
	left: 0;
	visibility:hidden;
}

.fmenu a {
	display: block;
	font-size: 12px;
	display: block;
	padding: 6px 5px;
}

#fmenu_about { width: 120px }
#fmenu_pro { width: 150px }
#fmenu_member { width: 240px }

#fmenu_about a { width: 110px }
#fmenu_pro a { width: 140px }
#fmenu_member a { width: 230px }

.fmenu a:link, .fmenu a:visited { color: #222; text-decoration: none }
.fmenu a:active, .fmenu a:hover { color: #4a7179; text-decoration: underline }

/* =member_list */
#member_list { width: 500px; margin: 1em auto }
#member_list th { padding: 2px; background: url(images/box_top.jpg) repeat-x; color: #FFF; font-weight: bold }
#member_list td { width: 50%; padding: 2px }

/* =link_list */
#link_list td { padding: 4px }

/* =membership_list */
#membership_list { width: 500px; margin: 1em auto }
#membership_list th { padding: 2px; background: url(images/box_top.jpg) repeat-x; color: #FFF; font-weight: bold }
#membership_list td { width: 33%; padding: 2px }

/* =archive_list */
.archive_list {
	width: 100%;
}

.archive_list th {
	 padding: 4px;
	 background: url(images/box_top.jpg) repeat-x;
	 color: #FFF;
	 font-weight: bold;
	 text-align: center;
}

.archive_list td {
	padding: 4px;
	border-bottom: 1px solid #CCC;
}

.archive_list th.archive_date, .archive_list td.archive_date {
	width: 80px;
	text-align: center;
}

.archive_list th.archive_detail, .archive_list td.archive_detail {}

.archive_list th.archive_download, .archive_list td.archive_download {	
	width: 80px;
}

/* =album */
/*#breadcurmb { line-height: 40px ; background: url(images/breadcrumb_bg.png) no-repeat ; padding-left: 40px ; color: #ff7d98 ; font-weight: bold ; font-size: 15px }
#breadcrumb a {}
*/
.album_list {
	margin: auto ;
}
.album_list td {
	padding: 3px ;
	width: 120px ;
	text-align: center ;
	font-weight: bold ;
	vertical-align: top;
}

.photo_list { margin: 1em auto ; border-collapse: collapse }
.photo_list td { 
	/*padding: 5px ; */
	border: 5px solid #fff ;
	width: 142px ; 
	height: 144px ; 
	text-align: center ; 
	vertical-align: middle ;
	/*background: url(images/dia.gif) no-repeat top left ;*/
}
.photo_list td.empty { background-image: none }