/* page layout */
#page{width:739px; margin:20px auto; text-align:left; background:#fff url(/img/css2/bg.png) top left repeat-y;}
#head{width:739px; top:20px; position:absolute; background:url(/img/css2/bg-foot.png) top left repeat-x;}
#logo{width:180px; margin-top:4px; padding:11px 0 15px 15px; float:left; text-align:center; background:url(/img/css2/bg.png) top left repeat-y;}
#nav1{width:508px; margin-top:4px; padding:11px 15px 15px 21px; float:right; text-align:right; background:url(/img/css2/bg.png) top right repeat-y;}
#nav2{width:180px; padding-left:15px; float:left; text-align:right; clear:both;}
#bann{width:708px; margin-top:-10px; padding-right:15px; float:right; height:195px; background:url(/img/bg-bann-14-new.jpg) top left no-repeat;}
#cols{float:left; padding:275px 15px 0; z-index:1;}
#menu{width:180px; float:left;margin-right:20px}
#side,.side{width:180px; float:right; margin-left:8px;}
#main{width:708px; float:right;}
#foot{clear:both; padding:6px; text-align:center; font-size:11px; background:url(/img/css2/bg-foot.png) bottom left repeat-x;}
#foot p{margin:5px; line-height:15px}

/* whitespace - margin/padding */
html {min-height:100%; margin-bottom:1px;}/* side scrollbar always on */
body {background:#666; text-align:center;}
form {margin:0; padding:0;}
table,p,pre,h1,h2,h3,h4 {margin:0 0 15px;}

/* font color size */
body,td,th,input,select,textarea {font-family:Tahoma,trebuchet ms,arial,helvetica,code2000,sans-serif; font-size:11px; color:#222; line-height:13px;}
input[type='button'],input[type='submit'] {cursor:pointer;}
h1 {font-size:11px;}
h2 {font-size:20px; color:blue; line-height:120%}

a {text-decoration:underline; color:#38a;}
#menu a {text-decoration:none; background:url(/img/css2/arr2.gif) center left no-repeat; padding-left:10px;}
.grey{color:#666; text-decoration:none;}
.grey:hover {text-decoration:underline;}
.green {color:#460}
.red {color:red}
.blue{color:#38a}
.bold {font-weight:bold}
.err {color:red}
.errimg{color:red;background:url(/img/css2/warning.png) top left no-repeat;padding:6px 35px}
.q {background:url(/img/css2/q.gif) top left no-repeat; margin-top:10px; padding-left:30px}

.nav1 a {width:100px; display:block; padding:10px 0; float:right; border-left:solid 1px #ccc;
  background:url(/img/css2/nav1-line1.png) bottom center no-repeat; text-align:center;}
.nav1 a:hover {background:url(/img/css2/nav1-line2.png) bottom center no-repeat;}

#nav2 a {padding-right:15px; background: url(/img/css2/arr.png) right no-repeat;}
#nav2 p {border-bottom: solid 1px #ccc; padding:8px 0; margin:0;}
#nav2 a, .nav1 a {text-decoration:none; color:#666; font-size:80%; font-weight:bold; text-transform:uppercase;}

.bar {border-bottom:solid 1px #bbb; background:#e5e5e5; padding:7px 7px 7px 10px; font-weight:bold; margin:0 0 12px 0;}
.dot {margin:0; padding:5px 0 4px 0; background:url(/img/css2/dot.png) bottom left repeat-x;}
.dotv{margin:0; padding-right:5px; padding-left:5px; background:url(/img/css2/dotv.png) top center repeat-y;}
.left {float:left}
.right {float:right}
.center {text-align:center}
.ml15 {margin-left:15px;}
.ml30 {margin-left:30px;}
.vm {vertical-align:middle}
.clear {clear:both;}

/* special usage */
.line, .line td {border-bottom:1px solid  #ccc;}
.line1,.line1 td {border-bottom:1px dotted #666;}
.line2,.line2 td {border-bottom:2px solid  #bbb;}
.th td {border-bottom:1px solid  #bbd; border-top:1px solid #bbd; background:#ddf; font-weight:bold;}
.bg    {background:#ddd}
.bggrey td,.bggrey th{background:url(/img/css2/bg-grey.gif) top left repeat-x;padding:2px;color:#fff;height:25px}
.bggrey2 td,.bggrey2 th{background:url(/img/css2/bg-grey.png) top left repeat-x;padding:2px;height:25px}
.box   {border:1px solid #333;}
.help  {cursor:help; border-bottom:1px dotted #666;}
.none,.none a  {background:none !important;}
.none a{padding-left:0 !important}
.blog  {margin:0; padding:5px 0 4px; background:url(/img/css2/dot.png) bottom left repeat-x; color:#38a; font-size:10pt; line-height:110%;}
.blog a{text-decoration:none}
.blog a:hover{color:brown}

ul {list-style-image: url(/img/css2/arr1.gif);}
li {padding-bottom:5px;}
li.arr, ul.arr li {list-style-image:url(/img/css2/arr2.gif);}

.shadow {float:left; background:url(/img/css2/shadow.gif) no-repeat bottom right; margin-bottom:10px;}
.shadow div {float:left; padding:0 6px 6px 0; background: url(/img/css2/shadow2.png) no-repeat left top !important; background: url(/img/css2/shadow2.gif) no-repeat left top;}
.shadow div div {background:#fff; border:1px solid #a9a9a9; padding:4px; margin:0;}

.ct {background:url(/img/css2/box.gif) top left no-repeat;}
.ct div {margin-left:5px; background:url(/img/css2/box.gif) top right no-repeat; padding-top:5px;}
.cb {background:url(/img/css2/box.gif) bottom left no-repeat; margin-bottom:10px;}
.cb div {margin-left:5px; background:url(/img/css2/box.gif) bottom right no-repeat; padding:8px; padding-top:3px;}

/* body tabs */
ul.tab {list-style:none; padding:0 0 5px; font-weight:bold; margin:0 0 15px;}
ul.tab li {display:block; float:left; margin-right:5px; padding:3px 10px; background:#e3e3e3; border:solid 1px #b0c0c5;}
ul.tab .on {background:#f6f8fa; border-bottom:solid 1px #f6f8fa;}
ul.tab li a {text-decoration:none;}
div.tab {padding:10px; border:solid 1px #b0c0c5; background:#f6f8fa; margin-bottom:10px;}

.news{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;
font-family:Verdana,Arial;font-size:13px}
.news h2{font-family:Arial;font-size:17px}
.news h1,.news h2{margin-bottom:0}