/** COMMON ELEMENTS **/
body, h1, h2, h3, ul, ol, p, form, img {
  margin: 0;
  padding: 0;
  border:0;
}
html, body { min-height: 100%; }
body {
  font-size: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #404a55;
  text-align: center;
  background: #01234c;
}
input {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #8e8e8e;
}
input.txt {
  padding: 4px 8px;
  font-style: italic;
  background: url(../images/input.gif) 0 0 no-repeat;
  border: #d2d2d2 solid 1px;
}
a {
  color: #404a55;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.clearfix:after,
.article h3:after, 
.content .left .title h1:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix, .article h3, .content .left .title h1 { display: inline-block; }

div.left, div.right { display: inline; float: left; }
div.right { float: right; }
ul ,ol { list-style-type: none; }


.page {
  position: relative;
  width: 750px;
  margin:0 auto;
  text-align: left;
}
.content {
  width: 100%;
  background: url(../images/content_bg.gif) 0 0 repeat-y;
}
.content .bg {
  width: 100%;
  background: url(../images/content_b.gif) 0 100% no-repeat;
}
.content .left {
  width: 480px;
  padding-bottom: 24px;
}
.content .left .title {
  margin: 0 0 0 10px;
  width: 460px;
  background: #ededed url(../images/h1_bg.gif) 0 0 no-repeat;
}
.content .left .title h1 {
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
  font-size: 1em;
}
.content .left .title h1 b {
  float: left;
  margin: 0 0 0 15px;
}
.content .left .title h1 span {
  float: right;
  margin: 0 15px 0 0;
  font-weight: normal;
  font-size: .93em;
}
.content .left .top {
  width: 460px;
  margin-left: 10px;
  background: #011328;
  padding: 0 0 15px 0;
}
.content .left .top p { padding: 0 15px 15px 15px; }
.content .left .top img {
  float: right;
  margin: 15px 15px 0 0;
}
.content .left .top .text {
  background: #01234c;
  width: 217px;
  float: left;
  font-size: .75em;
  color: #fff;
  padding-top: 15px;
}
.content .left .control {
  clear: both;
  margin-left: 10px;
  width: 460px;
  background: #011328;    
}
.content .left .control img { padding-left: 10px; }
.content .left ul { margin-left: 10px; }
.content .left ul li { float: left; }
.content .left ul li a span { display: none; }
.content .left ul li a {
  display: block;
  height: 36px;
  margin-bottom: 10px;
  border-bottom: solid 1px #99a1a9; 
}
.content .left ul .btn1 a {width:135px;background: url(../images/btn_01.gif) 0 0 no-repeat;}
.content .left ul .btn2 a {width:157px;background: url(../images/btn_02.gif) 0 0 no-repeat;}
.content .left ul .btn3 a {width:105px;background: url(../images/btn_03.gif) 0 0 no-repeat;}
.content .left ul .btn4 a {width:63px;background: url(../images/btn_04.gif) 0 0 no-repeat;}

.content .subscribe {
  background: #fafafa;
  margin: 0 0 0 10px;
  clear: both;
  width: 460px;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
}
.content .subscribe .inner { padding: 6px 10px 10px 10px; }
.content .subscribe p {
  padding: 0 0 4px 0;
  color: #73716f;
  font-size: .75em;
}
.content .subscribe strong {
  color:#494949;
  font-size: 1.25em;
  display: block;
}
.content .subscribe input.txt {
  width: 384px;
  color: #b1b1b1;
  background: #fff;
}


/* RIGHT */
.content .right {
  width: 270px;
  padding-bottom: 20px;
}
.content .right h2 {
  width: 270px;
  height: 55px; 
  background: url(../images/h2_bg.gif) 0 0 no-repeat;   
}
.content .right h2 span { display: none; }
.content .right .scroller {
  height: 337px;
  overflow: auto;
  background: url(../images/scroll_bg.gif) 0 0 repeat-y;    
}
.content .right .scroller .inside { padding: 0 0 0 10px; }
.article {
  width: 228px;
  padding: 10px 0 10px 15px;
}
.article h3 {
    width: 100%;
  font-size: .875em;
  color:#494949;
}
.article h3 u {
  float: left;
  width: 165px;
}
.article h3 span {
  float: right;
  font-weight: normal;
  font-size: .71em;
  color: #7d7979;
  margin: 2px 12px 0 0;
}
.article p {
  font-size: .75em;
  line-height: 1.4em;
  color: #7d7979;
  clear: both;
  padding-top: 10px;
}
.article a {
  height: 18px;
  width: 114px;
  display: block;
  margin: 10px 0 0 0;
  background: url(../images/clickheretolisten1.gif) 0 0 no-repeat;  
}
.article a span { display: none; }
.odd { background:#bdbdbd; }
.odd .article a { background: url(../images/clickheretolisten2.gif) 0 0 no-repeat !important; }
.footer {
  padding: 13px 0 10px 0;
  font-size: .7em;
  color: #fff;
  width: 100%;
}
.footer a {
  color: #fff;
  text-decoration: underline;
}
.footer a:hover { text-decoration: none; }
.footer .left { padding: 10px 0 0 20px; }
.footer .copyright { padding: 24px 20px 0 20px; }


#faq {
  width: 100%;
  text-align:left;
  margin:0;
  padding:0;  
  background: #fff;
}
#faq h1 {
  padding: 0 0 8px 0;
  font-size: .95em;
  font-weight: normal;
}
#faq h2 {
  padding: 18px 0 6px 0;
  font-size: .7em;
  background: url(../images/line.gif) 0 0 repeat-x;
}
#faq ol {
  margin: 0;
  padding: 0 0 20px 24px;
  list-style-type: upper-alpha;
  font-size: .7em;
  color: #a0a0a0;
}
#faq p {
  padding: 60px 0 0 0;
  font-size: .7em;
}
#faq .page { width: 100%; }
#faq div div { border: solid 1px #aaabb0; }
#faq div div div { border: solid 2px #e4e5ea; }
#faq div div div div {
  padding: 16px 20px 10px 20px;
  border: solid 1px #aaabb0;  
}