body {
	background:#F5F4EF url(../img/bg.jpg) left top repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-bottom: 30px;
}

a{
	text-decoration:none;
	color:#00C1F2;
	font-weight:bolder;
}
	a:hover{
		color:#000;
	}

h2{
	color:#00C1F2;
	text-transform:uppercase;
	font-size:23px;
	margin-top:4px;
}
	
h3{
	font-size: 23px;
	font-weight:normal;
	margin: 15px 0px 12px 0;
	color:#333;
}
h4{
	font-size: 15px;
	color:#00C0F2;
	margin: 20px 0;
}
h5{
	font-size: 13px;
	color:#333;
	margin: 20px 0;
}
	
.left{float:left;}
.right{float:right;}

/*Basic Layout*/
#main{
	width: 985px;
	margin: 10px auto;
}
	#top{
		position:relative;
		overflow:hidden;
		zoom:1;
		padding-bottom:10px;
	}
		#flash{padding-bottom:10px;}

	#bg{
		background:url(../img/content-top-left.png) left top no-repeat;
		padding-top: 8px;
	}
	#container{
		background:url(../img/content-bg-left.png) left top repeat-y;
		padding-top: 10px;
		overflow:hidden;
		zoom:1;
	}
		#sidebar{
			width: 250px;
			float:left;
		}
		
		#mask{
			background:url(../img/content-bottom-right.gif) right bottom no-repeat;
		}
		#content{
			float:right;
			width: 490px;
			padding-bottom:30px;
			padding-right:226px;
		}
			#content p, #content li, #content blockquote{
				line-height:18px;
			}
	#footer{
		font-size:10px;
		color:#B1B0AC;
		margin: 0px 10px 50px;
	}
		
/*Basic Layout Helpers*/
#home, #home_en{
	background:url(../img/logo.gif) top left no-repeat;
	display:block;
	float:left;
	margin:0 30px 0 10px;
	text-indent:-10000px;
	height: 95px;
	width:197px;
}
#home_en {
	background:url(../img/logo_eng.gif) top left no-repeat;
}

#menu {
	background:url(../img/menu.gif) left center no-repeat;
	margin:20px 00px 0 235px;
	margin:20px 0px 0 0px;
	width:735px;
	overflow:hidden;
	zoom:1;
}
	#en, #pl {
		position:absolute;
		right:20px;
		top:32px;
		height:21px;
		display:block;
		width:35px;
		z-index:15;
		text-indent:-10000px;
		background:url(../img/en.gif) center top no-repeat;
	}
		#pl {
			background:url(../img/pl.gif) center top no-repeat;
		}
		#en:hover, #pl:hover{
			background-position:center bottom;
		}
		
		#dot{
			display:block;
			position:absolute;
			right: 28px;
			top: 37px;
			z-index:0;
			background: url(../img/circle.png) top left no-repeat;
			width: 166px;
			height: 164px;
			text-indent:-10000px;
		}
	#menu ul{
		margin:0;
		float:left;
		padding: 0px 20px 0px 35px;
		overflow:hidden;
		zoom:1;
	}
		#menu ul li {
			border-left: 1px dotted #fff;
			float:left;
			list-style:none;
		}
			#menu ul li:first-child{
				border:none;
			}
			#menu ul li a{
				color:#fff;
				display:block;
				float:left;
				text-indent:-10000px;
				padding:15px 5px;
			}
			#menu ul li a:hover, #menu ul.en li a:hover{
				background-position:right center;
			}
			
			#menu .love a{
				background:url(../img/menu/love.gif) left center no-repeat;
				width: 23px;
			}

			#menu .info a{
				background:url(../img/menu/info.gif) left center no-repeat;
				width: 83px;
			}
				#menu .en .info a{
				background:url(../img/menu/info-en.gif) left center no-repeat;
				width: 101px;
			}
			#menu .download a{
				background:url(../img/menu/download.gif) left center no-repeat;
				width: 74px;
			}
				#menu .en .download a{
				background:url(../img/menu/download-en.gif) left center no-repeat;
				width: 54px;
			}
			#menu .press a{
				background:url(../img/menu/press.gif) left center no-repeat;
				width: 87px;
			}
				#menu .en .press a{
					background:url(../img/menu/press-en.gif) left center no-repeat;
					width: 51px;
				}
			#menu .volunteer a{
				background:url(../img/menu/volunteer.gif) left center no-repeat;
				width: 65px;
			}
				#menu .en .volunteer a{
					background:url(../img/menu/volunteer-en.gif) left center no-repeat;
					width: 60px;
				}
			#menu .cooperate a{
				background:url(../img/menu/cooperate.gif) left center no-repeat;
				width: 64px;
			}
				#menu .en .cooperate a{
					background:url(../img/menu/cooperate-en.gif) left center no-repeat;
					width: 70px;
				}
			#menu .contact a{
				background:url(../img/menu/contact.gif) left center no-repeat;
				width: 41px;
			}
				#menu .en .contact a{
					background:url(../img/menu/contact-en.gif) left center no-repeat;
					width: 41px;
				}
	
