/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #575757; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #575757; }
body { background: #a4abd0 url('../images/bg.gif') repeat-x; }
img { border: 0px; display: block; }

/* ### global classes ###  */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/footer.jpg') bottom repeat-x; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1018px; background: url('../images/cntr-top.jpg') top center no-repeat; }

	/* ### header container ### */
	#headerCntr { padding-right: 18px; position: relative; overflow: hidden; width: 1000px; height: 130px; }
	#headerCntr h1 { position: absolute; top: 17px; left: 58px; }
	#headerCntr h1 a { display: block; width: 601px; height: 101px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### language box ### */
		.languageBox { padding-left: 13px; width: 258px; height: 41px; float: right; background: url('../images/language-bg.png') no-repeat; }
		.languageBox ul { list-style: none; overflow: hidden; }
		.languageBox li { padding: 0 37px; float: left; line-height: 30px; font-size: 12px; border-right: #e6e6e6 solid 1px; }
		.languageBox li#last { border: 0px; }
		.languageBox li a { color: #939393; text-decoration: none; }
		.languageBox li a:hover, .languageBox li.selected a { color: #6c75a1; }
		
		.surrogaatbox {padding-left: 13px; width: 258px; height: 41px; float: right; }
		
		.flashBox { position:relative; left:259px; top:25px; width: 250px; height: 110px; float: right;}
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 1018px; }
	
		/* ### left container ### */
		#leftCntr { padding: 17px 10px 0px 0px; float: left; width: 722px; height: 660px; overflow: hidden; background: url('../images/left-cntr.png') no-repeat; }
		#leftCntr #left { padding: 30px 0px 0px 14px; width: 232px; float: left; }
		#leftCntr #right { width: 476px; height: 596px; float: right; overflow: auto; }
			
			/* ### menu box ### */
			.menuBox { padding: 16px 0 0 18px; width: 177px; height: 267px; overflow: hidden; background: url('../images/menu-bg.png') no-repeat; }
			.menuBox ul { list-style: none; overflow: hidden; }
			.menuBox li { padding-bottom: 2px; width: 162px; float: left; line-height: 34px; font-size: 12px; font-weight: bold; background: url('../images/menu-sprtr.gif') bottom left no-repeat; }
			.menuBox li a { padding: 0 12px; display: block; line-height: 34px; color: #FFFFFF; text-decoration: none; }
			.menuBox li a span { line-height: 34px; display: block; background: url('../images/menu-arrow.png') right no-repeat; }
			.menuBox li a:hover, .menuBox li.selected a { background: url('../images/menu-hover.gif') repeat-x; }
			.menuBox li a:hover span, .menuBox li.selected a span { background: url('../images/hover-arrow.png') right no-repeat; }
			.menuBox li#last { background: none; }
			
			/* ### contact box ### */
			.contactBox { padding: 15px 0px 0px 35px; width: 175px; position: relative; }
			.contactBox address { padding-bottom: 16px; font-style: normal; font-weight: bold; line-height: 18px; color: #686868; }
			.contactBox address a { color: #6c75a1; }
			.contactBox address a:hover { text-decoration: none; }
			.contactBox a.directions { padding-right: 12px; color: #6c75a1; text-decoration: none; background: url('../images/directions-arrow.gif') right no-repeat; }
			.contactBox a.directions:hover { text-decoration: underline; }
			.contactBox img { position: absolute; left: 2px; top: 137px; }
			
			/* ### training box ### */
			.trainingBox { padding: 42px 50px 0px 10px; width: 400px; }
			.trainingBox h2 { padding-bottom: 15px; color: #e88b97; line-height: 26px; font-size: 18px; }
			.trainingBox p { padding-bottom: 13px; color: #575757; line-height: 18px; }
			.trainingBox ul { list-style: none; }
			.trainingBox li { padding-left: 16px; line-height: 18px; background: url('../images/text-arrow.gif') left no-repeat; }
			.trainingBox li a { color: #bc5f6b; }
			.trainingBox li a:hover { text-decoration: none; }
			.trainingBox a { color: #bc5f6b; }
			.trainingBox a:hover { text-decoration: none; }
			.trainingBox .extlink { margin: 0px; display:inline; position:relative; top:2px; }
			.trainingBox a.view { padding-left: 16px; display: block; float: right; width: 155px; height: 34px; line-height: 22px; color: #FFFFFF; text-decoration: none; background: url('../images/link-button.png') no-repeat left top; }
			.trainingBox a.view:hover { background-position: left bottom; }
			
			.publicationBox li { margin-top: 20px; padding-left: 16px; line-height: 18px; background: url('../images/text-arrow.gif') 3px 5px no-repeat; }
			.publicationBox h3 { display:inline; padding-bottom: 4px; font-weight: normal; color: #575757; font-size: 14px; }
			.publicationBox p { padding-bottom: 10px; color: #575757; line-height: 18px; }
			.publicationBox a { padding-bottom: 20px; line-height: 18px; }
			.trainingBox hr { border:1px solid #6C75A1; margin-bottom:15px; }
			
			.networkBox h3 { display:inline; padding-bottom: 15px; font-weight: normal; color: #575757; font-size: 14px; }
			.networkBox a { display:block; text-align:right; color: #bc5f6b;text-decoration: none; padding-bottom:15px; }
			.networkBox li a:hover { text-decoration: underline; }
			.networkBox p.intro { padding-top: 20px; font-style:italic; font-weight:bold; }
			.networkBox img { display:block; float:left; padding-right: 20px; }
			
			/* ### quote box ### */
			.quoteBox { width: 443px; overflow: hidden; background: url('../images/quoteBg.gif') repeat-y; }
			.quoteBox div.top { background: url('../images/quoteTop.gif') no-repeat left top; }
			.quoteBox div.bottom { padding: 28px 34px 40px 38px; overflow: hidden; width: 377px; background: url('../images/quoteBottom.gif') no-repeat left bottom; }
			.quoteBox p { padding-bottom: 15px; font-size: 22px; color: #FFFFFF; line-height: 33px; font-family: 'Times New Roman', Arial; text-align: center; }
			.quoteBox em { padding-left: 10px; display: block; font-size: 14px; color: #FFFFFF; font-style: italic; }
			.quoteBox a.view { padding-left: 15px; margin-top: 10px; display: block; float: right; width: 138px; height: 22px; line-height: 22px; color: #bc5f6b; text-decoration: none; background: url('../images/view-more.gif') no-repeat left top; }
			.quoteBox a.view:hover { background-position: left bottom; }
			
			/* ### text box ### */
			.textBox { padding: 44px 50px 55px 10px; width: 416px; }
			.textBox h2 { padding-bottom: 18px; color: #e88b97; font-size: 18px; }
			.textBox h3 { padding-bottom: 4px; font-weight: normal; color: #c6737e; font-size: 14px; }
			.textBox p { padding-bottom: 17px; line-height: 18px; }
								
		/* ### right container ### */
		#rightCntr { padding: 16px 30px 0px 7px; float: right; width: 249px; height: 650px; background: url('../images/right-cntr.png') no-repeat; }
			
			/* ### foto box ### */
			.fotoContainer { padding-top: 35px; }
			.fotoBox { padding: 15px 18px 14px 18px; width: 213px; overflow: hidden; background: url('../images/agenda-bottom.gif') bottom center no-repeat; }
			
			/* ### agenda box ### */
			.agendaBox { padding: 50px 18px 14px 18px; width: 213px; overflow: hidden; background: url('../images/agenda-bottom.gif') bottom center no-repeat; }
			.agendaBox h3 { padding-bottom: 20px; color: #5ba273; font-size: 12px; }
			.agendaBox ul { list-style: none; }
			.agendaBox li { padding: 0 0 26px 13px; font-size: 11px; color: #626262; background: url('../images/agenda-arrow.gif') left 2px no-repeat; }
			.agendaBox li a { color: #3a8252; }
			.agendaBox li a:hover { text-decoration: none; }
			.agendaBox a.view { padding-left: 16px; display: block; float: right; width: 139px; height: 37px; line-height: 22px; color: #FFFFFF; text-decoration: none; background: url('../images/agenda-button.png') no-repeat left top; }
			.agendaBox a.view:hover { background-position: left bottom; }
			
			/* ### link box ### */
			.linkBox { padding: 22px 18px 0px 18px; width: 213px; overflow: hidden; }
			.linkBox h3 { padding-bottom: 18px; font-size: 12px; color: #6c75a1; }
			.linkBox p { padding-bottom: 25px; color: #626262; }
			.linkBox ul { padding-bottom: 28px; list-style: none; }
			.linkBox li { padding-left: 18px; line-height: 18px; background: url('../images/link-arrow.gif') left no-repeat; }
			.linkBox li a { color: #6c75a1; }
			.linkBox li a:hover { text-decoration: none; }
			.linkBox a.view { padding-left: 16px; display: block; float: right; width: 155px; height: 34px; line-height: 22px; color: #FFFFFF; text-decoration: none; background: url('../images/link-button.png') no-repeat left top; }
			.linkBox a.view:hover { background-position: left bottom; }
			
			/* ### image box ### */
			.imageBox { padding: 34px 0px 14px 0px; width: 249px; overflow: hidden; }
			.imageBox div.line { width: 249px; height: 80px; background: url('../images/agenda-bottom.gif') no-repeat left; }
			.imageBox div.pic { margin-left: 15px; width: 221px; background: url('../images/picBg.gif') repeat-y; }
			.imageBox div.top { background: url('../images/picTop.gif') no-repeat left top; }
			.imageBox div.bottom { padding: 10px 10px 16px 10px; background: url('../images/picBottom.gif') no-repeat left bottom; }
						
	/* ### footer container ### */
	#footerCntr { width: 1018px; height: 20px; }
	#footerCntr ul { padding: 0px 25px 0px 10px; position: relative; margin-top: -45px; list-style: none; overflow: hidden; float: right; }
	#footerCntr li { padding: 0 5px; float: left; line-height: 16px; background: url('../images/footer-sprtr.gif') right no-repeat; }
	#footerCntr li a { color: #d9dff8; }
	#footerCntr li a:hover { text-decoration: none; }
	#footerCntr li.last { background: none; }