a:link {text-decoration: none; color: #663033; font: 12px Arial;}
a:visited {text-decoration: none; color: #663033; font: 12px Arial;}
a:active {text-decoration: none; color: #663033; font: 12px Arial;}
a:hover {text-decoration: underline; color: #663033; font: 12px Arial;}        

body {margin: 0px; background: #1a1e22 url(images/BG.png) repeat; font-family: Arial; font-size: 12px; color: #ffffff; line-height: 18pt; letter-spacing: 0pt;}
p {font: normal 10px/14px arial,helevetica,san-serif;}

.link {font:12px Arial; color: #ffffff; line-height: 18pt; letter-spacing: 0pt;}
.header {font:16px Arial; color: #22303a; line-height: 12pt; letter-spacing: 0pt;}
.subheader {font:13px Arial; color: #77828a; line-height: 12pt; letter-spacing: 0pt; font-style:italic;}
.text {font:12px Arial; color: #000000; line-height: 15pt; letter-spacing: 0pt;}
.footer {font:11px Gill Sans; color: #999999; line-height: 9pt; letter-spacing: 0pt; margin: 30px auto;}

.page {width: 100%; margin: 0px auto; text-align: center;}
.menu {width: 750px; height: 100px; position: relative; margin: 0px auto;}
.content {width: 810px; height: 810px; margin: 0px auto;}
.content .header {width: 750px; height: 164px; vertical-align: top; margin: 0px auto;}
.content .header .left {width: 382px; float: left; margin-top: 50px; margin-bottom: 30px;}
.content .header .right {width: 368px; float: right; text-align: right;}
.content .header .logo {border: 0px;}
.content .main {width: 750px; margin: 0px auto; text-align: left;}

#services {width: 716px; height: 120px; float: left; overflow: hidden; position: relative; margin: 0px auto;}
#services #panel {left: 0px; width: 1434px; height: 120px; position: absolute; margin: 0px auto; text-align: center;}
#services #panel .panelitem {width: 239px; float: left;}
.panelcontrol {width: 17px; height: 120px; float: left;}
.panelcontrol img {margin-top: 52px; cursor: pointer; width: 17px; height: 17px; border: 0px;}

#training {width: 750px; height: 580px; float: left; overflow: hidden; position: relative; margin: 0px auto;}
#training #panel {left: 0px; width: 1500px; height: 580px; position: absolute; margin: 0px auto; text-align: center;}
#training #panel .item {width: 750px; float: left; font:12px Arial; text-align: justify; color: #000000; line-height: 15pt; letter-spacing: 0pt;}
#training #panel .control {width: 750px; width: 17px; height: 17px; cursor: pointer; margin-top: 20px;}
#training #panel #next {margin-left: 733px}
#training #panel #prev {}

.traininglist {list-style-image: url(images/dot.png);}

.textbox {width: 300px; border: 0px solid #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#889195;}
.button {width: 50px; border: 0px solid #000000; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; color: #333333; background-color:#889195;}
.search {width: 150px; border: 0px solid #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#889195;}

#container {position: relative; width: 280px; height: 180px; overflow: hidden; border: solid 0px #666;}
#content {position: relative; width: 275px; left: 0px;}

#scrollArea {position: relative; height: 200px; width: 10px; border-top: 0px solid #666; border-bottom: 0px solid #666; border-left: 0px dotted #999999; border-right: 0px dotted #999999; overflow: hidden;}
#scroller {position: relative; width: 10px; background: #e6e6e6; border-top: 0px dotted #999999; border-bottom: 0px dotted #999999; border-left: 0px dotted #999999; border-right: 0px dotted #666;}