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

body {padding: 0; margin: 0; background: #0e0d0b url(images/bg-mid.jpg); font-size: 12px; /* Resets 1em to 10px */ font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; line-height:18px;}

html {background: url(images/bg.jpg);}

.clear {height: 0; clear: both;}

#uprae {width:auto; height:210px; background:url(images/bg-top.jpg) top left repeat-x;}
#nichae {width:auto; height:250px; background:url(images/bg-bottom.jpg) top left repeat-x;}

#wrapper-top {width:980px; height:auto; margin: 0 auto; padding:0;}

#header {float:left; width:980px; height:90px; margin: 40px 0 0 0; padding:0;}
#header img a {border:0;}
#header #logo {float:left; width:250px; height:90px; margin: 0; padding:0;}
#header #logo img {margin: 0; padding:0; border:0;}
#header #links {float:right; width:650px; height:90px; margin: 0; padding:0; text-align:right;}
#header #links img {margin: 0; padding:0 10px 0 10px; border:0;}


#wrapper-middle {width:980px; height:auto; margin: 0 auto; padding:0;}

#content {width:980px; height:auto; margin: 0; text-align: left; padding:0; float: left; }
#content #cleft {width:710px; height:auto; margin: 0; text-align: left; padding:0; float:left;}
#content #cleft #home-matter {width:710px; height:auto; margin: 0; padding:0; float:left;}
#content #cleft #home-matter h2 { font-size:16px; font-weight:normal; color:#333; margin: 0; padding:5px 35px 5px 30px; line-height:20px; text-align:justify;}
#content #cleft h1 { font-size:25px; font-weight:bold; color:#930; margin: 0; text-align: left; padding:0 0 20px 30px;}
#content #cleft p { font-size:12px; margin: 0; text-align: left; padding:10px 45px 10px 30px; line-height:22px;}
#content #cleft h5 { font-size:14px; margin: 0; text-align: left; padding:10px 45px 10px 30px; line-height:20px; font-weight:normal;}
#content #cleft #reading {width:700px; height:auto; margin: 0; padding:0; float:left;}
#content #cleft img {margin: 0; padding:0; border:0;}

#content #cright {width:250px; height:auto; margin: 0; text-align: left; padding:0; float:right;}
#content #cright .ltop {margin:0; padding:0; width:200px; height:21px; background:url(images/link-top.gif) top left no-repeat;}
#content #cright .lbot {margin:0; padding:0; width:200px; height:30px; background:url(images/link-bottom.gif) top left no-repeat;}
#content #cright .ltex {margin:0; padding:5px 20px 5px 20px; width:200px; height:auto; font-size:16px; font-weight:bold; color:#333;}
#content #cright .ltex a {text-decoration:none; color:#9b8e74;}
#content #cright .ltex a:hover {text-decoration:none; color:#b4bb05;}
#content #cright .tagg {margin:0 0 0 20px; padding:0; width:200px; height:auto;}
#content #cright img {margin: 0; padding:0; border:0; text-align:center;}

span.de {color: #555; font-size: 24px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 30px;}
span.cr {color: #222; font-size: 24px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 30px;}
span.or {color: #dc281e; font-size: 24px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 30px;}
span.or2 {color: #dc281e; font-size: 20px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 24px;}
span.bl {color: #930; font-size: 24px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 30px;}
span.wh {color: #3f3f3f; font-size: 24px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 30px;}
span.sd1 {color: #930; font-size: 30px; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:underline;}
span.sd2 {color: #016976; font-size: 16px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 16px;}
span.sd3 {color: #333; font-size: 18px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 16px;}


#wrapper-footer {width:980px; height:auto; margin: 0 auto; padding:0;}

#footer {float:left; width:980px; height:190px; margin: 60px 0 0 0; padding:0;}
#footer img a {border:0;}
#footer #advert {float:left; width:540px; height:190px; margin: 0; padding:0; background:url(images/bg-advert.jpg) bottom left no-repeat;}
#footer #advert #advin {float:left; width:450px; height:120px; margin: 36px 0 0 37px; padding:0;}
#footer #advert #advin img {margin: 0; padding:0; border:0;}
#footer #promo {float:right; width:435px; height:190px; margin: 0; padding:0; text-align:right;}
#footer #promo img {margin: 0; padding:0; border:0;}



.accordion {
	width: 235px;
	margin : 0;
	border-bottom: solid 1px #c3c91e;
	background: url(images/bg.jpg);
}
.accordion h3 {
	background: #f3f1ec url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 25px 7px 15px;
	margin: 0;
	font: bold 12px/16px Georgia, "Times New Roman", Times, serif;
	border: solid 1px #c3c91e;
	border-bottom: none;
	cursor: pointer;
	color: #960;
}
.accordion h3:hover {
	background-color: #c3c91e;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #fff;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #960;
	border-right: solid 1px #960;
	border-top: solid 1px #960;
}







.accordion2 {
	width: 670px;
	margin : 0;
}

.accordion2 img {margin: 0; padding:0; border:0;}
.accordion2 img a {border:0;}


.accordion2 h3 {
	background: url(images/arrow-square2.gif) no-repeat right -51px;
	padding: 7px 25px 7px 15px;
	margin: 0;
	font: bold 22px/25px Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
	color: #960;
	border:0;
}
.accordion2 h3:hover {
	background-color: #eee;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	font-size:11px;
	background: url(images/bg-pro.gif);
	margin: 0;
	padding: 0;
	border:0;
	line-height: 20px;
}						 	


#s1 {float:left; margin: 10px 0 0 0;}
#s2 {float:right; margin: 10px 0 0 0 }