body {
	text-align:center;
}
a {
	text-decoration:none;
	color:#000
}
a:hover {
	text-decoration: underline;
	text-decoration: none;
}
#bg {
	margin:0 auto;
	width:900px;

}
#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	position: relative;
	top:20px;
}
.float-l {
	float:left
}
.float-r {
	float:right
}
.left {
	width:233px;
	background:#A6AAAF;
	height:780px
}
.right {
	width:567px;
	height:780px;
	background:#fff;
}
#logo {
	background:url(../images/hdr.jpg);
	height:210px
}
#logo h1 {
	font-size:34px;
	color:#223802;
}
#logo h1 {
	padding: 70px 0 0 100px;
}
#logo div {
	padding-left:150px
}
#nav {
	background:url(../images/hdl2.jpg);
	height:225px;
}
#menu h2 {
	font-size:24px;
	padding:30px 0 0 40px
}
#menu ul {
	padding:10px 50px 0 50px
}
#menu li {
	line-height:1.9em;
	border-bottom:#88bcbc 1px solid;
	list-style: inside disc;
	color:#005555
}
#menu li:hover{ 
	background-color: #CCC6EE; 
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
}
#menu li a {
	color:#336666
}
#menu li a:hover{ 
	background-color: #AAAAAA; text-decoration: none;
}
#main h2 {
	font-size:30px;
	color:#669900;
	padding: 30px 50px 0 50px;
}
#main p {
	padding: 20px 50px 0 50px;
}
#main li p {
	padding: 0px 10px 10px 20px;
}
div.c2 {cursor:pointer;cursor:hand; visibility: visible; z-index: 5;}
div.c2:hover{ background-color: #AAAAAA; text-decoration: none;}


div.c3 {
	position: absolute; 
	z-index: 5; visibility: hidden; 
	text-align: justify; 
	z-index: 5; 
	overflow: auto; 
	width: 567; 
	height: 390px;
	background-color: #EEEEEE;
}
div.c3 ul {
	padding:10px 50px 0 50px;
}
div.c3 li {
	line-height:1.4em;
	list-style: inside disc;
}
div.c4 {cursor:pointer;cursor:hand; visibility: visible; z-index: 5; tposition: relative;}
div.c4:hover{ background-color: #AAAAAA; text-decoration: none;}

/* footer */
#footer {
	clear:both;
	height:60px
}
#footer a {color:#FFFFFF}
#footer {
	color: #fff;
	left: 20px;
	position:relative;
	top:10px;
}
#xhtml {
	position: absolute;
	left:550px
}