body { background:url(images/body-bg.gif) #fff repeat-x center top; }
div { font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS", "Lucida Sans"; font-size:13px; }
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS", "Lucida Sans"; font-size:13px; }

h1 { font-size:22px; color:#004A8D; font-weight:bold; margin-left:20px; margin-bottom:18px; }
a { color:#00AEEF; }
a:visited { color:#00AEEF; }

#wrapper { width:870px; margin:0 auto 30px auto;  }

/* Header */
#header { height:209px; background:url(images/header.jpg) no-repeat 50px 10px;  }
#header a { width:617px; height:162px; display:block; text-indent:-9999px; }

/* nav */
#nav ul { height:27px; border-left:#fff solid 2px; }
#nav li { float:left; }
#nav li#btn2 a { width:102px; }
#nav li#btn3 a { width:142px; } 
#nav li a { width:122px; border-right:#fff solid 2px; text-align:center; color:#fff; padding-top:7px; height:20px; font-size:12px; letter-spacing:0em; display:block; font-weight:bold; text-decoration:none;  }
#nav li a:hover, #nav li a.selected { background:#00AEEF; }

/* General body */
.body { width:517px; float:left; padding-top:50px; line-height:18px; padding-bottom:40px; display:block;}
.body p { margin-bottom:13px; }
.body #text { margin-left:20px; text-align:justify;  }
.body #text ul { list-style-type:square; padding-left:30px; }
.body #text ol { list-style-type:decimal; padding-left:30px; }
.body #text img { margin:7px; }

/* General sidebar */
.sidebar { width:279px; float:right; display:block; overflow:auto; height:100%; padding:9px; background:#EDEEF0; margin:40px 0; }
.sidebar h2 { font-size:22px; font-weight:normal; margin-bottom:20px; }
.sidebar li { padding-bottom:9px; margin-bottom:9px; border-bottom:#fff solid 1px; height:100%; }
.sidebar li h3 { font-weight:bold; margin-bottom:3px; }
.sidebar li .subtitle { font-style:italic; }
.sidebar li .desc { margin-top:6px; font-size:11px; line-height:16px; }
.sidebar li .desc a.more { color:#00AEEF; font-style:italic; }


/* Survey */
#survey { margin-left:15px; margin-top:12px; }
#survey h2 { width:505px; height:33px; background:url(images/frame-top.gif) no-repeat center top; display:block; text-indent:-9999px;  }
#survey .content { width:478px; padding:12px 14px 10px 14px;  background:url(images/frame-body.gif) no-repeat center bottom; overflow:auto; height:100%; }
#survey .title { margin-bottom:17px; }
#survey  .option { float:left; }
#survey  .option li { float:left; margin-right:24px; }
#survey  #button { float:right; }
#survey  #button #submit { width:81px; height:23px; background:url(images/btn-submit1.gif) no-repeat center top; float:left; text-indent:-9999px; } 
#survey  #button #result { width:81px; height:23px; margin-left:12px; background:url(images/btn-result.gif) no-repeat center top; float:left; text-indent:-9999px; } 

#survey .left { width:360px; margin-left:30px; color:#fff; float:left; display:inline; }
#survey .left .title {  font-size:20px;margin-bottom:13px; display:block; }
#survey .right { margin-left:10px; color:#fff; float:left; font-size:15px; }
#survey .right li { margin-bottom:6px; }
#vote { text-align:center; margin-top:10px;margin-bottom:40px; }

/* video */
#video-body { width:865px!important; }
#video { margin-top:45px; }
#video  ul { margin-left:20px; }
#video li { float:left; margin:0 40px 24px 0; width:381px; }

/* Link */
#link-body { }
#link { margin-top:45px; }
#link  ul { margin-left:20px; }
#link li { margin:0 46px 24px 0; color:#666; padding-bottom:20px; border-bottom:#ccc solid 1px; }
#link li h2 { font-weight:bold; color:#004A8D; margin-bottom:10px; font-size:14px; }
#link li .url { color:#004A8D; font-size:12px; font-weight:normal; margin-bottom:10px; display:block; }

/* Download */
#download { margin-top:45px;  }
#download ul { margin-left:20px; border-top:#ccc solid 1px; }
#download li { padding:6px 0; border-bottom:#ccc solid 1px; height:100%; overflow:auto; }
#download li .title { color:#004A8D; font-weight:bold; float:left; width:330px; padding:0px 0 0 10px;  }
#download li .title p { color:#999; font-size:13px; font-weight:normal; }
#download li .size { float:left; width:85px; padding-left:15px; padding-top:15px; color:#666; }
#download li .download { float:left; }

/* Contact */
#form { margin:20px 0 0 20px; }
#form label { color:#004A8D; font-weight:bold; display:block; margin-bottom:4px; } 
#form .textbox { margin-bottom:10px; width:450px; height:20px; border:#ccc solid 1px; }
#form .textarea { margin-bottom:10px; width:450px; height:200px; border:#ccc solid 1px; }
#form #msg { border:#004A8D solid 1px; padding:10px; font-weight:bold; background:#E1EAF7; }

/* blog */
#blog-body { padding-top:8px; }
#blog { background:url(images/arrowup.gif) #F1F1F2 no-repeat center top; width:717px; padding: 65px 33px 28px 44px; overflow:auto; height:100%; } 
#blog h1 { margin-left:0; font-size:18px; }
#blog #list { height:305px; overflow:auto;  }
#blog #list ul { margin-right:20px; }
#blog #list li { padding:8px 0; border-bottom:#808285 solid 1px; overflow:auto; height:100%; }
#blog #list li p { margin:0; }
#blog #list li .text { font-size:14px; margin-bottom:14px; }
#blog #list li .time { color:#808285; font-size:11px; float:left; width:300px; }
#blog #list li .tool { float:right;color:#808285; font-size:11px;  }
#blog #list li .tool a { color:#808285; }

#blog #post { margin-top:20px; }
#blog #post .left { width:425px; float:left; }
#blog #post .left .box { width:379px; padding:35px 0 0 18px; height:102px; display:block; background:url(images/post.gif) no-repeat center top; }
#blog #post .left .box .textarea { width:359px; height:85px; color:#808285; border:none; } 
#blog #post .left .submit { margin:7px 0 0 330px; }

#blog #post .right { width:260px; float:left;padding-top:20px;  }
#blog #post .right h2 { font-size:12px; color:#004A8D;  margin-bottom:11px; }
#blog #post .right #signup { background:url(images/btn-signup.gif) no-repeat center top; width:78px; height:19px; float:left; margin-right:11px; text-indent:-9999px; }
#blog #post .right #login { background:url(images/btn-login.gif) no-repeat center top; width:63px; height:19px; float:left; margin-right:11px; text-indent:-9999px; }