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


	html, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:inherit;
	vertical-align:baseline;
	}

body{
	margin:0 auto;
	padding:0;
	background:url(../images/bg.jpg) repeat-x top; 
	font:12px/16px tahoma;
	color:#000000;
	}
	
body.subpage{
	margin:0 auto;
	padding:0;
	background:url(../images/bg-subpage.jpg) repeat-x  top; 
	}	
	
p{
	float:left;
	background:100%;
	margin:0;
	padding:0;
	}	
	
h1{
	width:100%;
	float:left;
	font:25px tahoma;
	margin:0;
	padding:0;}	
	
h2{
	width:100%;
	float:left;
	font:20px tahoma;
	}	
	
h3{
	float:left;
	width:100%;
	font:bold 16px/20px tahoma;
	}	
	
/********************
Wrapper section
*********************/	
#wrapper{
	width:960px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	}
	
/********** Side Bar *********/
#sidebar{
	float:left;
	width:200px;
	height:auto;
	padding:10px;
	padding-top:0;
	background:url(../images/bg-sidebar.jpg) no-repeat top;
	}
	
#sidebar.subpage{
	background:url(../images/bg-sidebar-subpage.jpg) no-repeat top;}	
	
#sidebar .menu{
	float:left;
	width:180px;
	background:#fff;
	padding:10px;
	}	

	.menu img{
		margin-bottom:20px;
		}
		
	.menu .navigation{
		display:block;
		width:180px;
		margin:0 auto;
		padding-top:1px;
		background:url(../images/menu-img-top.jpg) no-repeat top left;
		}	

		
	.navigation div.nav{
		float:left;
		width:180px;
		height:30px;
		background:url(../images/bg-li-navigation.jpg) repeat-x;
		margin-bottom:1px;
		}
		
	.navigation div.nav a{
		float:left;
		width:160px;
		height:29px;
		padding-left:20px;
		font:bold 11px/29px tahoma;
		color:#4891CF;
		text-decoration:none;
		background:url(../images/bullets.jpg) no-repeat left;
		background-position:5px 10px;
		}
		
	.navigation div.nav a:hover{
		background:url(../images/bullet-hover.jpg) no-repeat left;
		background-position:5px 10px;
		}	
		
	.navigation div.nav:hover{
		background:url(../images/bg-li-navigation-hover.jpg) repeat-x;}	
		
	.navigation div.last{
		width:180px;
		height:48px;
		background:url(../images/bg-li-last.jpg) repeat-x;
		}	
		
		.subnav {
			width:180px;
			height:25px;
			border-bottom:1px solid #fff;
			float:left;
			}
			
			
			.subnav a {
				font:11px/25px tahoma;
				color:#0099cc;
				text-decoration:none;				
				display:block;
				padding-left:10px;
				width:170px;
				background:#f0f0f0;
				}
				
				.subnav a:hover {
					background:#e5e5e5;
				text-decoration:underline;	
					} 
		
	.image-today{
		float:left;
		width:160px;
		padding:10px;
		background:#F0F0F0;
		border:1px solid #ccc;
		font:11px/16px tahoma;
		color:#666666;
		margin-top:25px;
		}
	.image-today img{
		margin-bottom:3px;
		}	
							
		
/*********** containt ***********/
#content{
	float:left;
	width:735px;
	height:auto;
	}
	
