@charset "utf-8";
html {}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4; color:#7c7c7c;  text-align:center; background:url(../images/bg.gif) repeat-x top}

#container { width:900px; margin:0 auto; text-align:left}
#header { padding-top:42px;}
	#lang {float:right; height:15px; margin-top:-15px; padding-right:20px}
	#logo { float:left}
	#header ul { float:left; padding-left:100px}
		#header ul li { float:left;}
		#header ul li a { background-repeat:no-repeat; background-position:0 0; float:left; height:75px; line-height:75px; overflow:hidden}
		#header ul li a:hover { background-position:0 -150px}
		#header ul li .active { background-position:0 -75px !important}
			#header ul li a span { float:left; margin-top:-999px;}
		
		#m-home a { background-image:url(/en/images/m-home.gif); width:62px}
		#m-about a { background-image:url(/en/images/m-about.gif); width:64px} 
		#m-children a { background-image:url(/en/images/m-children.gif); width:78px}
		#m-gallery a { background-image:url(/en/images/m-gallery.gif); width:68px}
		#m-partners a { background-image:url(/en/images/m-partners.gif); width:79px}
		#m-support a { background-image:url(/en/images/m-support.gif); width:74px}
		#m-contact a { background-image:url(/en/images/m-contact.gif); width:76px}

#homeContent { background:url(../images/hcbg.gif) repeat-y top; margin-top:30px; clear:both}
	#hc1, #hc2, #hc3 { float:left; height: 320px; width:270px; margin-right:15px; padding-left:15px;}
	#hc3 { margin:0}
	
	#homeContent ul li { padding:0 0 10px 25px; background:url(../images/bullet.gif) no-repeat 0 5px}

#footer { margin-top:30px; background: url(../images/footer.jpg) repeat-x bottom; height:210px; clear:both}
	#inFooter { width:900px; margin:0 auto; text-align:right; padding-top:25px}
		#inFooter ul { margin:0 -10px 15px 0}
		#inFooter ul li { display:inline; margin-right:10px;}
		
		#inFooter p { margin:0; padding:0; float:right}
#footernote { font-size:10px; color:#a7a7a7; }
#footernote a{
    color: #898989;
	text-decoration:none;
}
#footernote a:hover{
    color: #000;
    text-decoration:none;
}
		
#main { float:left; width:585px; clear:both; margin-top:30px}
#side { float:left; width:270px; padding-left:30px; margin-top:30px; background:url(../images/dot_bg.gif) repeat-y 15px 0; font-size:17px;}
	#side ul { padding:10px 0 0 7px}	
		#side ul li { line-height:30px; clear:both}	
			#side ul li a { text-decoration:none; float:left; width:100%; height:30px; margin-bottom:7px}	
			#side ul li .active {padding-left:10%; width:90%; background:#ecf2f4 url(../images/bullet2.gif) 3px 50% no-repeat}
			
#timiline { padding:10px 0; height:30px; margin-bottom:20px}
	#timiline a, #timiline span { float:left; margin-right:1px; padding:0 7px; line-height:30px;}
	#timiline a { background:#86b6ca; color:#ffffff; text-decoration:none; font-size:14px}
		#timiline a:hover { background:#f69d4a;}
	#timiline .active { background:#f69d4a; padding:10px 7px; margin:-10px 1px -10px 0}
	#timiline span { background:#e5e5e5; color:#7b797a}
	
	
.box, .oddBox { padding-bottom:15px; margin-bottom:15px; background: url(../images/hdots.gif) repeat-x bottom}	
	.box img { float:right; border:2px solid #ecf2f4; margin:0 0 7px 12px}
	.oddBox img { float:left; border:2px solid #ecf2f4; margin:0 12px 7px 0}
	
.partnerlist a { float:left; padding:3px 2px; margin:0 10px 10px 0; background:url(../images/pbg.gif) no-repeat 0 0}
	
/* profile */

.uberclear
	{
	float: none;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0;
	font-size: 0;
	}
	* html .uberclear
	{
	height: 0;
	}


div.profile_list { clear:both; }
div.profile_list h1 { margin-bottom: 10px; }
div.profile_list h3 { margin-top: 20px; }
div.profile_list div.item { padding-bottom:15px; margin-bottom:15px; background: url(../images/hdots.gif) repeat-x top} }
div.profile_list div.name { /*background-color: #FFBF9A;*/  width: 230px; display:block; float:left; margin: 25px;}
div.profile_list div.position { /*background-color:#9AE5FF;*/ width: 160px; display:block; float: left; text-align: right;  }
div.profile_list div.photo { float: left; width:85px; margin: 8px 0; }
div.profile_list span.other { font-size: .95em; color: #777; }
div.profile_list a { font-size: .90em; }
div.profile_list img.photo { border: 1px solid #ccc; padding:1px; margin: 0; width:60px; }



	
	#main input {border:1px solid #c6cfd3; font-size:14px; margin-bottom:6px}
.address { float:left; padding-left:15px; margin-top:15px;}	

a{ color:#82a9bc;} 
a:hover{color:#33677d}

h1 { color:#FFF; font-size:16px; color:#e7e7e7; font-style:italic; height:66px; line-height:66px; margin-top:-66px; padding-left:15px}
	h1 big { color:#FFF; font-size:36px;}
h2 { font-family: Gill Sans; color:#86b6ca; font-size:19px; font-weight:normal}
/*a:visited {color:#b0bdc3}*/

h3 { color:#86b6ca; font-size:12px; font-weight:normal}
blockquote { font-style:italic; padding:20px 30px 30px 30px; background:url(../images/bqbg.gif) no-repeat 0 0}

/* white space reset */
* { margin:0; padding:0; border:none; list-style:none outside}
p { margin-bottom:1.2em}

/* easy clear */
#homeContent:after, .box:after, .oddBox:after, .partnerlist:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#homeContent, .box, .oddBox, .partnerlist {display:inline-block;}
/* Hide from IE Mac \*/
#homeContent, .box, .oddBox, .partnerlist {display:block;}
/* End hide from IE Mac */