body {
  margin: 0;
  padding: 0;

  font-family: arial;

  background-image: url(/images/background.jpg);
  background-color: #000000;
  background-position: 0 231px; background-repeat: repeat-x;
}

div {
  margin: 0 auto 0 auto;
}

#whitetop {
  position: absolute; top: 0; left: 0; z-index: 0;
  margin: 0;
  width: 100%; height: 231px;
  background-color: #FFFFFF;
}

#bluebar {
  position: absolute; top: 34px; left: 0; z-index: 1;
  width: 100%; height: 45px;
  background-image: url(/images/nav_bluebar.jpg);
  background-repeat: repeat-x;
}

#sitewrap {
  position: relative; z-index: 1;
  overflow: hidden;
  width: 980px;
}
#contentwrap {
  position: relative; z-index: 1;
  width: 810px;
}

#bridges {
  position: absolute; top: 520px; left: 105px;
}

#copyright {
  margin: 20px auto 20px auto;
  width: 500px;
  color: #FFFFFF;
  text-align: center;
  font-size: 10px;
}
#copyright a {
  color: #FFFFFF;
}
#copyright a:hover {
  text-decoration: none;
}



/* Logo and Navigation */

#logonavigation {
  position: absolute; top: 5px; z-index: 5;
  width: 186px; height: 101px;
}

#flashnavigation {
  position: absolute; top: 5px; left: 186px; z-index: 5;
  width: 566px; height: 73px;
}



/* Front Page Center Bar (Blue) */

#centerbar {
  position: relative;
  width: 335px; height: 740px;
  text-align: center;
  background-color: #053598;
  background-image: url(/images/background_centerbar.jpg);
  background-repeat: repeat-y;
}

#centerbarhead {
  width: 335px; height: 25px;
}
#logofront {
  position: relative; top: -20px;
  margin: 5px 0 5px 0;
  width: 260px; height: 150px;
}

.frontepisode {
  position: relative; top: -23px;
  display: block; overflow: hidden;
  width: 335px; height: 33px;
}
.frontepisodeday {
  position: absolute; top: 5px; left: 0;
  width: 58px;
  text-align: right;
  color: #F0F00C;
  font-size: 18px;
}
.frontepisodefirst,
.frontepisodesecond {
  position: absolute; left: 62px;
  color: #FFFFFF;
  font-size: 11px; font-weight: bold;
}
.frontepisodefirst { top: 2px; }
.frontepisodesecond { top: 17px; }

.frontepisode a {
  color: #FFFFFF;
  text-decoration: none;
}
.frontepisode a:hover {
  color: #DB5F26;
}

.frontlistingdivider {
  position: relative; top: -23px;
  width: 300px; height: 1px;
}

#centerbarcircle {
  position: absolute; bottom: 17px; left: 11px; z-index: 3;
  width: 304px; height: 301px;
}
#centerbarfoot {
  position: absolute; bottom: -1px; left: 0;
  width: 335px; height: 50px;
}

h2, h3 {
  position: relative; top: -25px;
  margin: 0;
  padding: 0;
}

h2 {
  color: #FFFC03;
  font-size: 23px;
}

h3 {
  margin: 0 0 5px 0;
  color: #FFFFFF;
  font-size: 16px;
}



/* Front Page Flash Elements */

#flashvideos,
#flashguides,
#flashlistings,
#flashphotos,
#flashaboutshow {
  position: absolute; z-index: 2;
}

#flashvideos {
  top: 3px; left: 20px;
  width: 202px; height: 335px;
}

#flashguides {
  top: 10px; left: 600px;
  width: 190px; height: 266px;
}

#flashlistings {
  top: 344px; left: 26px;
  width: 207px; height: 238px;
}

#flashphotos {
  top: 286px; left: 595px;
  width: 195px; height: 273px;
}

#flashaboutshow {
  top: 344px; left: 26px;
  width: 209px; height: 242px;
}



/* Styles for Dynamic Elements */

#stationheader {
  position: relative; z-index: 2;
  display: block;
  width: 768px; height: 110px;
}
#stationbanner {
  width: 768px; height: 90px;
  border: 0;
}
#stationairdates {
  display: block;
  padding: 0 18px 0 0;
  width: 750px; height: 17px;
  text-align: right;
  color: #FFFFFF;
  font-size: 14px; font-weight: bold;
  background-image: url(/images/airdate_background.jpg);
  background-repeat: no-repeat;
}
#stationairdates a {
  color: #FFFFFF;
}
#stationairdates a:hover {
  color: #000000;
  text-decoration: none;
}
#affiliatebannerflash {
  width: 768px; height: 90px;
}

