/***** default body/etc styles *****/
BODY, BODY.webMain {
margin:0 auto;
width:800px !important;
text-align:center;
}


/***** the outer table/template skeleton *****/
TABLE.webOuterTable {
width:800px !important;
margin:0 auto;
text-align:left;
}


/***** the header styles *****/
TD.webHeader {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}


/** the horizontal dynamic nav styles **/
TD.webHeaderNav {
background-color: #000000;
border:none !important;
padding:0;
text-align:center;
color:#FFFFFF;
height:30px;
}

A.webHeaderNav, A.webHeaderNavSel, A.webHeaderNav:active, A.webHeaderNavSel:active {
color: #FFFFFF !important;
text-decoration:none;
display:inline-block;
border:1px solid #000000;
margin:0 .45em;
padding:3px 2px;
font-weight:bold;
font-size:13px;
}

A.webHeaderNav:hover, A.webHeaderNavSel:hover {
background-color:#0e1892;
color: #FFFFFF;
border:1px solid #68696a;
}

A.webHeaderNav:visited, A.webHeaderNavSel:visited {
color: #CCCCCC;
text-decoration: none;
font-weight: bold;
}


/***** the siderail bucket styles - can just override one or more of these bucket styles to change it up *****/
TABLE.webSideRail, TABLE.webSideRail1, TABLE.webSideRail2, TABLE.webSideRail3, TABLE.webSideRail4, TABLE.webSideRail5, TABLE.webSideRail6, TABLE.webSideRail7, TABLE.webSideRail8, TABLE.webSideRail9, TABLE.webSideRail10, TABLE.webSideRail11, TABLE.webSideRail12, TABLE.webSideRail13, TABLE.webSideRail14, TABLE.webSideRail15 {
border:1px solid #CCCCCC !important;
/*** table-layout: fixed; ***/
}

TD.webSideRail, TD.webSideRail1, TD.webSideRail2, TD.webSideRail3, TD.webSideRail4, TD.webSideRail5, TD.webSideRail6, TD.webSideRail7, TD.webSideRail8, TD.webSideRail9, TD.webSideRail10, TD.webSideRail11, TD.webSideRail12, TD.webSideRail13, TD.webSideRail14, TD.webSideRail15 {
background:url(/media/bucketBg.gif) bottom repeat-x #FFF;
}

TH.webSideRail, TH.webSideRail1, TH.webSideRail2, TH.webSideRail3, TH.webSideRail4, TH.webSideRail5, TH.webSideRail6, TH.webSideRail7, TH.webSideRail8, TH.webSideRail9, TH.webSideRail10, TH.webSideRail11, TH.webSideRail12, TH.webSideRail13, TH.webSideRail14, TH.webSideRail15 {
background: url(/media/navBg.gif) bottom #000 repeat-x;
padding:7px 5px;
}


/***** the content styles *****/
TABLE.webContent, TABLE.webContent1, TABLE.webContent2, TABLE.webContent3, TABLE.webContent4, TABLE.webContent5 {
border-bottom: 2px solid #CCC !important;
/** table-layout: fixed; **/
}

TD.webContent, TD.webContent1, TD.webContent2, TD.webContent3, TD.webContent4, TD.webContent5 {
background: url(/media/bucketBg.gif) #ffffff bottom repeat-x;
padding-top:7px;
padding-bottom:7px;
}

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
background: url(/media/headingBg.gif) top repeat-x;
padding:7px 5px;
}


/***** the footer style *****/
TABLE.webFooter {
background:url(/kccu-fm/media/footerBg.gif) repeat-x top #020f4e;
border:1px solid #000000 !important;
}

TD.webFooter {
background:none;
padding:5px;
}

TD.text-small, TD.text-small a {
color:#FFFFFF;
}
/***** end footer style *****/


/*NOW ON AIR FEED: This controls the colors of your Now on Air bucket. You can change the background color, link and text colors by altering the colors below. More detailed information can be found in your Public Interactive Startup Kit.*/
TABLE.gnc {background-color: #ffffff; color: #000000; font-size: 12px;}
.gncProgramName {padding: 2px 2px 2px 2px; color: #000000; font-size: 11px; font-weight: bold;}
.gncProgramTime {padding: 2px 2px 2px 2px; color: #000000; font-size: 11px;}
.gncProgramDesc {background-color: #ffffff; padding: 2px 2px 2px 2px; color: #000000; font-size: 10px;}
.gncHostName {padding: 2px 2px 2px 2px; color: #000000; font-size: 11px;}
.gncTitle {padding: 2px 2px 2px 2px; color: #000000; font-size: 11px;}
TABLE.gncSongList {
COLOR: #4444AA;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 10px;
margin-bottom:5px;
width:100%;
}

.gncSong {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#666666;
font-size:12px;
font-weight:normal;
margin-bottom:-1px;
padding:3px;
width:100%;
}

.s0 {
background-color:#F0F0F0;
}

.gncSongTitle {
FONT-WEIGHT: bold;
padding-bottom:3px;
color:#666666;
font-size:12px;
}

.gncSongArtist {
color:#666666;
font-size:10px;
width:58%;
}

.gncSongTime {
text-align: right;
PADDING: 0;
COLOR: #010101;
FONT-SIZE: 10px;
}

A.gncViewPlaylist {
background:url(http://www.publicbroadcasting.net/national/guide/images/icnPlaylist.gif) left no-repeat;
padding-left:24px;
padding-right:7px;
}

A.gncSearchPlaylist {
background:url(http://www.publicbroadcasting.net/national/guide/images/icnSearchplaylist.gif) left no-repeat;
padding-left:25px;
}

A.gncBuyNowBtn {
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnBuynow_h.gif) no-repeat;
  display:block;
  height:16px;
  width:16px;
}

A.gncBuyNowBtn:hover {
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnBuynow.gif) no-repeat;
}

A.gncListenNow {
  PADDING:3px 0 0 22px;
  color: #663333; 
  FONT-SIZE:12px;
  FONT-WEIGHT:bold;
  display:block;
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnListen.gif) left no-repeat;
}




img {border:none;}