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

#content {
	height: 650px;
	width: 880px;
	padding: 45px;
}
#container {
	height: 1148px;
	width: 966px;
	margin: auto;
	border: thin solid #888;
}
#headerbanner {
	height: 210px;
	width: 965px;
}
#horizontalmenu {
	height: 36px;
	width: 968px;
}
#row1 {
	height: 120px;
	width: 880px;
}
#row1box1 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #99cc99;
}
#row2 {
	height: 120px;
	width: 880px;
	float:left;
}
#row3 {
	height: 120px;
	width: 880px;
	float:left;
}
#row4 {
	height: 120px;
	width: 880px;
	float:left;
}
#row2box1 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #ff9966;
}
#row2box2 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #cccccc;
}
#row3box1 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #cccccc;
}
#row3box2 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #cc6699;
}
#row4box1 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #999999;
}
#row4box2 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #ffcc99;
}
#row4box3 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #996666;
}
#row4box4 {
	float: left;
	height: 120px;
	width: 125px;
	background-color: #99cc99;
}
#whatismediation {
	height: 500px;
	width: 700px;
}
#row0 {
	height: 185px;
	width: 880px;
}

#navigation h3 {
	text-indent: 1em;
	vertical-align: top;
}
#row0 #text {
	float: right;
	height: 185px;
	width: 630px;
	text-align: center;
}
#navigation {
	float: left;
	height: 185px;
	width: 250px;
}
#row1 #text {
	float: right;
	height: 120px;
	width: 437.5px;
	margin-left: 125px;
	margin-right: 192.5px;
	vertical-align: middle;
	text-align: justify;
}
#navigation h4 {
	vertical-align: text-top;
}
#navigation h5 {
	line-height: 0.7em;
	text-indent: 2em;
}
#row2 #text {
	height: 120px;
	width: 387.5px;
	float: right;
	margin-left: 125px;
	margin-right: 117.5px;
	vertical-align: middle;
	text-align: justify;
}
#row3 #text {
	float: right;
	height: 120px;
	width: 447.5px;
	margin-left: 125px;
	margin-right: 57.5px;
	vertical-align: middle;
	text-align: justify;
}
#row4 #text {
	height: 120px;
	width: 255px;
	margin-right: 0px;
	margin-left: 125px;
	float: right;
	vertical-align: middle;
	text-align: justify;
}
#navigation h7 {
	font-size: 0.6em;
	line-height: 0.2px;
	color: #063;
	text-indent: 100px;
}
#navigation .submenuindent {
	text-indent: 45px;
	line-height: 0px;
	font-size: x-small;
	color: #063;
}
#text #address {
	margin-left: 150px;
}
#text #emailtel {
	margin-left: 25px;
}
#bottombanner {
	height: 150px;
	width: 966px;
}
#bannercontact {
	float: left;
	height: 75px;
	width: 936px;
	padding-left: 30px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #888;
}
#rjc {
	float: left;
	height: 40px;
	width: 500px;
	padding-left: 15px;
}
#copyright {
	float: left;
	height: 50px;
	width: 966px;
	font-size: x-small;
	margin-left: 25px;
}
a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }

#rjc_logo {
	float: left;
	height: 40px;
	width: 90px;
}
#charity {
	float: right;
	height: 107px;
	width: 180px;
	padding-right: 20px;
}
#ad_banner {
	height: 110px;
	width: 946px;
	padding-left: 20px;
}#bannerleft {
	float: left;
	width: 450px;

}
#bannerright {
	float: right;
	width: 400px;
	padding: 10px;
}
#RJ_link {
	float: right;
	text-align: right;
	padding-right: 40px;
	padding-left: 20px;
	color: #600;
	width: 250px;
}
#h6 {
	font-size: x-small;
	font-weight: bold;
}