@charset "utf-8";

/* CSS Document */

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; margin: 0; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ccc; margin: 0; font-weight: normal; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFF; margin: 20px; }

.mid-timeline { float: left; width: 960px; margin: 40px 0 0 0; color: #FFF; padding:0 0 100px 0; background: url(../images/bg-timeline.jpg) no-repeat; }

.year-timeline { width: 920px; height: 60px; margin: 0 auto 40px auto;/* border-bottom: 1px #333 solid; border-top: 1px #333 solid;*/ clear: both; background: url(../images/bg-year-timeline.gif) repeat-x; }
.year-timeline ul { margin: 0; padding: 0; }
.year-timeline ul li { list-style: none; display: inline; padding: 0 0 20px 0; margin: 0 54px; line-height: 40px; background: url(../images/bullet.gif) no-repeat; background-position: center; }
*html .year-timeline ul li { list-style: none; display: inline; padding: 20px 0 20px 0; margin: 0 54px; line-height: 40px; background: url(../images/bullet.gif) no-repeat; background-position: center; }
.year-timeline ul li a { font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #666; text-decoration: none; padding-bottom: 20px; }
.year-timeline ul li a:hover { color: #26afe5; background: url(../images/bullet-ov.gif) no-repeat; background-position: center; }


.midl-timeline {float: right; width: 740px; margin: 0 0 20px 0; }

.left-timeline { float: left; width: 180px; margin: 0 0 0 20px; }
.left-timeline .date { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.left-timeline .title2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-bottom: 5px; margin: 0 10px 0 0; cursor: pointer; }
.left-timeline .title2 a { text-decoration: none; color: #26afe5; }
.left-timeline .title2 a:hover { text-decoration: underline; }
.left-timeline .title a { text-decoration: none; color: #26afe5; }
.left-timeline .title a:hover { text-decoration: underline; }
.left-timeline .title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-bottom: 10px; margin: 0 10px 0 0; }
.row { background: #191e1f; width: 720px; margin: 0; height: 260px; }
.row a { color: #26afe5; text-decoration: none; }
.row a:hover { text-decoration: underline; }
.row .img { float: left; width: 260px; height: 240px; background: #000; margin: 10px 10px 0 10px; } 
.row .txt { float: left; width: 400px; margin: 10px 0 0 10px; }
.row .txt p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #CCC; margin: 10px 0 0 0; line-height: 20px; }

.f8 { width: 200px; height: 20px; border: 1px #343434 solid; background-color: #242424; padding: 2px 2px 2px 5px; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }