body {
   background-color: #ffffff;
   color: #FFFFFF;
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin: 0px;
   padding: 0px;
}
a {
   text-decoration: none;
   color: #c01a1a;
}
a:hover {
   text-decoration: underline;
   color: #0039bb;
}
a:active {
   color: #0039bb;
}
a:visited {
   color: #c01a1a;
}
h1, h2, h3 {
   font-weight: bold;
   font-size: 12px;
   line-height: 16px;
   margin: 0px;
   padding: 0px;
}
p {
   margin: 0px;
   padding: 0px;
}
.header {
   height: 60px;
   table-layout:fixed;
}
.footer {
   background-color: #61728C;
   padding-top: 12px;
   padding-bottom: 12px;
   margin-top: 3px;
}
.footer a, .footer a:visited {
   font: normal 11px verdana, sans-serif;
   color: #ffffff;
   text-decoration: underline;
}
.top {
   border-bottom: 3px solid #ffffff;
   width: 100%;
   table-layout:fixed;
}
.grid {
   border-left: 40px solid #61728C;
   border-right: 3px solid #ffffff;
   padding-left: 2px;
}
.grid2 {
   border-left: 40px solid #FFFFFF;
   border-right: 3px solid #ffffff;
   padding-left: 2px;
}
.podcast {
   background-color: #61728C;
   height: 221px;
   width: 300px;
   padding: 0px;
}
.blueflexible {
   background-color: #61728C;
   height: 221px;
   padding: 0px;
}
.program {
   width: 100%;
}
.main {
   width: 100%;
   table-layout:fixed;
}
.left {
   width: 223px;
}
.left2 {
   width: 580px;
}
.center {
   padding: 0px;
   background-color: #97A9B3;
   width: 357px;
}
.right, .right2 {
   text-align: right;
   width: 180px;
}
.line {
   padding: 0px;
   background-color: #eef4f9;
   width: 3px;
   height: 100%;
}
.banner {
   width: 300px;
   overflow: visible;
}
.program .line {
   border-top: 3px solid #ffffff;
   background-color: #eef4f9;
   width: 3px;
   height: 505px;
}
.right .navigation {
   padding-top: 25px;
}
.right2 .navigation {
   padding-top: 22px;
}
.left .blue {
   background-color: #0039bb;
   height: 109px;
   width: 220px;
   vertical-align:bottom;
   margin-right: 3px;
}
.right .blue {
   background-color: #0039bb;
   height: 109px;
   width: 177px;
   vertical-align:bottom;
   margin-left: 3px;
}
.banner .blue, .flexible .blue {
   background-color: #0039bb;
   height: 109px;
   width: 100%;
   vertical-align:bottom;
   border-bottom: 3px solid #ffffff;
}
.blue img {
   position:relative; 
   top:79px;
}
.blue2 {
   background-color: #0039bb;
   height: 165px;
   vertical-align: top;
   margin-left: 3px;
}
.blue2 img {
   position:relative; 
   top:135px;
}
.blue3 {
   background-color: #0039bb;
   margin-left: 3px;
   height: 56px;
}
.bluewhite {
   padding: 0px;
   background-color: #0039bb;
   height: 109px;
   border-bottom: 3px solid #ffffff;
}
.logo {
   height: 109px;
   background-color: #cc0000;
   border-bottom: 3px solid #ffffff;
}
.logo2 {
   height: 109px;
   background-color: #0039bb;
}
.light {
   color: #8fa9e0;
}

.preview {
   padding: 30px 18px 0px 18px;
}
.preview .title, .preview h1 {
   font-weight: bold;
   font-style: normal;
   color: #FFFFFF;
}
.previewchannel img {
   padding: 0px 3px 3px 0px;
}
.teaser {
   width: 357px;
}
.teaser .text {
   padding: 20px 18px 20px 18px;
   background-color: #eef4f9;
}
.teaser .title, .teaser h2 {
   font-weight: bold;
   font-style: normal;
   color: #c01a1a;
   padding: 0px 3px 3px 0px;
}
.spacer {
   height: 3px;
}
.more {
   color: #c01a1a;
}
.date {
   color: #8fa9e0;
   font-size: 10px;
   line-height: 14px;
   text-align: right;
}
.promobox {
   padding: 30px 3px 0px 43px;
}
.promobox .title, .promobox h2 {
   font-weight: bold;
   font-style: normal;
}
.promobox img {
   padding-right: 3px;
}
.listnext {
   font-size: 10px;
   line-height: 14px;
   text-align: right;
}
.listprev {
   font-size: 10px;
   line-height: 14px;
   margin-left: 223px;
}

