/* CSS Harold.Fish */
body {
	text-align:center;
	margin:0;
	color: #333;
	font-size: 12px;
	line-height:1.8em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:#c6d1d9;
}
			
#container {
			width:1004px;		
			margin-left:auto;
			margin-right: auto;
			background:#c6d1d9 url(../../images/bg.jpg) center top no-repeat;
}
img {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
ul,li,p,img,h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
border:none;
}
h3{
font-size:17px;
}
h5{
	line-height:20px;
	font-weight:bold;
	font-size:13px;
	text-align:left;
}
h6{
line-height:normal;
font-size:12px;
font-weight:bold;
color:#2c599c;
}
.backHome{
position:absolute;
font-size:14px;
right:100px;
top:20;
}
.clearBoth{
clear:both;
}
a{
	color: #333333;
	text-decoration: none;
	blr:expression(this.onFocus=this.blur());/* clear the IE check box */

}
a:hover{
color: #666666;
}
.upDown{
display:block; float:left; padding:0 5px; margin:5px;
}
a:hover.upDown{
color:#fff;
}
a.downloadA{
padding:2px 5px 2px 17px;  
background:url(../../images/icon.gif) 0 -37px no-repeat; 
}
a:hover.downloadA{
color:#Fff;
}
.borderBottom{
display: block;
height:2px;
margin:5px 5px 5px 0;
padding-bottom:2px;
border-bottom:1px dashed #2c599c;
}
.colorB{
color:#000;
}
#updown{
display:block;
clear:both;
margin:5px 0;
}
#updown a{
padding:2px 3px;
margin:0 3px;
}
#updown a:hover,
#updown .use{
color:#fff;
background:#2c599c;
}
.top{
margin-top:285px;
margin-left:702px;
font-size:9px;
}
.mp3Nav{
display:block;  
float:left;
line-height:20px;
padding:0 5px;
margin:0 5px;
}
.mp3Nav a{
display:block;
width:210px;
}
.mp3Nav li{
margin-bottom:5px;
border-bottom:1px dashed #aaa;
}



#head{
height:100px;
width:1004px;
text-align:center;
}
#head img{
margin:10px 0 0 0;
}
#content{
display:block;
height:390px;
padding:0 100px 0 110px;
text-align:left;
}
#conLeft{
display:block;
float:left;
text-align:left;
width:700px;
}
#conLeft table{
font-size:11px;
margin:5px 0;
}
#Scroller-1 { 
  position: absolute; 
  width: 700px;
  height: 300px;
  overflow:hidden;
}
#Scroller-1 a{
color:#3355aa;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  padding-left:2px;
  z-index:9;
}
strong{
font-size:13px;
line-height:35px;
}
#Scrollbar-Container {
  position: relative;
  top: 0px; left: 705px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 9px; height: 265px;
  position: absolute;
  top: 12px;
  background: transparent url(../../images/scrollbar_track.gif) repeat-y center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 9px; height: 49px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 280px;
}

#navLi{
display:block;
float:left;
font-size:12px;
height:25px;
line-height:20px;
width:730px;
clear:both;
font-weight:bold;
list-style:none;
padding:10px 0 0 0;
border-bottom:2px #2c599c solid;
margin:5px 0 5px 0;
}
#navLi li{
float:left;
margin:0 2px;
}
#navLi a{
display:block;
color:#2c599c;
margin:0 6px 0 0;
padding:0 0 0 6px;
background:url(../../images/icon.gif) -5px 4px no-repeat;
}
#navLi .use,
#navLi a:hover{
font-size:12px;
font-weight:bold;
color:#a72e30;
text-decoration:underline;
}

#conRight{
position:relative;
float:right;
height:367px;
width:50px;
margin:4px 0 0 0;
z-index:999;
}
#conRight .navRight{
position: absolute;
width:50px;
display:block;
height:367px;
left:0;
right:0;
overflow:hidden;
background:url(../../images/navbg.jpg) 0 0 no-repeat;
}
#conRight .navRightOver{
position: absolute;
display:block;
height:367px;
overflow:hidden;
background:url(../../images/navbg.jpg) 0 0 no-repeat;
width:247px;
margin-left:-197px;
overflow:hidden;
}
#conRight ul{
line-height:36px;
list-style:none;
font-size:12px;
font-weight:bold;
margin:17px 0 0 50px;
}
#conLeft #indexText{
display:block;
width:520px;
margin:20px 0 0 0;
}
#conLeft strong{
color:#2c599c;
}
strong a{
color:#2c599c;
}

#indexNews{
float:left;
width:530px;
height:255px;
list-style:none;
line-height:28px;
margin:20px 10px 0 0;
}
#indexNews li{
border-bottom:1px dashed #eee;
}

#indexNews li a{
display:block;
padding:0 0 0 16px;
float:left;
background:url(../../images/icon.gif) 0 10px no-repeat;
}
#indexNews li img{
float:left;
margin:10px;
}

#indexNews h6{
padding:0 0 5px 20px;
background:url(../../images/icon.gif) 0 -19px no-repeat;
border-bottom:1px solid #2c599c;
}
#indexNews h6 a{
color:#2c599c;
}
#indexButton{
clear:both;
margin:20px 0 0 0;
}
.buttonA1{
background:url(../../images/mp3button.jpg) 0 0 no-repeat;
}
.buttonA2{
background:url(../../images/videobutton.jpg) 0 0 no-repeat;
}
#indexButton a{
display:block;
width:241px;
height:37px;
line-height:34px;
float:left;
margin:0 20px 0 0;
padding:0 0 0 40px;
}
.trainingNews{
list-style:none;
line-height:25px;
margin:10px 0 0 20px;
}
.news {CLEAR: both; BACKGROUND: url(../../images/news_bg.gif); WIDTH: 672px; ColOR: #2c599c; HEIGHT: 26px; padding:0 20px;}
.news ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; liNE-HEIGHT: 26px; PADDING-TOP: 0px; liST-STYLE-TYPE: none; HEIGHT: 26px}
.news ul li {MARGIN: 0px 0px 0px 1em; text-align:left;}
.news ul li.active {DISPLAY: block}
.news span {BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.75em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0.75em 0px 0px; PADDING-TOP: 0px}
.news ul A {ColOR: #fff; TEXT-DECORATION: none}
.news ul A:hover {TEXT-DECORATION: underline}
.news ol {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: -19px 8px 0px 0px; PADDING-TOP: 0px; liST-STYLE-TYPE: none}
.news ol li {DISPLAY: inline; MARGIN: 0px 0px 0px 3px; width:10px;}
.news ol li A {BACKGROUND: url(../../images/switcher.gif) 0px -10px}
.news ol li A:hover {BACKGROUND: url(../../images/switcher.gif) 0px 10px}
.news ol li A.active {BACKGROUND: url(../../images/switcher.gif) 0px 0px}
.news ol li A.active:hover {BACKGROUND: url(../../images/switcher.gif) 0px 0px}





#foot{
height:90px;
width:1004px;
text-align:center;
background:url(../../images/foot.jpg) center top no-repeat;
}
#foot a{
color:#666;
}
#foot .backIndex{
display:block;
height:30px;
margin-bottom:15px;
}
a.design{
font-size:10px;
color:#666;
}