#headbanner {
  position: relative; z-index: 2;
  display: block;
  width: 760px; height: 110px;
  background-image: url(/images/banner_head_side.jpg);
  background-repeat: no-repeat; background-position: 0 8px;
}
#headbanner img, #headbannerflash {
  margin: 8px 0 0 22px;
  width: 728px; height: 90px;
  border: 3px solid #000000;
}
#headbannerflash {
  position: absolute;
}

#sidebanner {
  position: absolute; left: 815px; top: 0;
  display: block;
  margin-top: 5px;
  width: 166px; height: 625px;

  background-color: #FFFFFF;
  background-image: url(/images/banner_side_header.jpg);
  background-repeat: no-repeat;
}
#sidebanner img, #sidebannerflash {
  margin-top: 22px;
  width: 160px; height: 600px;
  border: 3px solid #000000;
}
#sidebannerflash {
  position: absolute;
}




/* Flash on Sub Pages */

#flashpageabout {
  position: absolute; top: 175px; left: 450px; z-index: 3;
  width: 320px; height: 398px;
}

#flashpagephotos {
  position: absolute; top: 155px; left: 500px; z-index: 3;
  width: 320px; height: 398px;
}

#flashpagevideos {
  position: absolute; top: 85px; left: 610px; z-index: 3;
  width: 182px; height: 213px;
}

#flashpagelistings {
  position: absolute; top: 90px; left: 585px; z-index: 3;
  width: 195px; height: 203px;
}

#flashpageepisodes {
  position: absolute; top: 135px; left: 460px; z-index: 3;
  width: 300px; height: 415px;
}



/* Sub Pages */

.scrollarrow {
  width: 27px; height: 27px; border: 0;
}

#abouttheshow,
#photogallery,
#episodeguide,
#videogallery,
#locallistings {
  position: absolute; top: 92px; left: 15px;
  display: block;
  width: 530px; height: 530px;
  background-image: url(/images/circle_about_the_show.gif);
  background-repeat: no-repeat;
}

#aboutheadline,
#photoheadline,
#episodeheadline,
#videoheadline,
#listingsheadline {
  position: absolute; top: 80px; left: 0;
  margin: 0; padding: 0;
  width: 100%;
  color: #00312F;
  font-size: 36px;
  text-align: center;
}

#contentscroll, #episodescroll, #listingscroll	{
  position: absolute;	left: 101px; top: 140px; z-index: 2;
  overflow: hidden;
  width: 329px; height: 265px;
  clip: rect(0px, 331px, 267px, 0px);
}

#contentabout, #episodecontent, #listingcontent {
  position: relative; left: 0; top: 0; z-index: 2;
  display: block;
}

#episodescroll {
  top: 200px;
  height: 192px;
  clip: rect(0px, 331px, 194px, 0px);
}

#listingscroll {
  top: 171px; left: 68px;
  width: 580px; height: 210px;
  clip: rect(0px, 582px, 212px, 0px);
}


#contentabout p, #episodecontent p {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
}
#episodecontent p {
  font-size: 13px;
}

#aboutarrows, #episodearrows, #listingsarrows {
  position: absolute; top: 425px; left: 0;
  display: block;
  width: 100%;
  text-align: center;
}
#episodearrows {
  top: 400px;
}
#listingsarrows {
  top: 395px;
}



#photogallery {
  background-image: url(/images/circle_photo_gallery.gif);
}

#photoheadline {
  top: 60px;
  color: #D34B27;
}

#photopicture {
  position: absolute; top: 108px; left: 130px;
  width: 267px; height: 327px;
  border: 1px solid #6AD6F5;
}

#previousbutton, #nextbutton {
  position: absolute; top: 445px; left: 155px;
  width: 90px; height: 25px; border: 0;
}
#nextbutton {
  left: 310px;
  width: 65px;
}




#episodeguide {
  background-image: url(/images/circle_episode_guide.gif);
}

#episodeheadline {
  top: 70px;
  color: #DE6826;
}

#seasonselect, #episodeselect {
  position: absolute; top: 120px; z-index: 4;
  width: 100%;
  text-align: center;
  color: #D14227;
  font-size: 14px; font-weight: bold;
}
#seasonselect select {
  width: 130px;
}

