/*
Layout and Positioning
------------------------------------------------------------------------------------------------ */

#header {background: #8F7F58 url(/img/about_flanders_center/masthead_photo_aboutcenter_1.jpg) no-repeat left top;}

#contactRow { background: #ccc url(/img/global/bg_pattern_blue.png) repeat-y left top; }
	#contact { background: #2a352d url(/img/global/bg_content_6_6.png) repeat-y left top; }
		h2#contactLabel { background-position: top left; background-repeat: no-repeat; }
		body.ja h2#contactLabel { background-image: url(/img/about_flanders_center/h2_contact_ja.png); }
		body.nl h2#contactLabel { background-image: url(/img/about_flanders_center/h2_contact_nl.png); }

	#left {width:450px; float:left; display:inline; }

	#sidebar {width:450px; overflow:hidden; float:left; display:inline; padding-top:15px;}
		#sidebar h4 {clear:left; padding:0px 7px 10px 7px;}
		#sidebar p {padding:0px 7px 10px 7px;}
		#sidebar img {clear:left; margin:0px 7px 10px 7px; float:left; display:inline; width:436px;}
		#sidebar #access, #sidebar #maps {width:225px; float:left; display:inline;}
		#sidebar #access p, #sidebar #maps p, #sidebar #access h4, #sidebar #maps h4 {width:200px; float:left; display:inline;}

#formError {
	float: left;
	width: 361px;
	background:#f5e433;
	border: 1px solid #c5b61d;
	margin: 0px 0px 20px 7px;
	}
#formError h4 {color:#2a352e; font-size:1.2em; font-weight: bold; margin:0px 0px 8px 0px; height:24px; padding-top:4px; background: #c5b61d;	}	
	#formError ul {
		float:left; display:inline;
		width:350px;
		margin-left: 10px;
		color:#2a352e;
		}
		
	#formError li {
		list-style-position: outside;
		list-style-type: disc;
		margin-left: 10px;
		float:left; display:inline;
		width:350px;
		color:#2a352e;
		}

#fieldSet1, #contact-form {float:left; display:inline; width:375px;}
	#contact-form {margin-top:20px;}
	p {clear:left; float:left; display:inline; width:375px;}
	p label {float:left; display:inline; width: 68px; margin: 2px 7px 0px 7px;}	
	p input {display: inline; float: left; margin: 0px 0px 6px 0px; width:200px;}
	#addressField label { height: 80px; width: 68px; margin: 2px 7px 0px 7px; float:left; display:inline; }
	textarea {width:285px; height:150px; float:left; margin: 2px 0px 0px 0px;display:inline;}

	#submitButton { display: inline; float: left; width: 300px; height:30px; text-align: right; }
	p#submitButton input {margin-top:10px; margin-left:82px; cursor: pointer; width: 95px; line-height:30px; padding-top:30px; height:30px; overflow: hidden; float:left; display:inline; border:0; }
	.ja p#submitButton input { background: transparent url(/img/global/button_send_ja.png) top left no-repeat;}
	.ja p#submitButton input:hover { cursor: pointer; background: transparent url(/img/global/button_send_ja.png) -95px 0px no-repeat; }
	.nl p#submitButton input { background: transparent url(/img/global/button_send_nl.png) top left no-repeat;}
	.nl p#submitButton input:hover { cursor: pointer; background: transparent url(/img/global/button_send_nl.png) -95px 0px no-repeat;}
		


#contact-info { width:375px; margin-top:15px;}
	#contact-info dl {margin-left:7px;}
	.ja #contact-info dt, .ja #contact-info dd {font-size:1.2em; line-height:1.833;}
	.nl #contact-info dt, .nl #contact-info dd {font-size:1.2em; line-height:1.667;}
	#contact-info dt {float:left; display:inline; width:68px; margin:0px 7px 0px 0px;}
	#contact-info dd {float:left; display:inline; width:290px; margin:0px 0px 0px 0px;}

#contact-info h3, #contact-form h3, #visit {float:left; display:inline; overflow:hidden; text-indent:-4000px; height:40px; border-top: 1px solid #7c827c;}
	.ja #contact-info h3 {width:375px; background: transparent url(/img/about_flanders_center/h4_contact_us_ja.png) 7px 10px no-repeat;}
	.nl #contact-info h3 {width:375px; background: transparent url(/img/about_flanders_center/h4_contact_us_nl.png) 7px 10px no-repeat;}
	.ja #visit {height:38px; width:450px; background: transparent url(/img/about_flanders_center/h4_visit_ja.png) 7px 10px no-repeat;}
	.nl #visit {height:38px; width:450px; background: transparent url(/img/about_flanders_center/h4_visit_nl.png) 7px 10px no-repeat;}
	.ja #contact-form h3 {width:375px; background: transparent url(/img/about_flanders_center/h4_form_ja.png) 7px 10px no-repeat;}
	.nl #contact-form h3 {width:375px; background: transparent url(/img/about_flanders_center/h4_form_nl.png) 7px 10px no-repeat;}

.nl #contactThankYouIntro {margin-top:15px; border-top: 1px solid #7c827c; border-bottom: 1px solid #7c827c; width:750px; height:100px; background: transparent url(/img/about_flanders_center/intro_contact_thankyou_nl.png) 82px 15px no-repeat;}
.ja #contactThankYouIntro {margin-top:15px; border-top: 1px solid #7c827c; border-bottom: 1px solid #7c827c; width:750px; height:110px; background: transparent url(/img/about_flanders_center/intro_contact_thankyou_ja.png) 82px 15px no-repeat;}

#contactThankYouIntro p, #contactThankYouIntro h2 {text-indent: -4000px; overflow: hidden;}

#contactThankYou #mContent {float:left; display:inline; width:900px; height:400px; background: #2a352d url(/img/global/bg_content_11_1.png) repeat-y left top; }

#contactThankYou #mContent #goBack {font-size:1.2em; text-align: left; width:600px; margin-left:82px; margin-top:100px; float:left; display:inline;}

/*
Typography
------------------------------------------------------------------------------------------------ */

.nl p {font-size:1.2em; line-height:1.667;}
.ja p {font-size:1.2em; line-height:1.833;}
.nl h4 {color:#DDDDDD; font-family:"gill sans",verdana,sans-serif; font-size:.9em; line-height:1.667; padding:0px 0px 0px 7px; text-transform:uppercase; padding-bottom:0 !important; }
.nl h4#center-name { font-family:"Lucida Grande","Bitstream Vera Sans","Segoe UI",Calibri,Verdana,Arial,"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",IPAPGothic,sans-serif;}

.ja h4 {color:#DDDDDD; font-size:1.0em; line-height:1.8333; padding:0px 0px 0px 7px; padding-bottom:0 !important;}
h4#center-name { width:443px; text-transform: none; color:#aeedff; font-size:1.6em; line-height:1.2; font-weight: normal; margin-bottom:4px; float:left; display:inline; }

.nl #contact-info .emp {font-size:1.6em !important; line-height:1; margin-bottom:8px;}
.ja #contact-info .emp {font-size:1.6em !important; line-height:1.2; margin-bottom:6px;}