.title {
   font-weight: bold;
}
.lead .image {
   border-bottom: 3px solid #ffffff;
}
.lead .text {
   padding: 0px 18px 0px 18px;
}
.lead .title {
   font-style: normal;
   padding: 30px 18px 0px 18px;
}
.lead h1  {
   font-style: normal;
   padding: 30px 18px 16px 18px;
}

.paragraph {
   padding: 0px 18px 0px 18px;
}
.paraimage {
   clear: left;
   float: left;
   margin: 0px -61px 6px 0px;
   position: relative; 
   left: -69px;
	z-index: 100;
}
.imagebox {
   color: #8fa9e0;
   clear: both;
}
.imagebox .text {
   color: #8fa9e0;
   font-style: italic;
   padding: 0px 18px 0px 18px;
}
.infobox, .factbox {
   background-color: #7b97ce;
   color: #ffffff;
   font-size: 10px;
   line-height: 14px;
   width: 177px;
   clear: right;
   float: right;
   margin: 0px 0px 6px -61px;
   position: relative; 
   left: 69px;
	 z-index: 100;
	 padding-top: 12px;
}
.infobox .title, .factbox h2  {
   padding: 0px 12px 0px 12px;
}
.infobox .text, .factbox .text {
   padding: 0px 12px 12px 12px;
}
.votebox {
   padding: 0px 18px 0px 18px;
   clear: both;
}
.votebox .radio {
   width: 26px;
   float: left;
   clear: both;
}
.votebox .choice {
   padding-left: 26px;   
}
.votebox .buttons {
   padding-left: 26px;
   clear: both;
}
.result {
   padding: 30px 18px 10px 18px;
   min-height: 500px;
}
.result .text {
   padding: 5px 0px 45px 0px;
}
.result .choice {
   padding-top: 13px;
}
.result .graph {
   padding-top: 3px;
}
.linkbox {
   padding: 0px 18px 0px 18px;
   clear: both;
}
.linkbox links {
   clear: both;
}
.arrow {
   clear: both;
   width: 26px;
   padding-top: 4px;
   float: left;
}
.link {
   padding-left: 26px;   
}
.remotebox {
   padding: 0px 18px 0px 18px;
   clear: both;
}

.disclaimer {
   color: #8fa9e0;
   font-size: 10px;
   line-height: 14px;
}
.forum {
   border-top: 3px solid #ffffff;
}
.post .disclaimer {
   padding: 20px 18px 20px 18px;
   border-top: 3px solid #ffffff;
}
.forum .disclaimer {
   padding: 20px 18px 20px 18px;
   border-top: 3px solid #ffffff;
}
.forum .author {
   color: #8fa9e0;
}
.forum .level0 {
   padding: 0px 18px 0px 18px;
   position: relative;
   top: -20px;
}
.forum .level1 {
   padding: 0px 18px 20px 44px;
}
.forum .spacer {
   height: 30px;
}
.forum .postlink {
   z-index: 0;
   position: relative;
   left: -140px;
   height: 30px;
}
.forum .backlink {
   z-index: 0;
   position: relative;
   left: -160px;
}
.forum .replylink {
   z-index: 0;
   position: relative;
   left: 357px;
   top: 0px;
}
.forum .prevlink {
   z-index: 0;
   position: relative;
   left: -140px;
}
.forum .nextlink {
   z-index: 0;
   position: relative;
   left: 357px;
   top: 0px;
}
.forum .controls {
   font-size: 10px;
   line-height: 13px;
}
.level0 .controls {
   padding-top: 40px;
}
.forum .form {
   padding: 20px 18px 20px 18px;
   color: #8fa9e0;
   font-size: 10px;
   line-height: 14px;
}
.forum .form .title {
   background-color: #cccccc;
   width: 320px;
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 12px;
   line-height: 16px;   
}
.forum textarea {
   width: 320px;
   height: 90px;
   background-color: #cccccc;
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 12px;
   line-height: 16px;
}

.webcam {
   margin: 3px;
   background-color: #ffffff;
}
.webcam .title, .webcam h2 {
   font-size: 12px;
}
.webcam .smalltext {
   font-size: 9px;
}
.formelement {
   background-color: #cccccc;
   width: 170px;
}
textarea.formelement {
   width: 220px;
   height: 90px;
   background-color: #cccccc;
}
