@import url('content.css');

body {
  background-color:     #383b3f;
  background-image:     url('../images/body-bg.gif');
  background-repeat:    repeat-y;
  font-family:          Tahoma, Arial, Helvetica;
  font-size:            70.01%;
  font-weight:          normal;
  color:                #c5c7c8;
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 0px 0px;
  line-height:          16px;
  width:                100%;
  border:               0px;
  }
  
  
#MAIN {
  background-image:     url('../images/main-bg.gif');
  background-repeat:    repeat-x;
  width:                100%;
  }

div.Clearing {
  clear:                both;
  }
  
div.hr {
  background-color:     #5e6165;
  border-top:           1px solid #35373a;
  margin:               0px 20px 0px 20px;
  padding:              0px;
  height:               1px;
  line-height:          1px;
  overflow:             hidden;
  }
  
#LEFT {
  float:                left;
  margin:               0px 0px 0px 0px;
  padding:              0px;
  border:               0px solid red;
  width:                258px;
  overflow:             hidden;
  }
#LEFT div.Logo {
  padding:              20px 0px 1px 16px;
  }
* html #LEFT div.Logo {
  padding:              20px 0px 11px 16px;
  margin:               0px 0px 0px 0px;
  }
#LEFT div.Image {
  height:               129px;
  overflow:             hidden;
  border:               0px solid red;
  }
#LEFT ul {
  list-style-type:      none;
  padding:              0;
  margin:               0px 0px 0px 0px;
  border-bottom:        1px solid #4c4f53;
  }
#LEFT li {
  color:                #c5c7c8;
  display:              block;
  border-top:           1px solid #4c4f53;
  border-bottom:        1px solid #27292c;
  }
#LEFT li a {
  color:                #c5c7c8;
  display:              block;
  padding:              2px 0px 2px 24px;
  text-decoration:      none;
  }
#LEFT li.active {
  }
#LEFT li.sub {
  border-top:           1px solid #4c4f53;
  border-bottom:        1px solid #383b3f;
  }
#LEFT li.active a {
  background-image:     url('../images/navigation/arrow-right.gif');
  background-repeat:    no-repeat;
  background-position:  13px 7px;
  font-weight:          bold;
  }
#LEFT li.level2,
#LEFT li.level2active {
  border-top:           1px solid #383b3f;
  border-bottom:        1px solid #383b3f;
  padding:              0px 0px 0px 0px;
  line-height:          14px;
  }
#LEFT li.level2 a {
  padding:              2px 0px 2px 33px;
  }
#LEFT li a:hover,
#LEFT li a:active {
  color:                #ff9600;
  }
#LEFT li.level2active a {
  background-image:     url('../images/navigation/arrow-right.gif');
  background-repeat:    no-repeat;
  background-position:  22px 7px;
  padding:              2px 0px 2px 33px;
  }
#LEFT li.level2 a:hover,
#LEFT li.level2 a:active {
  color:                #ff9600;
  }
#LEFT li.sub a,
#LEFT li.sub a:hover,
#LEFT li.sub a:active {
  background-image:     url('../images/navigation/arrow-bottom.gif');
  background-repeat:    no-repeat;
  background-position:  13px 7px;
  font-weight:          bold;
  }

  
#CENTER {
  float:                left;
  margin:               0px 0px 0px 0px;
  border:               0px solid red;
  width:                480px;
  }
#CENTER div.Welcome {
  background-color:     #000000;
  background-image:     url('../images/welcome-bg.jpg');
  background-repeat:    no-repeat;
  height:               21px;
  margin:               31px 0px 0px 0px;
  padding:              4px 4px 0px 8px;
  font-weight:          bold;
  }
#CENTER div.Welcome span {
  float:                right;
  width:                60px;
  font-weight:          normal;
  }
#CENTER div.Flash {
  height:               109px;
  background-color:     #000000;
  overflow:             hidden;
  }
#CENTER div.BreadCrump {
  margin:               8px 20px 8px 20px;
  padding:              0px 0px 0px 24px;
  background-image:     url('../images/navigation/sitemap.gif');
  background-repeat:    no-repeat;
  background-position:  0px 4px;
  }
  
#CENTER div.Content {
  margin:               8px 20px 8px 20px;
  }
#CENTER div.Content div.hr {
  margin:               4px 0px 4px 0px;
  clear:                both;
  }
  
#CENTER div.Box {
  background-color:     #383b3f;
  margin:               0px;
  padding:              1px;
  }
#CENTER div.Box div.Image {
  background-color:     #383b3f;
  float:                left;
  margin:               0px 8px 0px 0px;
  overflow:             hidden;
  }
