@font-face{ font-family: 'CS'; src: url('/css/ClearSans-Regular.woff') format('woff'),url('/css/ClearSans-Regular.ttf') format('truetype');}
@font-face{ font-family: 'CSB'; src: url('/css/ClearSans-Bold.woff') format('woff'),	url('/css/ClearSans-Bold.ttf') format('truetype');}

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family:CS;font-size:14px;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

body {background:url('/imgs/bg.jpg') top center no-repeat #FFFFFF;}

a:link, a:visited {color:#00378B;}
a:hover{color:#E2001A;}
strong{font-family:CSB;font-size:16px;}

#container{margin:0 auto;width:1000px;}

/* LOGO, MENU & LANG */
#top{display:block;width:1000px;height:230px;}
#logo{display:block;width:400px;height:230px;float:left;}
#logo img{margin:50px 0 50px 50px;}

#lang{display:block;width:570px;height:230px;height:50px;margin:80px 30px 0 0; text-align:right;}
#menu{display:block;width:600px;height:230px;float:left;}
#menu ul{display:block;width:600px;margin:0;list-style:none;margin:14px 30px 0 0;float:right;}
#menu li{display:block;float:right;text-transform:uppercase;font-family:CSB;font-size:16px;line-height:16px;margin:0 0 0 50px;text-align:right;color:#000;}
#menu li a{font-family:CSB;font-size:16px;line-height:16px;}

/* main area */

#mainC{display:block;width:1000px;background:#ffffff;opacity:0.9;position:absolute;top:230px;center:0;min-height:400px;}
#main{display:block;width:900px;margin:50px 30px 30px 70px;}
#main h1{font-size:36px;color:#111;font-family:CSB;}
#main h2{font-size:24px;color:#222;margin-top:20px;font-family:CSB;}
#main h3{font-size:18px;color:#333;margin:10px 0 0 30px;font-family:CSB;}
#main p{margin:20px 0;text-indent:30px;text-align:justify;font-size:16px;line-height:20px;font-family:CS;color:#444;}
#main ul{list-style: square outside;margin:10px 20px 20px 20px;}
#main li{display: list-item; list-style: square outside; text-indent:0px;font-size:14px;line-height:16px;margin:5px 20px;}

#main pre{margin-top:25px;font-family:CS;font-size:12px;color:#E2001A;margin-bottom:-20px;}
#main img{}
#main img.half{float:right;margin:5px 0 5px 20px;border:solid 1px #EFEFEF;}

#toc{margin: 5px 0 20px 0;font-family:CS;font-size:12px;}
#toc ul{list-style:none;margin:0 0 0 0px;float:right;width:820px;}
#toc li{display:block;width:24px;padding:0 5px 5px 5px;height:24px;float:left;font-family:CSB;font-size:12px;}
#toc a{font-family:CS;font-size:12px;}

#indx{display:block;width:930px;margin:30px 30px 30px 40px;}
.tre {width:280px;float:left;margin:0 0 20px 30px;}
.tre img{float:none;margin:0;}
.tre h2{font-size:18px;color:#222;margin-top:10px;font-family:CSB;}
.tre h2 a{font-size:18px;font-family:CSB;}
.tre p{margin:10px 0;text-indent:0px;text-align:left;font-size:12px;line-height:16px;font-family:CS;color:#444;}

#news{display:block;width:930px;margin:0px 0px 0px 0px;border-top:solid 2px #efefef;padding:30px 30px 20px 40px;}
#news h3{margin:0px 0 20px 30px;font-size:22px;color:#222;font-family:CSB;}
#news h5{margin:0px 0 10px 30px;font-size:14px;color:#222;font-family:CSB;}
#news h5 a{display:block;font-size:12px;font-family:CS;}
#news img{float:left;margin:3px 10px 15px 0;width:75px;height:75px;}

.tre h4{font-size:14px;color:#222;margin:0;font-family:CSB;}
.tre h4 a{font-size:14px;font-family:CSB;}
.tre pre{font-size:10px;line-height:12px;font-family:CS;color:#444;margin:0;}
.tre p.news{margin:0px 0 10px 0;text-indent:0px;text-align:left;font-size:12px;line-height:16px;font-family:CS;color:#444;}

.clear{clear:both;height:0px;width:100%;}

#front{width:900px;height:400px;display:block;overflow:hidden;position:relative;float:none;}
#front div{width:900px;height:150px;position:absolute;top:250px;left:0;background:#FFF; opacity:0.9;z-index:60;}
#front h1{font-size:32px;color:#111;font-family:CSB;margin:20px 20px 10px 20px;}
#front p{margin:0 20px;text-indent:0px;text-align:left;font-size:14px;line-height:18px;font-family:CS;color:#222;}
#front h1 a{font-size:32px;font-family:CSB;}


/* bottom */
#bottom{clear:both;display:block;width:1000px;background:#ffffff;opacity:0.9;border-top:solid 2px #E2001A;margin:20px 0;}
#bottom div{margin:20px 20px 20px 70px;display:block;width:410px;float:left;height:30px;font-size:12px;font-family:CS;color:#444;}
#bottom a{color:#BBBBBB;font-size:10px;}