body {
	background-color: #999;
	margin: 0;
	text-align: left;
}

#container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 925px;
}

	#container h1 {
		font: bold 200% Helvetica;
	}
	#container h2 {
		font: bold 150% Helvetica;
	}
	#container h3 {
		font: bold 85% Georgia;
		margin-top: 2em;
		margin-bottom: .3em;
	}

	/** right-margin **/
	#container #right-margin {
		position: absolute;
		top: 0px;
		left: 926px;
		width: 15px;
		height: 1260px;
		background: repeat-y url('/global-img/home/right-outside-border.gif');
	}
	
	/** body **/
	#container #body {
		position: relative;
		top: 0px;
		right: 0px;
		width: 753px;
		height: 806px;
		background: no-repeat url('/global-img/contact-us/regions-content-backg.gif') #fff;
		float: right;
		font: 13px Tahoma;
		color: #333;
	}
		#container #body #content {
			position: absolute;
			top: 52px;
			left: 22px;
			width: 731px;
			height: 740px;
			clear: both;
		}
			#container #body #main {
				float: left;
				width: 500px;
				height: 740px;
				overflow: hidden;
				font: 14px "Times New Roman";
			}
				#container #body #main #map {
					width: 100%;
					height: 255px;
					background: center no-repeat url('/global-img/contact-us/regions-map.jpg') #fff;
					clear: both;
					text-align: center;
				}
				#container #body #main .region {
					border: 1px solid #6799c8;
					clear: both;
					font: bold 14px Helvetica;
					text-indent: 15px;
					color: #0b499d;
					background: #d8ebf4 url('/global-img/icons/silk/bullet_toggle_plus.png') no-repeat scroll 0%;
					padding: 0.2em;
					margin: 0 0 0.5em 0;
					cursor: pointer;
				}
					#container #body #main .region.expanded {
						background-image: url('/global-img/icons/silk/bullet_toggle_minus.png');
					}
				#container #body #main .territory {
					width: 100%;
					clear: both;
					margin-bottom: 0.3em;
					font-weight: bold;
					color: #333;
					display: none;
				}
					#container #body #main .territory.expanded {
						display: block;
						background-image: none;
					}
					#container #body #main .territory li {
						margin: .1em 0 .5em 1em;
					}
					#container #body #main .contact li {
						margin: .3em 0 0 2em;
						font-weight: normal;
						color: #333;
						width: 95%;
						border-top: 1px solid #fff;
						border-bottom: 1px solid #fff;
					}
					#container #body #main .contact li.person {
						list-style-image: url('/global-img/faq_arrow.gif');
					}
						#container #body #main .person:hover {
							background-color: #ffffcc;
							color: #cc0000;
							cursor: pointer;
							border-top: 1px dotted #ccc;
							border-bottom: 1px dotted #ccc;
						}
					#container #body #main .contact-details {
						display: none;
					}
			#container #body #right {
				background-color: #b7d3ea;
				border-top: 1px solid #999;
				border-bottom: 1px solid #999;
				border-left: 1px solid #999;
				width: 195px;
				height: 740px;
				float: right;
				padding: .5em;
				font: 11px Verdana;
			}
				#container #body #right ol,
				#container #body #right ul,
				#container #body #right li {
					margin: 1em .5em .5em .3em;
				}
				#container #body #right .title {
					color: #206aa3;
					font-weight: bold;
				}
				#container #body #right a,
				#container #body #right a:active {
					color: #206aa3;
					font-weight: bold;
				}
				#container #body #right a:hover {
					color: #fff;
					text-decoration: none;
				}
				
/* contact dialog specific CSS */
#contact-dialog #contact-record {
	font: 14px Helvetica, Arial;
	color: #333;
	padding: .5em;
}
#contact-dialog #contact-record .name {
	font-weight: bold;
	color: #0b499d;
}
#contact-dialog #contact-record .title {
	font-weight: bold;
}
#contact-dialog #contactFormPanel {
	padding: .5em;
}