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

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

h1,h2,h3,h4,h5,h6,ul,ol,dl{
margin:0;
padding:0;
}

ul,ol,dl{
list-style:none;
}

body {
margin:0 auto;
width:950px;
}

#container {
width:950px;
background:url(../images/bk.gif) repeat-y;
}

#container #header {
width:920px;
height:117px;
margin:2px 15px 0px 15px;
_margin:2px 0px 0px 8px;
background:url(../images/header.gif) no-repeat;
}

#container #header p {
margin-top:35px;
margin-left:15px;
}

#container #header h1 {
width:800px;
font-family:"MS Gothic";
font-size:14px;
color:#000000;
margin-left:15px;
_margin-top:15px;
#margin-top:15px;
}

#mainarea {
width:615px;
margin-left:15px;
_margin-left:8px;
margin-right:10px;
_margin-right:0px;
margin-top:20px;
}

#topNews {
width:615px;
margin-right:10px;
}

#topNewsTit {
width:613px;
border:1px solid #598526;
background:#007236;
}

#topNewsTit h2 {
font-family:"MS Gothic";
font-size:16px;
color:#FFFFFF;
margin-left:15px;
padding:8px 15px;
background:url(../images/titIcon.png) left no-repeat;
}

#topNews ul {
width:613px;
border:1px solid #598526;
}

#topNews ul li {
width:100%;
}

#topNews ul li a {
color:#0072BC;
font-family:"MS Gothic";
font-size:14px;
text-decoration:none;
line-height:200%;
background:url(../images/arrow.gif) left no-repeat;
padding-left:10px;
}

#topNews ul li a:hover {
text-decoration:underline;
}

#mainarea .subClass {
width:300px;
margin-top:10px;
}

#mainarea .subClass .subClassTit {
width:298px;
background:#8C6239;
border:1px solid #85592D;
}

#mainarea .subClass .subClassTit h3 {
font-family:"MS Gothic";
font-size:16px;
color:#FFFFFF;
margin-left:15px;
padding:8px 15px;
background:url(../images/titIcon.png) left no-repeat;
}

#mainarea .subClass .subClassCont {
width:298px;
height:130px;
border:1px solid #85592D;
}

#mainarea .subClass .subClassCont .pic {
width:141px;
margin:5px;
text-align:center;
}

#mainarea .subClass .subClassCont .pic img {
width:141px;
height:82px;
border:1px solid #C2C2C2;
}

#mainarea .subClass .subClassCont .pic a.details {
font-family:"MS Gothic";
font-size:12px;
color:#0072BC;
text-decoration:underline;
}

#mainarea .subClass .subClassCont p {
width:134px;
_width:120px;
margin:5px;
font-family:"MS Gothic";
font-size:12px;
color:#000000;
line-height:130%;
}

#mainarea .pops {
border:1px solid #598526;
width:605px;
padding:5px;
margin-top:15px;
}

#subarea {
width:295px;
margin-right:15px;
_margin-right:7px;
margin-top:20px;
}

#subarea ul {
width:295px;
}

#subarea ul li {
width:295px;
height:33px;
background:url(../images/rightMenu.gif) repeat-x;
margin-bottom:3px;
_margin-bottom:1px;
}

#subarea ul li a {
font-family:"MS Gothic";
font-size:20px;
line-height:180%;
padding-left:25px;
text-decoration:none;
font-weight:bolder;
color: #000000;
}

#sidemenu {
float:right;
width:290px;
height:auto;
margin-top:20px;
margin-right:15px;
}

#sidemenu a{
color:#CC3300;
font-size:15px;
padding-left:15px;
margin-bottom:13px;
border-left: #006633 5px solid;
}

.mr15 {
margin-right:15px;
}

#footer {
background:url(../images/footer.gif) no-repeat;
width:920px;
margin:10px 15px 10px 15px;
_margin:10px 0px 10px 8px;
height:28px;
line-height:200%;
text-align:center;
font-family: "MS Gothic";
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}


/*----------------------------------details page------------------------------*/

#mainarea #content {
width:613px;
border:1px dashed #39B54A;
background:#F2FAE4;
margin-right:10px;
_margin-right:5px;
}

#content h2 {
width:570px;
line-height:180%;
padding-left:15px;
margin-top:5px;
margin-left:15px;
border-bottom:1px solid #0C954D;
font-family:"MS Gothic";
font-size:16px;
color:#000000;
background:url(../images/details_icon.jpg) left no-repeat;
}

#content p {
width:580px;
padding:0 15px;
font-family:"MS Gothic";
font-size:14px;
color:#000000;
line-height:130%;
}