#CENTER div.Box div.Text {
  background-color:     #383b3f;
  padding:              4px 16px 4px 108px;
  border:               0px solid red;
  }
  
#CENTER div.ImageBG {
  background-color:     #383b3f;
  background-image:     url('../images/image-bg.jpg');
  background-repeat:    no-repeat;
  background-position:  right top;
  margin:               0px 0px 8px 0px;
  padding:              1px;
  min-height:           60px;
  border-bottom:        1px solid #5e6165;
  width:                438px;
  overflow:             visible;
  }
#CENTER div.Article {
  overflow:             visible;
  }
  
  
#CENTER div.Box div.ScrollText {
  }
* html #CENTER {
  }
#CENTER a.Details {
  background-image:     url('../images/navigation/arrow-right.gif');
  background-repeat:    no-repeat;
  background-position:  0px 4px;
  font-size:            1em;
  font-weight:          normal;
  padding:              0px 0px 0px 10px;
  text-decoration:      underline;
  }
#CENTER a.Media {
  background-image:     url('../images/navigation/arrow-right-grey.gif');
  background-repeat:    no-repeat;
  background-position:  0px 4px;
  font-size:            1em;
  font-weight:          normal;
  padding:              0px 0px 0px 10px;
  text-decoration:      underline;
  }  
#CENTER h1 a,
#CENTER h2 a,
#CENTER h3 a {
  float:                right;
  font-weight:          normal;
  font-size:            11px;
  text-decoration:      underline;
  padding:              0px 0px 0px 10px;
  }
  
  
#RIGHT {
  margin:               0px 0px 0px 738px;
  padding-top:          56px;
  }
#RIGHT div.Bookmark {
  position:             absolute;
  left:                 800px;
  top:                  36px;
  }
#RIGHT div.Customers {
  margin:               0px 0px 0px 18px;
  height:               109px;
  width:                200px;
  text-align:           center;
  border:               0px solid red;
  }
#RIGHT div.Customers img {
  margin:               10px 0px 0px 0px;
  }
#RIGHT div.Headline {
  position:             absolute;
  left:                 762px;
  top:                  60px;
  font-size:            8px;
  font-family:          Verdana, Tahoma, Helvetica;
  font-weight:          bold;
  color:                #c5c7c8;
  }
  
  
#RIGHT div.ContextBox {
  width:                205px;
  border-top:           1px solid #232528;
  border-right:         1px solid #46494d;
  border-bottom:        1px solid #46494d;
  border-left:          1px solid #232528;
  margin:               16px 16px 16px 16px;
  padding:              0px 0px 8px 0px;
  }
#RIGHT div.ContextBox h1 {
  font-size:            1em;
  color:                #c5c7c8;
  text-align:           left;
  padding:              1px 4px 4px 20px;
  background-image:     url('../images/navigation/news.gif');
  background-repeat:    no-repeat;
  background-position:  6px 6px;
  border-top:           1px solid #46494d;
  border-right:         1px solid #232528;
  border-bottom:        1px solid #232528;
  border-left:          1px solid #46494d;
  }
#RIGHT div.ContextBox h2 {
  padding:              0px 4px 0px 8px;
  margin:               8px 0px 0px 0px;
  font-size:            0.9em;
  font-weight:          normal;
  color:                #ff9600;
  line-height:          14px;
  }
#RIGHT div.ContextBox a {
  display:              block;
  font-size:            0.9em;
  font-weight:          normal;
  padding:              2px 4px 8px 8px;
  margin:               0px;
  line-height:          14px;
  }
#RIGHT div.ContextBox div.hr {
  border-top:           1px solid #27292c;
  margin:               0px 8px 0px 8px;
  }
  
/* FORMS */
form {
  margin:               0px;
  padding:              0px;
  }
fieldset {
  background-color:     #383b3f;
  border:               0px;
  margin:               0px 0px 0px 0px;
  padding:              16px 8px 16px 16px;
  }
fieldset label {
  display:              block;
  line-height:          17px;
  margin:               8px 0px 0px 0px;
  clear:                both;
  }
fieldset label span {
  display:              block;
  float:                left;
  width:                80px;
  }
fieldset strong.hl {
  color:                #ff9600;
  }
  
input, textarea {
  font-size:            11px;
  font-family:          Tahoma, Arial, Helvetica;
  border-width:         1px;
  width:                240px;
  }
select {
  font-size:            11px;
  border-width:         1px;
  width:                244px;
  }
input.checkbox,
input.radio {
  width:                20px;
  }
input.submit,
input.button  {
  padding:              2px 4px 2px 4px;
  width:                120px;
  background-color:     #383b3f;
  color:                #ffffff;
  }