/******************************************************************************
**  Root elements
******************************************************************************/

html {
  margin: 0;
  padding: 0;

  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #393D50;

  background: #F4F7FF;
}



h2 {
  margin: 10px 0;
  padding: 0;

  font-size: 150%;
  font-weight: bold;
  color: #CC0000;
}


dt {
  margin: 5px 0;
  padding: 0;

  font-weight: bold;
  font-size: 120%;
  color: #4A4F79;
}

dd {
  margin: 5px 0 5px 2em;
  padding: 0;
}


form {
  margin: 0;
  padding: 0;
}




#wrapper {
  position: relative;

  margin: 0;
  padding: 0;

  width: 980px;

  text-align: left;
}




/******************************************************************************
**  Splash element
******************************************************************************/

#header {
  position: relative;
  margin: 0;

  height: 167px;

  background: transparent url(images/top_bg.gif) repeat-x 0 0;
}

#header h1 {
  position: absolute;
  top: 0px;
  left: 0px;

  z-index: 3000;

  width: 310px;
  height: 183px;

  margin: 0;
  padding: 0;

  background: transparent url(images/logo.gif) no-repeat 0 0;
}

#header h1 span {
  display: none;
}




#header #top-corner {
  position: absolute;
  top: 0px;
  right: 0px;

  width: 439px;
  height: 99px;

  margin: 0;
  padding: 0;

  background: transparent url(images/topcorner_bg.gif) no-repeat 100% 0;
}



#header #splash {
  position: absolute;
  top: 62px;
  left: 302px;

  width: 659px;
  height: 58px;

  margin: 0;
  padding: 0;
}



/******************************************************************************
**  Top navigation styles
******************************************************************************/


#navigation {
  position: absolute;
  top: 150px;

  z-index: 4000;

  width: 100%;
  height: 44px;
} 

#nav {
  height: 100%;

  margin: 0 22px 0 247px;
  padding: 0;

  background: transparent url(images/menu_bg.gif) no-repeat 0 0;
} 

#nav div {
  margin: 0;
  padding: 12px 25px 0 25px;

  height: 100%;

  font-size: 12px;
  font-weight: bold;
  color: #FFF;

  overflow: hidden;
  
  background: transparent url(images/menu_right.gif) no-repeat 100% 0;
} 

#nav a {
  padding: 0 2px;

  color: #FFF;
  text-decoration: none;
}

#nav a:hover {
  color: #FFFC99;
  text-decoration: underline;
}

#nav a.current {
  padding: 0 2px;

  color: #FFFC99;
  text-decoration: none;
}





/******************************************************************************
**  Content-area styles
******************************************************************************/


#content-frame {
  width: 100%;
  min-height: 300px;

  border-spacing: 0;

  padding: 0;
  margin: 0;

  border: 0 none;
}

* html #content-frame {
  height: 300px;
}







/******************************************************************************
**  Left-band styles
******************************************************************************/


#left-band {
  width: 166px;

  padding: 0 0 100px 0;

  background: transparent url(images/left_bg.gif) repeat-y 0 0;
}


#left-band a {
  color: #424769;
  text-decoration: none;
}

#left-band a:hover {
  color: #FFF;
  text-decoration: none;
}



#left-band h4 {
  margin: 5px 0;
  padding: 2px 3px 0 15px;

  height: 21px;

  font-size: 12px;
  color: #FFF;
  text-align: left;
  font-weight: normal;

  overflow: hidden;
  
  background: transparent url(images/left_header_bg.gif) no-repeat 100% 0;
}


#left-band .search {
  padding: 0;

  font-size: 11px;
  color: #CADCF9;
  line-height: 1.6;
  
  background: transparent url(images/left_news_bg.gif) repeat-y 0 0;
}

#left-band .search .search {
  padding: 20px 15px 15px 15px;

  background: transparent url(images/left_news_bottom.gif) no-repeat 0 100%;
}


#left-band .search h4 {
  margin: 0;

  font-size: 12px;
  color: #DE0203;
  text-align: center;
  font-weight: normal;

  background: none;
  
  text-transform: uppercase;
}

#left-band input, #left-band select {
  width: 124px;

  background: #000;
  border: 1px solid #5E647F;

  color: #FFF;
  font-size: 9px;
}

#left-band .search a {
  color: #DE0203;
  text-decoration: none;
  font-weight: bold;
}

#left-band .search a:hover {
  color: #FFF;
  text-decoration: none;
}



#left-band ul {
  padding: 0; 
  margin: 5px 10px 5px 15px; 

  line-height: 1.2;
  text-align: left;
  
  list-style: none;
  border-top: 1px solid #98ABCC;
}

#left-band ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  
  list-style: none;

  font-size: 13px;
  font-weight: bold;
  color: #331111;

  background: transparent url(images/triangle_red.gif) no-repeat 0 3px;
  border-bottom: 1px solid #98ABCC;
}

#left-band li ul {
  padding: 0; 
  margin: 5px 0; 

  border: 0 none;
}

