@charset "utf-8";
/* CSS Document */

@import url("pngfix.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: url(../images/background_bg.png) repeat-x;
}


a:link, a:visited, a:active {
	letter-spacing: 1px;
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	color: #003399;
	text-decoration: underline;
}

.space10, .space20, .space30, .space40 {
	display: block;
	clear: both;
}

	.space10 { height: 10px; }
	.space20 { height: 20px; }
	.space30 { height: 30px; }
	.space40 { height: 40px; }


.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.separator-line {
	width: 740px;
	height: 10px;
	font-size: 1px;
	background: url(../images/separator_line.png) repeat-x;
}

.required {
	color: #FF0000;
}

.col-right {
	float: left
}

.letter-space {
	letter-spacing: 1px;
	word-spacing: 2px;
}

.p20 {
	padding: 0 20px;
}

h1 {
	color: #560000;
	font-size: 24px;
	padding-bottom: 6px;
}

h2,h3,h4,h5,h6 {
	color: #FCFCFC;
	font-size: 15px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 20px;
	height: 40px;
	background: url(../images/heading_bg.png) no-repeat;
}
	
#wrapper {
	width: 740px;
	padding: 0 10px;
	margin: 0 auto;
	background: url(../images/content_mid_bg.png) repeat-y;
}

.content-bottom {
	width: 760px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/content_bottom_bg.png) no-repeat;
}

#header {
	width: 740px;
	height: 116px;
	padding-top: 19px;
}

	#logo {
		width: 400px;
		height: 100px;
		margin: 0 auto;
		background: url(../images/logo.png) no-repeat;
	}


#menu {
	width: 740px;
	height: 35px;
	background: url(../images/menu_normal.png) repeat-x;
}

	#menu ul {
		width: 525px;
		margin: 0 auto;
	}
	
	#menu ul li {
		width: auto;
		display: block;
		float: left;
	}
	
	#menu ul li a {
		width: auto;
		padding: 10px 20px 0px 20px;
		height: 25px;
		display: block;
		text-decoration: none;
		letter-spacing: 1px;
		float: left;
		background: url(../images/menu_normal.png) repeat-x;
	}
		#menu ul li a.active {
			background: url(../images/menu_active.png) repeat-x;
		}
		#menu ul li a.active:hover {
			background: url(../images/menu_active.png) repeat-x;
		}
		
		#menu ul li a:hover {
			color: #f7e891;
			background: url(../images/menu_hover.png) repeat-x;
		}

		#menu a, #menu a:active {
			color: white;
		}


/*--------------------
	Heading
--------------------*/

.heading-mediation {
	width: 700px;
	height: 40px;
	background: url(../images/heading_mediation.png) no-repeat;
}

.heading-event {
	width: 700px;
	height: 40px;
	background: url(../images/heading_event.png) no-repeat;
}

.heading-contact {
	width: 700px;
	height: 40px;
	background: url(../images/heading_contact.png) no-repeat;
}

.heading-newsome {
	width: 240px;
	height: 30px;
	background: url(../images/heading_newsome.png) no-repeat;
}


/*--------------------
	Present Box
--------------------*/

#present-box {
	padding: 20px;
	background-color: #c4e4f6;
}
	
	#present-box p {
		font-size: 12px;
		line-height: 16px;
		word-spacing: 2px;
	}
	
.present-image-mediation {
	width: 700px;
	height: 150px;
	background: url(../images/image_mediation.png) no-repeat;
}

.present-image-event {
	width: 700px;
	height: 150px;
	background: url(../images/image_event.png) no-repeat;
}

.present-image-contact {
	width: 700px;
	height: 150px;
	background: url(../images/image_contact.png) no-repeat;
}


/*----------------
	Content
----------------*/

#content {
	width: 700px;
	padding: 20px;
	position: relative;
	z-index: 9;
}

#content .paragraph {
	clear: both;
}

	#content .paragraph a {
		float: right;
		padding-top: 6px;
		padding-right: 20px;
	}

	#content .paragraph .space {
		height: 20px; 
		display: block;
		clear: both;
	}

.homepage-logos {
	width: 449px;
	height: 158px;
	margin: 0 auto;
	background: url(../images/homepage_logos.png) no-repeat;
}

.image-our-team {
	width: 395px;
	height: 229px;
	float: left;
	background: url(../images/our_team.jpg) no-repeat;
}

.footer {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

	.footer p {
		text-align: center;
	}


/*----------------
	Event
----------------*/

dl {
	padding-bottom: 15px;
}

dt {
	font-weight: bold;
}

dd {
}



/*-------------
	Forms
-------------*/

#content table {
	width: 440px;
	border: 5px solid #00567c;
	border-collapse: collapse;
}


#content table tr {
	padding: 0;
	margin: 0;
}


#content table td {
	padding: 10px;
}

.text-box {
	width: 270px;
}

textarea {
	width: 400px;
	overflow: auto;
}