body 
{
	background: #BCD2EE;	text-align:center;
}


a:link {
text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:visited {
text-decoration:underline;

}
a:active {
text-decoration:underline;
}


#bg {
	background:#4F94CD;
	margin:0 auto;
	width:1000px;
	height:1100px;
}


#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	position: relative;
	top:50px;
}


.float-l {
	float:left
}

.float-r {
	float:right
}

.left {
	width:233px;
	background:#BCD2EE;
	height:980px
}

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


#image
.le { float:left;margin: 15px;}
.ri { float:right;margin: 1px 6px;}
.clear {clear:both;} 

#logo {
	background:url(hdr.jpg);
	height:210px
}


#logo h1 {
	font-size:25px;
	color:#00008B;
}

#logo h1 {
	padding: 50px 20px 0 50px;
}
#logo h4 {
	font-size:15px;
	color:#669900;
	padding: 10px 50px 0 50px;
}





#logo div {
	padding-left:150px
}


ul#nav {
	background:#BCD2EE;
	height:176px;
	padding:50px 50px 0 50px
}


ul#nav li {
	line-height:1.9em;
	border-bottom:#fff 1px solid;
}


ul#nav li a {
	color:#336666}


#meun h2 {
	font-size:18px;
	padding:30px 0 0 40px
}


#meun ul {
	padding:10px 50px 0 50px
}


#meun li {
	line-height:1.9em;
	border-bottom:#88bcbc 1px solid;
	list-style: none;
	color:#336666
}

#meun li a {
	color:#336666
}


#main h2 {
	font-size:36px;
	color:#669900;
	padding: 50px 50px 0 50px;
}

#main h3 {
	font-size:20px;
	color:#669900;
	padding: 10px 50px 0 50px;
}

#main p {
	color:darkblue; padding: 20px 50px 0 50px;
}


#main ul {
	padding:0px 50px 0 50px
}
#main li {list-style: inside disc;line-height:1.2em;}


 

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


#footer a {color:#FFFFFF}


#footer {
	color: #fff;
	left: 20px;
	position:relative;
	top:10px
}


#xhtml {
	position: absolute;
	left:550px
}