* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* -- HTML settings -- */
a:link, a:visited  {color: #FF9900; text-decoration: none;}
a:hover { text-decoration: underline;}
body {margin: 0; padding: 0; background: #E6E6E6; color: #000; overflow-y: auto; font-family: Arial; font-size: 11px; min-width: 770px;}
body table {font-family: Arial; font-size: 11px;}
img {border: 0;}
form {margin: 0;}
.clear {clear: both; height: 1px; visibility: hidden;}
p {margin-top: 0;}
ul {list-style: none; margin: 0; padding: 0;}
li {margin:0; padding: 0 0 0 8px;}
li em {font-family: arial;}


/* -- Page structure --*/
#container {width: 770px;}
#intro {width: 760px; margin-top: 10px; background: url(../img/dot-hor.gif) repeat-x;}

#sidebar {width:1%; padding: 3px 0 40px 0; background: url(../img/dot-line.gif) 100% 100% no-repeat; vertical-align: top;}
#sidebar #stub {width: 207px; height: 0; visibility: hidden;}

#contant {width: 99%; vertical-align: top; font: 11px/20px verdana; padding: 0 0 6px 11px; background: url(../img/dot-vert.gif) 0 0 repeat-y;}
#text {padding-left: 6px; text-align: justify; width:540px;}
#contant a {z-index: 2; position: relative;}

#contant h1 {font: bold 18px verdana; color: #FF9900; border: 1px solid #FF9900; border-width: 0 0 1px 1px; text-align: right; margin: 0 0 4px 0; padding: 12px 0 0 0;}
#contant h2 {font: bold 18px verdana; color: #FF9900; border: 1px solid #FF9900; border-width: 0 0 1px 1px; text-align: right; margin: 0 0 4px 0; padding: 12px 0 0 0;}

#contant-left {float: left; width: 350px; padding-right: 5px;}
#contant-right {float: right; width: 192px; background: url(../img/dot-hor.gif) repeat-x;}
#contant-right-vert {background: url(../img/dot-vert.gif) repeat-y;}
#contant-right-img {padding: 5px 0 5px 5px;  background: url(../img/dot-hor.gif) 0 100% repeat-x;}
.gallery {margin: 4px 0 0 0; float: right;}
.gallery a:link, .gallery a:visited, .gallery a:hover {display: block; padding: 0 4px 2px 2px; background: url(../img/dot-hor.gif) 0 100% repeat-x; color: #FF9900; text-decoration: none; font-weight: bold;}

/* -- Header -- */
#header {height: 166px; position: relative; background: url(../img/bg-header.jpg) no-repeat;}
#logo,#bt-home, #bt-tree, #bt-sheet, #bt-en {z-index: 4;}
#logo {position: absolute; top:0; left:0; width: 178px; height: 131px;}
#bt-home {position: absolute; top:149px; left:45px; width: 16px; height: 17px;}
#bt-tree {position: absolute; top:149px; left:77px; width: 16px; height: 17px;}
#bt-sheet {position: absolute; top:149px; left:110px; width: 16px; height: 17px;}
#bt-en {position: absolute; top:149px; left:143px; width: 16px; height: 17px;}

#bg-h2 {position: absolute; top:169px; left:11px; width: 208px; height: 7px; border: 1px solid #FF9900; border-width: 1px 1px 0 0;}

/* -- navbar  --*/
#navbar {height: 24px; position: absolute; top:149px; right: 10px; z-index: 3;}
#navbar ul {list-style: none; width: auto; padding: 0 0 0 0; margin: 0;}
#navbar li {float: right; height: 24px; background:transparent url(../img/bg-navbar.gif) 0 0 no-repeat; padding: 0 0 0 6px;}
#navbar li#left {background:transparent url(../img/bg-navbar-left.gif) 0 0 no-repeat;}
#navbar ul a {float: left;	display: block; background:transparent url(../img/bg-navbar.gif) 100% 0 no-repeat; font: normal 10px verdana; text-decoration: none; color: #53689D; height: 24px; padding: 2px 18px 2px 12px;}
#navbar ul a:hover {color: #FF9900;}
#navbar ul a.active {color: #FF9900;}

#navbar-right {width: 8px; height:7px; position: absolute; top:166px; right: 2px;background:transparent url(../img/bg-navbar-right.gif) 0 0 no-repeat;}

/* -- News rules -- */
.news-head {text-align: right; margin: 17px 5px 0 0; font-weight: bold; float: right; _float: none; _clear: both;}
.news-content {margin: 10px 5px 0 7px; float: left; _float: none; _clear: both;}
.news-more {margin: 15px 0 0 0; float: right;}
.news-archive {margin: 24px 0 0 0; float: right;}
.news-more a:link, .news-more a:visited, .news-more a:hover, .news-archive a:link, .news-archive a:visited, .news-archive a:hover {display: block; padding: 0 5px 4px 2px; background: url(../img/dot-hor.gif) 0 100% repeat-x; color: #Ff9900; text-decoration: none; font-weight: bold;}
.news-archive a:link, .news-archive a:visited, .news-archive a:hover {letter-spacing: 1px; padding-left:4px;}
.news-more a:link span, .news-more a:visited span, .news-more a:hover span {color: #000;font-weight: normal;}

/* -- footer rules -- */
#footer {height: 115px; position: relative; z-index: 1;}
#foot {width: 546px; position: absolute; top: -40px; left: 216px;}
#foot h3 {font: bold 12px verdana; color: #333366; border: 1px solid #FF9900; border-width: 0 0 1px 1px; margin: 0; padding: 10px 0 14px 12px;}
#foot address {display: block; text-align: right; border-right: 1px solid #FF9900; font: normal 10px verdana; padding: 2px 3px 0 0;}
#foot address a:link, #foot address a:visited, #foot address a:hover {color: #FF9900; text-decoration: none;}
#foot address p {padding: 6px 3px 3px 0; margin: 0;}