@charset "utf-8";
/* CSS Document */

body { 
  background:  url(images/reg-bg.gif); 
  border:      0px; 
  margin:      0px; 
  padding:     0px; 
  font-family: Arial, Helvetica, sans-serif;
  behavior:    url("csshover3-cource.htc");
}

a { text-decoration: none; }

a, a:link, a:visited { color: #990000; }
a:focus, a:hover, a:active { color: #666666; }

a.btn { color: #990000; font-size: 12px;}
a.btn:hover, a.btn:focus, a.btn:active { color: #666666; }

a.btn2 { 
  display:        block;
  padding-top:    10px;
  width:          110px;
  height:         20px;
  vertical-align: bottom;
  color:          #666666; 
  font-weight:    bold;
  border-bottom:  1px solid #666666;
}
a.btn2:hover, a.btn2:focus, a.btn2:active { color: #FFFF00; }

.qf {
  border:     1px solid #990000;
  background: #666666;
  color:      #FFFFFF;
}

#wrap {
  margin:  auto;
  width:   100%;
  padding: 0px;
}

#header-gap {
  background-image: url(images/dark-bg.gif);
  border-top:       1px solid #333333;
  border-left:      1px solid #333333;
  border-right:     1px solid #333333;
  display:          block;
  width:            783px;
  height:           20px;
  padding:          0px;
  margin:           auto;
}

#header-wrap {
  background:   #000000;
  width:        783px;
  border-left:  1px solid #333333;
  border-right: 1px solid #333333;
  padding:      0;
  margin:       auto;
}

#header {
  background-image:    url(images/banner.jpg);
  background-repeat:   no-repeat;
  background-position: right;
  background-repeat:   none;
  position:            relative;
  width:               781px;
  height:              332px;
  padding:             0px;
  margin:              auto;
}

#header-top {
  display:        block;
  width:          783px;
  height:         55px;
  text-align:     center;
  vertical-align: middle;
  font-size:      12px;
}

#header-mid {
  display:    block;
  width:      783px;
  height:     120px;
}


#header-bottom {
  width:     783px;
  font-size: 14px;
}

#header-spacer1 {
  display: block;
  width:   340px;
  height:  2px;
  float:   left;
}

#header-spacer2 {
  display: block;
  width:   140px;
  height:  2px;
  float:   left;
}

#content {
  background:        #000000;
  color:             #FFFFFF;
  position:          relative;
  border-left:       1px solid #333333;
  border-right:      1px solid #333333;
  width:             783px;
  min-height:        200px;
  padding:           0px;
  margin:            auto;
  font-size:         15px;
  font-family:       Arial, Helvetica, sans-serif;
}

.index-left {
  padding:     5px;
  float:       left;
  width:       290px;
  font-size:   12px;
}

.index-right {
  padding: 5px;
  margin:  auto;
  float:   left;
  width:   420px;
}

.sub-left {
  display:       block;
  float:         left;
  width:         50px;
  min-height:    10px;
  text-align:    right;
  padding-right: 10px;
}

.sub-right {
  float: left;
  width: 230px;
}

.sub-left2 {
  display:       block;
  float:         left;
  width:         70px;
  min-height:    10px;
  text-align:    right;
  padding-right: 10px;
}

.sub-right2 {
  float: left;
  width: 210px;
}

.big-highlight {
  width:      700px;
  min-height: 200px;
  background: #222222;
  padding:    5px;
  margin:     auto;
}

.bh-left {
  float:     left;
  width:     290px;
  font-size: 14px;
  color:     #FFFFFF;
  padding:   5px;
  margin:    0px;
}

.bh-right {
  float:   left;
  width:   400px;
  padding: 0px;
  margin:  0px;
}

.index-highlight {
  width:      420px;
  min-height: 130px;
  background: #222222;
  padding:    5px;
  margin:     0;
}

.spacer1, .spacer2 { 
  display: block; 
  float:   left; 
  height:  2px;
}

.spacer1 { width: 10px; }
.spacer2 { width: 60px; }

#footer {
  background-image:  url(images/dark-bg.gif);
  position:          relative;
  border-bottom:     1px solid #333333;
  border-left:       1px solid #333333;
  border-right:      1px solid #333333;
  width:             783px;
  height:            50px;
  padding:           0px;
  margin:            auto;
}

.footer-section {
  float:      left;
  color:      #666666;
  font-size:  12px;
  text-align: center;
  width:      380px;
  padding:    5px;
  margin:     auto;
}

.center-container1 {
  margin:     auto;
  padding:    0px;
  border:     none;
}

.field {
  float: left;
  width: 120px;
}

.field1, .field2 {
  float:  left;
  height: 22px;
}

.field1 { width: 110px; }
.field2 { width: 170px; }

.left1 { width: 170px; font-size: 10px; }

.left, .left1  { float: left; }
.right { float: right; }
.clr   { clear: both; }