#content .header-img{
	float:left;
	width:735px;
	height:67px;
	background:url(../images/head-banner.jpg) no-repeat;
	}
	
	.banner{
		float:left;
		width:670px;
		height:230px;
		background:url(../images/bg-banner.jpg) no-repeat right top;
		padding:35px 20px 35px 35px;
		}
		
	.banner .banner-text{
		float:left;
		width:300px;
		font:12px/21px tahoma;
		color:#FFFFFF;
		margin-right:0px;
		}
		
	.banner .title{
		font:30px/37px tahoma;
		color:#FFFFFF;
		}
		
	.banner .img{
		float:left;
		padding:4px;
		background:#E3E3E3;
		margin-top:40px;
		
		}	
		
	.banner-text .text{
		float:left;
		width:275px;
		font:12px/21px tahoma;
		color:#FFFFFF;
		padding-top:10px;
		}	
		
	.banner-text span{
		font:11px/20px tahoma;
		color:#65A9D9;
		text-decoration:none;
		}	
		
	.banner-text a:hover{
		text-decoration:underline;}	
		
	.about-ftg{
		float:left;
		width:392px;
		background:url(../images/bg-abt-ftg.jpg) repeat-x top;
		padding:35px;
		margin-right:1px;
		}	
		
	.about-ftg h1{
		color:#2C66B5;
		}
		
	.about-ftg p{
		float:left;
		width:380px;
		font:12px/19px tahoma;
		color:#000000;
		padding:15px 0;
		}
		
	.about-ftg a{
		float:left;
		width:200px;
		height:26px;
		background:url(../images/btn-find-more.jpg) no-repeat top;}
		
	.about-ftg a:hover{
		background:url(../images/btn-find-more.jpg) no-repeat bottom;}
		
	.member-org{
		float:left;
		width:385px;
		height:72px;
		background:url(../images/bg-member-org.jpg) no-repeat;
		margin-top:15px;
		}
		
	.member-org ul{
		margin:0;
		padding:0;
		padding-left:160px;
		padding-top:15px;
		list-style:none;
		}		
		
	.member-org ul li{
		float:left;
		width:210px;
		height:30px;
		}
		
	.member-org ul li a{
		float:left;
		width:auto;
		height:15px;
		background:none;
		font:bold 11px tahoma;
		color:#006699;
		text-decoration:none;
		}
		
	.member-org ul li a:hover{
		text-decoration:underline;
		background:none;}
		
		
	.event{
		float:left;
		width:217px;
		background:url(../images/bg-events.jpg) repeat-x;
		padding:25px;
		color:#428D3B;
		}
		
	.event-list{
		float:left;
		width:217px;
		font:11px/15px tahoma;
		color:#666666;
		padding-top:10px;
		}
		
	.event-list strong a{
		float:left;
		color:#428D3B;
		padding:5px 0;
		font-weight:bold;
		text-decoration:none;
		}
		
	.event-list strong a:hover{
		text-decoration:underline;
		}	
		
	.event-list p{
		float:left;
		width:200px;
		}
		
	.event-list p img{
		float:left;
		background:#fff;
		border:1px solid #AED76A;
		padding:3px;
		margin-right:5px;
		}				
		
	.event-list a{
		font:11px tahoma;
		color:#000000;
		text-decoration:none;
		}
		
	.event-list a:hover{
		text-decoration:underline;}	
		
	a.archive{
		float:left;
		width:120px;
		height:26px;
		margin-top:18px;
		background:url(../images/btn-goto-archive.jpg) no-repeat top}		
		
	a.archive:hover{
		background:url(../images/btn-goto-archive.jpg) no-repeat bottom}		
		
/************** footer ******************/		
.footer{
	margin:0 auto;
	width:980px;
	height:auto;
	}
	
	.footer .links{
		float:left;
		width:960px;
		height:50px;
		background:url(../images/footer.jpg) no-repeat;
		padding-left:20px;
		}
	
	.links .footer-menu{
		float:left;
		width:775px;
		height:50px;
		}
		
	.links .footer-menu a{
		font:11px/50px tahoma;
		color:#0099FF;
		text-decoration:none;
		margin:0 8px;}
		
	.footer-menu a:hover{
		text-decoration:underline;}	
		
	.last-update{
		float:left;
		font:11px/50px tahoma;
		color:#999;
		padding-left:15px;
		}	
		
	.affiliation{
		margin:0 auto;
		width:960px;
		height:115px;
		}
		
	.affiliation img{
		float:left;
		padding-right:20px;
		margin:15px;
		border-right:1px solid #E4E4E4;
		}		
		
	.affiliation .contact{
		float:left;
		width:658px;
		height:53px;
		font:11px tahoma;
		color:#999999;
		margin-top:15px;
		padding-top:20px;
		border-right:1px solid #E4E4E4;
		}
		
	.affiliation .contact a{
		font:11px tahoma;
		color:#999999;
		text-decoration:underline;
		}		
		
	.affiliation .contact a:hover{
		text-decoration:none;}		
		
	.affiliation .copyright{
		font:11px/20px tahoma;
		color:#999999;
		float:left;
		width:170px;
		text-align:center;
		padding-top:30px;
		}	
		
