body{background:#fff; text-align: center; color:#221f1f; font-family:'trebuchet ms', arial, helvetica, sans-serif;}

/* NAVIGATION SKIP */
#nav-skip{position: absolute; left: -2000px; top: 0; width: 978px;}
#nav-skip a:focus, #nav-skip a:active{position: absolute; left: 5000px; width: 200px; background: #fff; padding: 2px 0 5px; z-index: 99; text-align: center; color:#333;}

/* LAYOUT */
#header{padding:0px; background:#fff url('/img/bg/haeder.jpg') center 0 no-repeat; text-align:left; height:288px; position:relative; margin:0 0 -20px;}
#main{background:url('/img/bg/main.png') 0 100% repeat-x;}
#footer{background:url('/img/bg/footer.png') 50% 0 no-repeat; border-top:1px solid #fff; color:#898989; width:900px; margin:0 auto; text-align:right; padding:20px 0 50px;}
#footer a{color:#898989; text-decoration:none;}
#footer a:hover{color:#333;}
.in{width:900px; margin:0 auto; text-align:left; position:relative;}

/* LOGO */
#logo{margin:0px; padding:0; line-height:1; font-size:100%; font-weight:normal; position:absolute; left:50%; margin:0 0 0 -415px; top:36px;}

/* COLS */
.col {float:left; display:inline; left:100%; position:relative;}
#col-content{margin:0 0 0 -640px; width:640px; padding:0 0 30px;}
.home #col-content{margin:0 0 0 -649px; width:649px;}
#col-side{width:236px; margin:-35px 0 0 -900px;}

/* MAIN MENU */
#main-menu{ padding:0; margin:0em; position:absolute; left:50%; top:9px; margin:0 0 0 -183px;}
#main-menu li{float:left; position:relative; display:inline; line-height:1; margin:0 5px 0 0;}
#main-menu strong, #main-menu a{color: #000; float:left; text-decoration:none; font-weight:normal; background:url('/img/bg/menu-main.png') 100% -60px no-repeat; padding:0 7px 0 0; font-size:117%;}
#main-menu span{background:url('/img/bg/menu-main.png') 0 0px no-repeat; height:27px; float:left; padding:10px 8px 0 15px;}
#main-menu a{cursor:pointer;}
#main-menu .active, #main-menu a:hover{background-position:100% -180px; color:#fff;}
#main-menu .active span, #main-menu a:hover span{background-position:0 -120px;}

/* SIDE MENU */
#side-menu .title{color:#5e5e5e; font-size:200%; font-weight:normal; margin:0 0 .2em;}
#side-menu ul{ width:100%; position:relative;}
#side-menu li{  margin:0 0 3px; vertical-align:bottom;}
#side-menu a, #side-menu strong{display:block; position:relative; color:#000000; padding:9px 15px 0 43px; text-decoration:none; background:#328861 url('/img/bg/menu.png') 0 0 no-repeat; height:29px; font-weight:bold; color:#fff; font-size:117%; overflow:hidden;}
#side-menu a:hover, #side-menu .active{background-position:0 -38px; background-color:#f15c10;}
#side-menu .expand .active{background-position:0 0px; background:#328861 url('/img/bg/menu2.png') 0 0 no-repeat;}
#side-menu .expand ul{background:#efefef url('/img/bg/menu.png') 100% 100% no-repeat; padding:10px 0 2px;}
#side-menu .expand li{margin-bottom:8px; width:100%;}
#side-menu .expand ul a, #side-menu .expand ul strong{line-height:15px; background-position:-265px 4px; background-color:#efefef; font-weight:normal; color:#272727; font-size:108%; height:auto; padding-top:0; overflow:visible; zoom:1; position:relative;}
#side-menu .expand ul .active{background:#efefef url('/img/bg/menu.png') 0 0 no-repeat; background-position:-260px 4px; color:#e7570d;}
#side-menu .expand ul a:hover{color:#e7570d; background-position:-265px 4px;  background-color:#efefef;}

/* NEWS LIST */
.news-list li{width:100%; vertical-align:bottom; margin:0 0 18px;  position:relative;}
.news-list .box-top{width:100%; height:95px; overflow:hidden; background: url('/img/bg/news-top.png') 0 0 no-repeat; font-size:0; margin:0}
.news-list .box-bottom{width:100%; height:11px; overflow:hidden; background: url('/img/bg/news-bottom.png') 0 0 no-repeat; font-size:0; margin:0 0 0 71px;}
.news-list .box{width:541px; background: url('/img/bg/news.png') 0 0 repeat-y; margin:0 0 0 71px; padding:1px 17px 1px 20px;}
.news-list .title{margin:-85px 0 0; position:relative; font-size:167%; font-weight:bold;}
.news-list .title a{text-decoration:none; color:#ff6313;}
.news-list .title a:hover{color:#333;}
.news-list .img{float:right; width:156px; padding:7px; height:117px; background: url('/img/bg/img.png') 0 0 no-repeat; margin:7px 0 0 20px; position:relative;}
.news-list .img-in{display:table-cell; height:116px; width:156px; overflow:hidden; text-align:center; font-size:0; vertical-align:middle;}
.news-list .desc{margin:1em 0 1em; position:relative;}
.news-list .date{position:absolute; top:12px; left:5px; width:70px; text-align:center; line-height:20px;}
.news-list .day{font-size:200%; color:#000; font-weight:bold;}
.news-list .month{color:#5e5e5e; font-size:150%;}
.news-list .year{color:#5e5e5e;}

/* ABOUT */
#about {margin:32px 0 0;}
#about .title{color:#5e5e5e; font-size:200%; font-weight:normal; margin:0 0 .45em; border-bottom:1px solid #e0e0e0; padding:5px 0 8px 38px; background:url('./img/ico/about.png') 0 8px no-repeat; zoom:1;}
#about .r{margin:0 0 0px 10px;}

/* CONTENT */
.content strong{color:#328861;} 

/* ATT IMAGES */
#att-images a, .left-img, .right-img{float:left; width:156px; padding:7px; height:117px; background: url('./img/bg/img.png') 0 0 no-repeat; margin:0 20px 15px 0;}
#att-images span, .left-img span, .right-img span{display:table-cell; height:116px; width:156px; overflow:hidden; text-align:center; font-size:0; vertical-align:middle;}
#att-images p{overflow:hidden; width:100%;}

.right-img{float:right; margin:6px 0 10px 20px;}
.left-img{ margin:6px 20px 10px 0px;}

/* INLINE LINKS */
.inline-link, .inline-btn{line-height:1.5em; background:#2570b4 url('/public/images/btn/small.png') 0 0 no-repeat; display:inline-block; vertical-align:middle; text-decoration:none; border:1px solid #4580b2; border-color:#4580b2 #6ca6d8 #6ca6d8 #4580b2;}
.inline-link span, .inline-btn input{line-height:1.636em; height:1.636em; padding:0 0.63em 0px; font-weight:bold; border:none; text-decoration:none; color:#fff; display:inline-block; vertical-align:top; background:none; font-family: Arial, helvetica, sans-serif; font-size:92%; cursor:pointer; overflow:visible;}

.form .inline-btn{background:#2570b4 url('/public/images/btn/big.png') 0 0 no-repeat; line-height:2.166em; }
.form .inline-btn input{line-height:2.166em; font-size:100%; height:2.166em; padding:0 1.1em;}