body         { font-style: normal; font-weight: bold; background-color: #474747; text-align: center; margin: 0 0 20px; padding: 0 }
h2  { color: #de0000; font-size: 24px; font-family: "trebuchet ms"; font-weight: normal; text-transform: uppercase; letter-spacing: 3px }
h3 { color: #fff; font-size: 18px; font-family: "trebuchet ms"; font-weight: bold; letter-spacing: 0 }
p { color: #797979; font-size: 12px; font-family: Arial; font-weight: normal; letter-spacing: 0 }
a:link, a:visited, a:active { color: #de0000; font-weight: bold; text-decoration: underline }
a:hover { color: #fff; font-weight: bold; text-decoration: none }
.header_1  { background-image: url("images/header_bg.png"); text-align: left; margin-right: auto; margin-left: auto; width: 967px; height: 124px }
.header_2 { background-image: url("images/header_left.gif"); background-repeat: no-repeat; background-position: left top; height: 124px }
.header_3 { background-image: url("images/header_right.gif"); background-repeat: no-repeat; background-position: right top; height: 124px }
.header_logo { margin-top: 62px; margin-right: 40px; margin-left: 30px; float: left }
ul.menu              { margin: 0 0 0; padding: 73px 0 0; float: left }
ul.menu li             { list-style-type: none; list-style-image: none; margin: 0; padding: 0 11px 0 0; height: 50px; float: left }
ul.menu li.active  { background-image: url("images/navi_stripe_r.gif"); background-repeat: no-repeat; background-position: right 18px; margin: 0; padding: 0 0 0 0; height: 50px; float: left }
ul.menu li .li_padding      { background-image: url("images/1x1.gif"); margin: 0; padding: 0; height: 50px; float: left }
ul.menu li.active .li_padding  { background-image: url("images/navi_stripe_l.gif"); background-repeat: no-repeat; background-position: left 18px; margin: 0; padding: 0 0 0 0; height: 50px; float: left }
ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active          { color: #000; font-size: 16px; font-family: "trebuchet ms"; font-weight: bold; line-height: 18px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0; padding: 0 0 0 11px; height: 50px; float: left }
	ul.menu li a:hover         { color: #f00; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 0 0 0 11px; height: 50px }
	ul.menu li.active a:link, ul.menu li.active a:visited, ul.menu li.active a:hover, ul.menu li.active a:active         { color: #fff; font-size: 16px; font-family: "trebuchet ms"; font-weight: bold; line-height: 18px; text-decoration: none; background-image: url("images/navi_glow.gif"); background-repeat: no-repeat; background-position: center 19px; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0; padding: 0 11px; float: left }
.content_1   { background-image: url("images/content_bg.gif"); text-align: left; margin-right: auto; margin-left: auto; width: 967px }
.content_2  { background-image: url("images/content_speaker.jpg"); background-repeat: no-repeat; background-position: left bottom }
.content_3  { background-image: url("images/content_headline.gif"); background-repeat: no-repeat; background-position: right 20px }
.content_4 { padding: 17px 120px 50px 139px }
.playlist { padding-top: 1px; padding-right: 5px; padding-bottom: 1px; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #000 }
.footer_1  { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; background-image: url("images/footer_bg.jpg"); background-repeat: repeat; text-align: left; margin-right: auto; margin-left: auto; width: 967px; height: 160px }
.footer_1 table { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold }
.footer_1 a:link, .footer_1 a:visited, .footer_1 a:active { color: #d9ff00; font-weight: bold; text-decoration: none }
.footer_1 a:hover { color: #fff; font-weight: bold; text-decoration: underline }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav  { list-style: none; margin: 0; padding: 0 10px 0 0; float: right }
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li  { text-transform: uppercase; margin: 0 0 0 1px; float: left; border-left: 1px solid white }
.tabs-nav a, .tabs-nav a span  { cursor: pointer; display: block; padding: 0 10px }
.tabs-nav a  { color: #fff; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none; text-align: center; white-space: nowrap; padding-left: 0 }
.tabs-nav .tabs-selected a  { color: #d9ff00; font-weight: normal }
.tabs-nav a:hover  { color: #fff; font-weight: normal; text-decoration: underline }
.tabs-disabled a:hover  { text-decoration: none }
.tabs-nav a span  { color: #fff; font-weight: normal; padding-top: 0; padding-right: 0; width: 64px; min-width: 64px }
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;

}
.tabs-nav .tabs-selected a span  { color: #cf3; padding-top: 0 }
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span  { }
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span  { }

.tabs-container  { padding: 0; width: 960px; height: 130px }
.tabs-loading em  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; padding: 0 0 0 20px }