/**************** For subpages *********************/
.content-below{
	float:left;
	width:725px;
	padding-left:5px;
	padding-top:20px;}

.banner-subpage{
	float:left;
	width:730px;
	height:190px;
	padding-top:10px;
	background:#fff;
	text-align:center}
	
	.bottom-content{
		width:600px;
		float:left;
		background:url(../images/bg-bottom-content.jpg) repeat-x top;
		padding:30px 55px;
		margin-left:10px;
		_margin-left:5px;
		}
		
	.bottom-content h1{
		color:#2C66B5;
		padding-bottom:10px;
		}
		
	.bottom-content h2{
		color:#7EAD30;
		padding-bottom:10px;
		}		
		
	.bottom-content img{
		padding:0 10px 10px 0;
		}
		
	.bottom-content p{
		float:left;
		width:100%;
		padding-bottom:20px;
		line-height:20px;
		}	
		
	.bottom-content ol, .bottom-content ul{
		float:left;
		padding-left:25px;
		padding-right:30px;
		line-height:20px;}
		
	.bottom-content ol li{
		float:left;
		width:100%;
		}	
		
	.highlight{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#4891CF;
		}		
	
	.news-list{
		float:left;
		width:600px;
		padding-bottom:5px;
		padding-top:10px;
		background:url(../images/seperator.jpg) no-repeat bottom center;
		margin-bottom:35px;}
		
	.news-list h2{
		width:auto;
		padding-bottom:5px;}	
		
	.news-list small{
		float:left;
		width:100%;
		vertical-align:baseline;
		font:11px tahoma;
		color:#999999;
		padding-bottom:5px;
		}
		
	.news-list img{
		float:left;
		margin:0 10px 20px 0;
		border:1px solid #B0D6EE;
		padding:4px;
		background:#fff;
		}
		

		
	.news-list p{
		float:left;
		width:100%;
		line-height:18px;
		}
		
	.news-list a.read-all{
		float:left;
		width:85px;
		height:27px;
		background:url(../images/btn-read-all.jpg) no-repeat top;
		margin-top:15px;
		margin-bottom:25px;
		}
		
	.news-list a.read-all:hover{
		background:url(../images/btn-read-all.jpg) no-repeat bottom;}	
	
	.news-detail{
		background:none;}	
		
	.news-photogallery{
		float:left;
		width:581px;
		height:auto;
		background:url(../images/bg-photogallery.jpg) repeat-x top;
		border:1px solid #b0d771;
		font:bold 16px tahoma;
		color:#749E2C;
		padding:12px 12px;
		}			
		
	.news-photogallery .photo-container{
		float:left;
		width:550px;
		padding-top:35px;
		}	
		
	.photo-container .photo-div{
		float:left;
		width:592px;
		}
		
	.photo-div a img{
		float:left;
		padding:3px;
		background:#fff;
		border:1px solid #B0D771;
		margin-right:10px;
		margin-bottom:20px;
		}			
		
		
	.photo-div a img:hover{
		border:1px solid #739D2D;
		}	
	
	.paging{
		float:left;
		width:100%;
		height:25px;
		padding-top:20px;
		}
		
	.paging ul{
		list-style:none;
		margin:0;
		padding:0;
		}
		
	.paging ul li{
		float:left;
		width:25px;
		height:25px;
		margin-right:5px;
		}		
		
	.paging ul li a{
		float:left;
		width:25px;
		height:25px;
		font:bold 12px/25px tahoma;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		background:url(../images/bg-paging.jpg) no-repeat top;
		}		
		
	.paging ul li a:hover, .paging ul li.active{
		float:left;
		width:25px;
		height:25px;
		font:bold 12px/25px tahoma;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		background:url(../images/bg-paging.jpg) no-repeat bottom}
		
	.paging-green ul li a{
		background:url(../images/bg-paging-green.jpg) no-repeat top;}
		
	.paging-green ul li a:hover, .paging-green ul li.active{
		background:url(../images/bg-paging-green.jpg) no-repeat bottom;}			
		

