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

body {
	font-size:12px;
	color:#036;
	background:url(bg.jpg);
	background-color: #FFF;
	text-align:center;
}


#content {
	width:902px;
	background-color:#FFF;
	border:#CCC solid 1px;
	text-align:left;
	margin:5px auto 0 auto;
}

#leftcontetnts {
	width:720px;
	float:left;
	background-color: #FFF;
}

#sidenavi {
	width:170px;
	float:left;
	margin: 0 5px 0 5px ;
	background-color:#FFF;
	border-left:#CCC 1px solid;
}

h1,h5,ul,ol,li {
	padding:2px 0 2px 0;
}

h1 {
	margin:10px 5px 5px 10px;
	padding:5px 0px 5px 0px;
	border-top:3px double #036;
}
h2 {
	margin:10px 5px 5px 10px;
	border-top:3px double #036;
}



h3 {
	margin:4px 4px 4px 20px; 
}
h4 {
	margin:3px 3px 3px 30px; 
}

#header {
}

#footer {
	width:902px;
	background-color:#FFF;
	padding:10px 0 10px 0;
	text-align:center;
	border:#CCC solid 1px;
	border-top:none;
	margin:0 auto 5px auto;
	}

.end {
	clear:both;
}

p {
	margin:2px 2px 2px 20px;
}
ol {
	margin:2px 2px 2px 20px;
}
.text {
	padding:3px;
	margin:3px 3px 3px 40px; 
}


.article {
	padding:10px;
	margin:10px 10px 10px 10px;
	border:3px double #036;
	background:url(bg_2.jpg);
}

.article li {
	margin-left:20px;
}

.article .imgfile {
	float:right
}

#sidenavi .article {
	border:#CCC 1px solid;
	padding:5px;
}


#sidenavi .article h3 {
	font-size:1.1em;
	margin:2px 2px 2px 5px; 
}
#sidenavi .article h4 {
	font-size:0.9em;
	margin:1px 1px 1px 10px; 
}
#sidenavi .article h3:before {
	content:url("mark_2.gif");
}
#sidenavi .article h4:before {
	content:url("mark_1.gif");
}