body { padding-top:5px;margin: 0; font-family:Helvetica, Arial, Sans Serif; font-size:80%; background-color:#222; text-align:center; }

img {border:0px;}
.clear {clear:both;}

#sitecontainer { width: 990px; background-color:#000; margin:0 auto; text-align:left; padding:0 20px;}

#navarea {float:left; width:100%; margin-top:10px; height:30px; margin-bottom:20px;  background:url(images/layout/topnav_bg.gif) repeat-x;}
#header {width:100%; height:100px; margin-bottom:5px;}
#logoarea {float:left; width:300px; height:100px;}
#topbannerarea {float:right; width:680px; height:70px; padding-top:0px;}

#topnav_left { height:36px; text-align:center; float:left; margin:0; padding:0;}
#topnav_left ul { list-style: none; padding:0px; margin:0px; }
#topnav_left li { display:inline; float:left; text-align:center; padding-left:20px; margin:0; padding-top:8px; }
#topnav_left a { display:block; font-size:90%; color:#000; font-weight:bold; text-decoration:none;}
#topnav_left a:hover{ color:#fff}
#topnav_left li.current a{color:#666;}
#topnav_left li.current a:hover{color:#fff;}

#topnav_right { height:36px; text-align:center; float:right; margin:0;}
#topnav_right ul { list-style: none; padding:0px; margin:0px; }
#topnav_right li { display:inline; float:left; text-align:center; padding-right:10px; margin:0; padding-top:8px;}
#topnav_right li.current {background:#ccc;}
#topnav_right a { display:block; font-size:90%; color:#000; font-weight:bold; text-decoration:none;}
#topnav_right a:hover{ color:#fff}
#topnav_right li.current a{color:#666;}
#topnav_right li.current a:hover{color:#fff;}

#leftcolumn {float:left;}
#centercolumn {float:left; width:810px; min-height:100px; margin-right:20px;}
#rightcolumn {float:right; width:160px; padding-top:15px; min-height:100px; background:#cec;}

#underheader {height:30px; margin-bottom:15px;}

#newstickerarea {float:left; width:680px; margin-right:20px; overflow:hidden; background:url(images/layout/headlines_bg.jpg) no-repeat;}
#spage {margin-left:105px; width:600px; height:30px; background: #333333;  overflow:hidden;}

#searcharea {float:right; width:340px; height:30px; background:#333 url(images/layout/searchtitle.jpg) no-repeat;}
#searchform {padding-left:85px;}
#searchareafield {margin-left:8px; margin-top:4px; width:180px; }
input.searchbutton {float:right; margin-left:7px; position:absolute; background: url(images/layout/gobutton.jpg); width:40px; height:30px;}


#maincontent {width:100%; margin-bottom:5px; min-height:300px;}

#centercolumn {float:left; min-height:400px; width:810px; margin-right:20px; background:#000;}

#rightcolumn {float:right; margin-left:20px; width:160px; text-align:center; }

#nowplayingtitlearea {height:30px; margin-bottom:15px; font-size:140%; color:#fff; }
#nowplayingtitle {float:left; padding-top:5px; width:630px; font-weight:bold;}

#videocontainerarea {float:left; width:630px; height:395px; margin-right:20px;}
#videoiframe {border: 0px solid #000; background:#000;}

#rightofvideocontentarea {float:right; width:160px;}
#thisstorydescription {width:150px; min-height:260px; margin-bottom:20px; margin-right:5px; background:#333 url(images/layout/thisstory_bg.jpg) no-repeat; padding:35px 5px 0px 5px; color:#fff;}
#relatedlinks {width:100%; background:#000;}

.videocategorynavarea {width:100%; margin-top:20px; height: 120px;}
.videocategorynav_title_active {float:left; width: 140px; height: 120px; background: url(images/layout/slidenav_green_bg.jpg) no-repeat;}
.videocategorynav_title {float:left; width: 140px; height: 120px; background: url(images/layout/slidenav_blue_bg.jpg) no-repeat;}
.videocategorynav_thumbnailarea {float:left; width: 670px; height: 120px; background:#333}
.videothumb {float:left; width:144px; height:120px; border:2px solid #333; margin:0 10px 0 10px; background:#000; color:#fff; text-align:center; font-size:80%;}
.videothumb:hover {border:2px solid white; background:#fff; color:#333}
.videothumb img {width:144px; height:82px; }
.videothumb a {color:#fff; border:0; text-decoration:none;}
.videothumb a:hover {color:#000;}


p.thissectionheader {color:#fff; text-align:center; font-size:120%; font-weight:bold;}
p.sectiontitle {padding-top:20px; color:#fff; text-align:center; font-size:120%;}

#bookmarkarea {float:right; height:260px; width:150px; margin-bottom:20px; background:#fff url(images/layout/bookmarkus_bg.jpg) no-repeat; padding:35px 5px 0px 5px;}
#bookmarkarea a {margin-bottom:5px;}
#rightbannerarea {float:right; background:#000; float:right; width:160px; padding:0px 0px 0px 0px;}

.textcontentarea {width:800px; min-height: 275px; background:#fff url(images/layout/contentheader_bg.gif) no-repeat; padding:5px 5px 5px 5px; color:#000;}
.textcontentarea h2 {padding-top:0; margin-top:0; color:#fff; font-size:120%; font-weight:bold;}

.blogcontentarea {float:left; width:620px; min-height: 275px; background:#fff url(images/layout/blogheader_bg.gif) no-repeat; padding:5px 5px 5px 5px; color:#000;}
.blogcontentarea h2 {padding-top:0; margin-top:0; color:#fff; font-size:120%; font-weight:bold;}
.blogrightarea {width:150px; margin-bottom:20px; margin-right:5px; background:#FFF url(images/layout/blogright_bg.gif) no-repeat; padding:5px 5px 0px 5px; color:#000;}
.blogrightarea h2 {padding-top:0; margin-top:0; color:#fff; font-size:120%; font-weight:bold;}
.blogrightarea ul {padding-left:5px; margin-left:10px; color:#000;}
.blogrightarea li a {color:#1f6fc8;}
.blogrightarea li a:hover {color:#000;}
#recentposts.blogrightarea {min-height:210px;}

#latestblogarea {width:800px; margin-top:20px; min-height: 80px; background:#333 url(images/layout/latestblog_bg.jpg) no-repeat; padding:35px 5px 5px 5px; color:#fff;}
#blogmorelink {text-align:right; width:100%;}
#blogmorelink a { color:#fff; text-decoration:none;}
#blogmorelink a:hover { color:#1f6fc8;}

#blogcontainerarea {float:left; width:630px; height:395px; margin-right:20px;}
#blogmorelink IMG.middle { vertical-align: middle; border:0px;}

#footer {text-align:left; width:100%;}
#footer p {color:#777;}
#footer a {color:#fff; font-size:80%;}

#slideshow {
    position:relative;
    height:60px;
width:160px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow div.active {
    z-index:10;
}

#slideshow div.last-active {
    z-index:9;
}