.members-organization{
	float:left;
	width:550px;
	height:111px;
	padding:25px;
	background:url(../images/bg-member.jpg) no-repeat left top;
	margin-bottom:25px;
	}
	
.members-organization img{
	float:left;
	padding:4px;
	border:1px solid #B6DA78;
	background:#fff;
	margin:0 15px 15px 0;
	}
	
span.org-name{
	float:left;
	width:400px;
	font:bold 16px/20px tahoma;
	color:#428D3B;
	padding:0;
	}
	
span.address{
	float:left;
	width:400px;
	font:12px/20px tahoma;
	color:#000000;
	}	
	
.members-organization a.visit-web{
	float:left;
	font:11px tahoma;
	color:#30692C;
	text-decoration:underline;
	}	
	
.members-organization a.visit-web:hover{
	text-decoration:none;
	}		
	
/*********************Contact Us***********************/
.contact-us{
	float:left;
	width:550px;
	height:auto;
	padding-bottom:50px;
	background:url(../images/seperator.jpg) no-repeat bottom center;}

.contact-left{
	float:left;
	width:260px;
	height:auto;
	margin-top:25px;
	color:#2C66B5;
	}	
	
.description{
	float:left;
	width:260px;
	height:25px;}
	
	.description .title{
		float:left;
		width:80px;
		font:bold 12px/20px tahoma;
		color:#2C66B5;
		}	
	
.description span{
	float:left;
	width:150px;
	font:12px/20px tahoma;
	color:#2c66b5;
	}	
	
.description a.email{
	float:right;
	width:180px;
	font:12px/25px tahoma;
	color:#2c66b5;
	text-decoration:underline;
	}	
	
.description a.email:hover{
	float:right;
	width:180px;
	font:12px/25px tahoma;
	color:#2c66b5;
	text-decoration:none;
	}	
	
.location-map{
	float:left;
	width:210px;
	padding-top:20px;
	text-align:center;
	}	
	
.location-map a img{
	float:left;
	padding:5px;
	border:1px solid #89BAE2;
	background:#fff;
	}	
	
.location-map a.link{
	float:left;
	width:210px;
	height:25px;
	font:bold 12px/25px tahoma;
	color:#2C66B5;
	text-decoration:underline;
	}	

.location-map a.link:hover{
	float:left;
	width:210px;
	font:bold 12px/25px tahoma;
	color:#2C66B5;
	text-decoration:none;
	}	
	
form.message{
	float:left;
	width:275px;
	height:auto;
	margin-top:25px;
	color:#2C66B5;
	}

.message input{
	float:left;
	background:url(../images/bg-input.jpg) repeat-x;
	border:1px solid #89BAE2;
	height:18px;
	padding-left:5px;
	padding-top:5px;
	font:12px tahoma;
	color:#72ADDE;
	margin-top:10px;
	}
	
.message textarea{
	float:left;
	width:275px;
	height:119px;
	background:url(../images/bg-textarea.jpg) repeat-x;
	border:1px solid #89BAE2;
	padding-left:5px;
	padding-top:5px;
	font:12px tahoma;
	color:#72ADDE;
	margin-top:10px;
	}