#left-band li li {
  margin: 0;
  padding: 0 0 0 10px;

  font-size: 12px;
  font-weight: normal;
  color: #424769;

  border: 0 none;
}





/******************************************************************************
**  Right-band styles
******************************************************************************/


#right-band {
  width: 166px;

  padding: 0 0 100px 0;

  color: #3D4467;
  font-size: 12px;
  text-align: left;

  background: transparent url(images/side_bg.gif) repeat-y 100% 0;
}


#right-band a {
  color: #424769;
  text-decoration: none;
}

#right-band a:hover {
  color: #FFF;
  text-decoration: none;
}



#right-band h4 {
  margin: 5px 0;
  padding: 2px 3px 0 15px;

  height: 21px;

  font-size: 12px;
  color: #FFF;
  text-align: left;
  font-weight: normal;

  overflow: hidden;
  
  background: transparent url(images/side_header_bg.gif) no-repeat 100% 0;
}


#right-band .subscribe {
  padding: 0;

  font-size: 11px;
  color: #CADCF9;
  line-height: 1.6;
  
  background: transparent url(images/side_form_bg.gif) repeat-y 0 0;
}

#right-band .subscribe .subscribe {
  padding: 25px 15px 15px 20px;

  background: transparent url(images/side_form_bottom.gif) no-repeat 0 100%;
}


#right-band .subscribe h4 {
  margin: 0;

  font-size: 12px;
  color: #91A2C3;
  text-align: center;
  font-weight: normal;

  background: none;
  
  text-transform: uppercase;
}

#right-band input, #right-band select {
  width: 124px;

  background: #000;
  border: 1px solid #5E647F;

  color: #FFF;
  font-size: 9px;
}

#right-band .subscribe a {
  color: #91A2C3;
  text-decoration: none;
  font-weight: bold;
}

#right-band .subscribe a:hover {
  color: #FFF;
  text-decoration: none;
}


#right-band ul {
  padding: 0; 
  margin: 5px 10px 5px 15px; 

  line-height: 1.2;
  text-align: left;
  
  list-style: none;
  border-top: 1px solid #98ABCC;
}

#right-band ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  
  list-style: none;

  font-size: 13px;
  font-weight: bold;
  color: #331111;

  background: transparent url(images/triangle_red.gif) no-repeat 0 3px;
  border-bottom: 1px solid #98ABCC;
}






/******************************************************************************
**  Contents styles
******************************************************************************/


#content {
  padding: 40px 40px 70px 40px;

  background: transparent url(images/content_top_bg.gif) repeat-x 0 0;
}


#content h3 {
  margin: 0;
  padding: 0;

  height: 21px;

  background: transparent url(images/content_header_bg.gif) no-repeat 100% 0;

  color: #FFF;
  font-size: 12px;
  font-weight: bold;
}

#content h3 span {
  display: block;

  margin: 0;
  padding: 5px 30px 0 30px;

  height: 100%;

  background: transparent url(images/content_header_left.gif) no-repeat 0 0;
}


#content h3 a {
  color: #FFF;
  text-decoration: none;
}

#content h3 a:hover {
  color: #FFFC99;
  text-decoration: underline;
}





#content .container {
  margin: 0 0 -10px 0;
  padding: 0;

  background: #CADCF9 url(images/container_left.gif) repeat-y 0 0;
}

#content .container .container {
  margin: 0;
  padding: 10px 0;

  background: transparent url(images/container_right.gif) repeat-y 100% 0;

  font-size: 12px;
  color: #000;
}


#content .container h3 {
  margin: 0;
  padding: 0;

  background: #3D4467 url(images/content_header_right.gif) no-repeat 100% 50%;

  color: #FFF;
  font-size: 12px;
  font-weight: bold;
}

#content .container h3 span {
  display: block;

  margin: 0;
  padding: 2px 30px 2px 30px;

  height: 100%;

  background: transparent url(images/content_header_triangle.gif) no-repeat 0 50%;
}


#content .container-finish {
  margin: 0;
  padding: 0;

  height: 10px;

  background: transparent url(images/content_bottom_bg.gif) no-repeat 100% 0;
}

#content .container-finish div {
  height: 10px;

  background: transparent url(images/content_bottom_left.gif) no-repeat 0 0;
}



#content .container p {
  margin: 0 20px 10px 20px;
}






/******************************************************************************
**  Footer styles
******************************************************************************/

#footer {
  position: relative;

  margin: 0;

  height: 42px;

  background: transparent url(images/footer_bg.gif) no-repeat 0 0;
}


#footer-corner {
  position: absolute;
  bottom: 19px;
  right: 0;

  width: 415px;
  height: 18px;

  padding: 60px 40px 0 0;

  background: transparent url(images/footer_corner.gif) no-repeat 100% 100%;

  font-size: 13px;
  font-weight: normal;
  color: #FFF;

  text-align: right;
}





/******************************************************************************
**  Common styles
******************************************************************************/

.left {
  text-align: left;
}

.right {
  text-align: right;
}


.selector {
  text-align: right;
}