#footer ul, #footer p{
	margin:0;
	padding:13px 0 0 0;
	height: 26px;
}	
	#footer ul a {color:#666666;}
	#footer ul a:hover{text-decoration:underline;}		

.gboys{
	overflow:hidden;
	zoom:1;
}
		
	.gboys a{
		display:block;
		float:left;
		width: 85px;
		padding:6px 45px 0 75px;
		height: 33px;
		color:#B1B0AC;
		background:url(../img/gboys.gif) right top no-repeat;	
	}	
		.gboys a:hover{
			background-position:right bottom;
		}
/*components*/
.more{
	font-weight: bold;
}

.note{
	border-bottom:1px dotted #00C1F2;
	padding-bottom: 20px;
	margin-bottom:15px;
	font-size:11px;
	overflow:hidden;
	zoom:1;
}
	.note .imgbox{
		float:left;
		padding:5px;
		border:1px dotted #C7C6C1;
	}
	.note .imgbox img{
		display:block;
	}	
	
	.note h3 a {color:#181512;	}
	.note h3 a:hover {color:#00C1F2;}
	.note a{font-weight:normal;}
	.note div a {display:block;}
	.note a:hover {color:#000;}
	
	.note .notebox {
		padding-left: 185px;
	}
	
	.note .more{
		text-align:left;
		padding: 0 10px;
		background:url(../img/more.gif) center center no-repeat;
	}
	.note .more small{
		text-indent:-1000px;
		line-height: 17px;
		text-align:leftl
	}
	
.menu{
	padding-left: 4px;
	margin-bottom:35px;
}	
	.menu ul {
		margin:0;
	}
		.menu ul li{
			list-style:none;
			padding-left: 29px;
		}
		.menu ul li.selected{
			background:url(../img/bullet.gif) left 8px no-repeat;
		}
			.menu li h3{
				
				margin:0;
			}
			.menu li a{
				display:block;
				color:#181512;
				font-weight:bold;
				font-size:12px;
				padding:6px 0;
				border-bottom:1px dotted #00C1F2;
			}			
				.menu li.selected a {border-bottom:none;}
				.menu li a:hover {color:#00C1F2;}
				
		.menu li ul  {
			padding:0px 0 5px;
			border-bottom:1px dotted #00C1F2;
		}	
				
		.menu li.selected ul li, .menu li ul li  {
			background:none;
			zoom:1;
			padding-left:15px;
		}

			.menu li ul li a  {
				border:none;
				font-size:11px;
				font-weight:normal;
				padding:2px 0;
			}
			.menu li ul li.selected a  {
				text-decoration:underline;
			}
			
/*box*/	

.box, .searchbox, .newsletterbox{
	padding-left: 29px;
	margin-bottom:35px;
	font-size:12px;
}		
	.box img{
		margin-bottom:5px;
	}
	.searchbox h2, .newsletterbox h2{
		height: 17px;
		font-size: 12px;
		text-indent:-10000px;
	}
	
.searchbox{
	
}
	.searchbox h2{
		background:url(../img/headers/search.gif) left top no-repeat;
	}
	.searchbox h2.en{
		background:url(../img/headers/search-en.gif) left top no-repeat;
	}	
	
.newsletterbox{
	
}
	.newsletterbox h2{
		background:url(../img/headers/newsletter.gif) left top no-repeat;
	}	
	
	
/*forms*/
input.text{
	padding: 6px;
	color:#999999;
	font-size:11px;
	width: 130px;
	margin-right: 5px;
	background:#F0EFEA;
	border:1px solid #CAC9C4;
}					
	
input.submitTriangle {
	cursor:pointer;
	border:none;
	height:19px;
	background:url(../img/submit.gif) center top no-repeat;
}	
input.submitTriangle:hover {
	background:url(../img/submit.gif) center bottom no-repeat;
}

.alignleft{
	float:left;
	margin-right: 25px;
}

.alignright{
	float:right;
	margin-left: 25px;
}

.aligncenter{
	margin:0px auto;
}

	.wp-caption img, #content .gallery dt img {
		padding: 5px;
		border:1px dotted #C7C6C1;
	}
	.wp-caption-text{
		padding:0 5px;
		margin:0;
		font-size:11px;
	}

.gallery dl, .gallery dd {
	margin:0px;
}
.gallery dd {
	font-size:11px;
}
.gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 15px;
	text-align: center;
}
.gallery-caption {
	margin-left: 0;
}

#newsletter-info {
	margin-bottom:3px;
}