body {

	text-align:center;

}

a {

	text-decoration:none;

	color:#000

}

a:hover {

	text-decoration: underline;

}


#bg {
   width:900px;
   background: #97A5B2;
   margin:0 auto;
   position: relative;
   padding-top: 50px;
}

#wrap {
   background: #E7ECEF;
   margin:0 auto;
   width:800px;
   text-align:left;
}


.float-l {

	float:left

}

.float-r {

	float:right

}

.left {
   width:233px;
   background:#E7ECEF;
}

.right {
  width:567px;
  background:#fff;
}

#logo {

	background:url(images/hdr.jpg);

	height:210px

}

#logo h1 {

	padding: 30px 0 0 100px;

}

#logo div {

	padding-left:150px

}

ul#nav {

	background:url(images/hdl.jpg);

	height:176px;

	padding:50px 50px 0 50px

}

ul#nav li {

	line-height:1.9em;

	border-bottom:#fff 1px solid;

}

ul#nav li a {

	color:#FFFFFF

}

#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:#336666

}

#menu li a {

	color:#336666

}

#main h2 {

	font-size:36px;

	color:#669900;

	padding: 50px 50px 0 50px;

}

#main p {

	padding: 20px 50px 0 50px;

}

/* footer */

#footer {
   clear:both;
   height:60px
}

#footer a {color:#FFF;}

#footer {
   color:#FFF;
   text-align:left;
   position:relative;
   padding-left: 50px;
   padding-top: 10px;
}

#xhtml {
   position: absolute;
   left: 550px;
}
.bold {font-weight:bold;}
.header {color: #008D7E}