#episodeselect {
  top: 150px; left: 45px;
}
#episodeselect a {
  display: block; float: left;
  width: 17px; height: 20px;
  padding-top: 3px;
  color: #488598;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
}
#episodeselect a:hover, #episodeselect .activelink {
  padding-top: 0;
  font-size: 15px;
}
#episodeselect a:hover {
  color: #D14227;
}

#episodetitle {
  position: absolute; top: 175px;
  margin: 0; padding: 0;
  width: 100%;
  color: #0567CB;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
}



#videogallery {
  background-image: url(/images/circle_video_gallery.gif);
}

#videoheadline {
  top: 60px;
  color: #107798;
}

#videosubheadline {
  position: absolute; top: 103px; z-index: 1;
  margin: 0; padding: 0;
  width: 100%;
  text-align: center;
  color: #053598;
  font-size: 25px;
}

#videocontainer {
  position: absolute; top: 155px; left: 110px;
  width: 314px; height: 234px;
  color: #DDDD00;
  text-align: center;
  font-size: 12px; font-weight: bold;
  border: 1px solid #107798;
}

#videoepisode, #videocaption {
  position: absolute; top: 410px;
  display: block;
  width: 100%;
  text-align: center;
  color: #446866;
  font-size: 12px; font-weight: bold;
}

#videocaption {
  top: 425px;
}


#videoseason1,
#videoseason2,
#videoseason3,
#videoseason4 {
  position: absolute; top: 119px; left: 462px; z-index: 4;
  width: 115px; height: 115px;
}
#videoseason1 img,
#videoseason2 img,
#videoseason3 img,
#videoseason4 img {
  width: 115px; height: 115px;
  border: 0;
}
#videoseason2 {
  top: 244px; left: 516px;
}
#videoseason3 {
  top: 381px; left: 505px;
}
#videoseason4 {
  top: 500px; left: 446px;
}




#locallistings {
  width: 705px;
  background-image: url(/images/circle_local_listings.gif);
}
#listingsheadline {
  top: 57px;
  width: 530px;
  color: #0B21A4;
}

#selectstate, #listingfooter {
  position: absolute; top: 107px;
  width: 670px;
  color: #383483;
  text-align: center;
  font-size: 14px; font-weight: bold;
}
#selectstate select {
  width: 125px;
}

#listingfooter {
  top: 438px;
  width: 640px;
}

#listingsgobutton {
  position: absolute; top: 423px; left: 520px; z-index: 3;
  width: 46px; height: 46px;
  border: 0;
}

#listingsbackground {
  position: absolute; top: 145px; left: 100px; z-index: 1;
  width: 500px; height: 280px;
}

#listingsintro {
  position: absolute; top: 235px; left: 100px; z-index: 2;
  display: block;
  width: 340px; height: 100px;
  color: #0B21A4;
  text-align: center;
  font-size: 18px; font-weight: bold;
}

#listingfrontselect {
  position: absolute; top: 255px; left: 450px; z-index: 2;
  display: block;
  width: 185px; height: 50px;
}


#listingheadmarket,
#listingheadstation,
#listingheadaffiliate,
#listingheadairtimes {
  position: absolute; top: 150px; left: 68px;
  color: #0B21A4;
  font-size: 14px; font-weight: bold;
}
#listingheadstation {
  left: 248px;
}
#listingheadaffiliate {
  left: 318px;
}
#listingheadairtimes {
  left: 410px;
}

#listingheaddivide {
  position: absolute; top: 170px; left: 68px;
}

.listingsdivider {
  width: 580px; height: 1px;
}

.listingwrapper, .listingwrapper2, .listingwrapper3 {
  position: relative;
  width: 580px; height: 25px;
  border: 0 solid #FFBD3F; border-width: 0 0 1px 0;
}
.listingwrapper2 { height: 37px; }
.listingwrapper3 { height: 55px; }

.listingmarket,
.listingstation,
.listingaffiliate,
.listingairtimes {
  position: absolute; top: 5px; left: 2px;
  display: block;
  height: 20px;
  font-size: 12px; font-weight: bold;
}

.listingstation {
  left: 183px;
}
.listingstation a {
  color: #DB5F26;
  text-decoration: none;
}
.listingstation a:hover {
  color: #2525AA;
}
.listingaffiliate {
  left: 252px;
}
.listingairtimes {
  left: 342px;
}