{assign_variable:master_font="Georgia, "Century Schoolbook L", "Times New Roman", Times, serif"}
{assign_variable:secondary_font=""Lucida Sans Unicode", "Lucida Grande", "Garuda", sans-serif"}
{assign_variable:color_main="#903"} /* main red */
{assign_variable:color_light="#FEEDED"} /* light red */
{assign_variable:color_accent_light="#F5F5F5"} /* light gray */
{assign_variable:color_accent="#CCC"} /* medium gray */
{assign_variable:color_white="#FFF"} /* white */
{assign_variable:color_black="#000"} /* black */

/* ----------WCPN Style Sheet---------- */

.handcursor {cursor: hand; cursor: pointer;}
.imgbr {overflow: hidden;}

/* ----------Global---------- */

body {background-color: {color_white}; padding: 0; margin: 0; font-size: 16px; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;}



/* ----------Font Style---------- */

p {font-size: 95%; line-height: 1.5em; color: #333; padding: 0; margin: 0 0 1em 0;}
     p a:link, p a:visited, p a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
     p a:hover {color: {color_main}; text-decoration: none; border-bottom: 1px solid {color_main};}

     .small {font-size: 71%; margin: 5px 0;}
          .small a:link, .small a:visited, .small a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
          .small a:hover {color: {color_main}; text-decoration: none; border-bottom: 1px solid {color_main};}

     .headline {font-weight: bold; font-size: 102%; line-height: 1.2em; margin: 0; padding: 0;}
          .headline a:link, .headline a:visited, .headline a:active {color: {color_black}; text-decoration: none; border-bottom: 0;}
          .headline a:hover {color: {color_white}; background-color: {color_main}; text-decoration: none; border-bottom: 0;}

     .more {font-size: 75%; font-style: italic; text-align: right; padding: 0; margin: 3px 0 0 0;}
          .more a:link, .more a:visited, .more a:active {color: {color_black}; text-decoration: none; border-bottom: 0;}
          .more a:hover {color: {color_main}; text-decoration: none; border-bottom: 1px solid {color_main};}

     .lead {font-size: 95%; line-height: 1.5em; margin: 0.95em 0; padding-bottom: 0.95em; border-bottom: 1px solid {color_accent};}

     .subhead {font-size: 70%; text-align: center; padding: 0.5em 0; background: {color_accent} url(/common/images/program_subhead.png) top left repeat-x; border-top: 1px solid {color_accent};}

     .title {font-size: 110%; line-height: 1.25em; text-align: center; font-style: italic;}

h1 {font-size: 135%; font-weight: bold; color: {color_main}; padding-bottom: 10px; margin-bottom: 15px; background: url(/common/images/lines/line5px.gif) bottom left repeat-x;}
     h1 a:link, h1 a:visited, h1 a:active {color: {color_black}; text-decoration: underline;}
     h1 a:hover {color: #F00; text-decoration: underline;}

     h1.print_copy {display: none;}

     .newshead {padding-bottom: 0; border-bottom: 0; background: none;}

     .emph {color: {color_white}; padding: 0.3em; border-bottom: 0; background: url('/photos/slice_h1.png') top left repeat-x;}

h2 {font-size: 120%; font-weight: bold; color: {color_main};}

h3 {font-size: 105%; line-height: 1.3em; color: {color_white}; margin: 0; padding: 8px 4px 3px 8px; background-image: url(/photos/headers/red.gif); text-shadow: 0 1px 1px {color_black};}
     h3 a:link, h3 a:visited, h3 a:active {color: {color_white}; text-decoration: none;}
     h3 a:hover {color: {color_white}; text-decoration: none; border-bottom: 1px dotted {color_white};}

     .s660 {background-image: url('/photos/headers/red_660.gif');}

     .s425 {font-size: 0.75em; line-height: 1.1em; background-image: url(/photos/headers/red_425.gif);}

     .sm {font-size: 0.75em; line-height: 1.1em; background-image: url(/photos/headers/red_225.gif);}



/* ----------Breaking News Banner---------- */

#breaking {padding: 5px; margin: 0 20px 10px 10px; background-color: {color_light};}

#breaking .headline {font-weight: normal;}
     #breaking .headline a:hover {color: {color_white}; background-color: {color_main}; text-decoration: none;}

#breaking .headline span {font-weight: bold; color: {color_main};}



/* ----------Container Elements---------- */

#container {width: 1000px; height: auto; margin: 0 auto; text-align: left; padding: 10px; background-color: {color_white}; overflow: auto;} /* overall site container */

#masthead {margin-bottom: 10px; padding: 5px; text-decoration: none;}

#listen_live {margin-bottom: 5px; padding: 2px; text-decoration: none; border-bottom: 1px solid #999; background: {color_accent}; color: {color_black}; font-size: 70%; line-height: 1.3em; text-align: center;}
     #listen_live a:link, #listen_live a:visited, #listen_live a:active {color: {color_black}; text-decoration: none;}
     #listen_live a:hover {color: {color_white}; text-decoration: none;}

#media_logos {margin: 5px 0; padding: 8px 2px 6px 2px; text-decoration: none; border-top: 1px solid #999;}
     #media_logos_handheld {display: none;}

#footer {clear: both; margin: 0; padding: 5px; text-decoration: none;}

#sidebar_a {float: left; width: 170px; margin-bottom: 10px; padding: 0 5px 5px 5px;}

#sidebar_b {float: right; width: 125px; margin-bottom: 10px; padding: 0 5px 5px 0;}

#content {margin: 0 125px 10px 175px; padding: 0 5px 5px 5px;}



/* ----------Streaming Audio Player---------- */

.player_container {position:relative; width: 488px; height: 168px; margin: 0 auto; text-align: left; padding: 0;} /* listen live player container */
     .p128 {background: url('/photos/players/listen_live_128.png') left top no-repeat;}
     .p64 {background: url('/photos/players/listen_live_64.png') left top no-repeat;}
     .p32 {background: url('/photos/players/listen_live_32.png') left top no-repeat;}

.player_footer {width: 488px; height: auto; margin: 0 auto;}

.player_notice {width: 250px; height: auto; position: absolute; right: 10px; bottom: 55px;}

.player_flash {position:absolute; top: 50%; right: 20px;} /* flowplayer audio placement */



/* ----------Special Elements---------- */

.box_home .hr {margin: 6px 0 5px; height: 2px; width: 100%; background: url(/common/images/hr_back.gif) top left repeat-x;} /* separating line */

.register {font-size: 0.5em; vertical-align: super;} /* register mark span */

.spacer_print {display: none;}

.box_highlight table {border-collapse: collapse;}

.skiplink {display:none} /* navigation skip */

.scrollmore {overflow: auto; height: 250px;}

.center {display: block; margin: auto; text-align: center;}

ul.week_news {padding: 0; margin: 0 0 10px 15px; list-style: disc;} /* news headline listing inside pages */
     ul.week_news li {margin-bottom: 5px;}

.news_table {background-color: {color_accent_light}; width: 400px; border: 1px dotted #999;}
     .news_table th {background-color: {color_main}; color: {color_white}; padding: 5px 5px 5px 7px; border: 0; font: bold 0.8em/1.3em Arial, sans-serif; width: 400px;}
     .news_table td {padding: 5px; text-align: left; border: 0; font: 0.7em/1.1em Arial, sans-serif;}

.support_table {width: 640px; font-size: 90%; line-height: 1.5em; font-family: {master_font}; margin: 0 auto;}
     .support_table td {width: 320px; text-align: center; vertical-align: top;}

.audio {margin: 3px 0;} /* spacing for audio player on inside pages */



/* ----------Input Elements and Buttons---------- */

input.google {color: {color_main}; font-size: 70%; line-height: 1em; padding: 0.3em; border: 1px solid {color_accent}; background-color: {color_white}; width: 120px; height: 15px; line-height: 15px; font-family: {master_font};}

input.googlego {color: {color_main}; display: inline; font-size: 70%; line-height: 1em; padding: 0.3em; border: 0; background-color: {color_accent_light}; width: 30px; font-family: {master_font};}
     input.googlego:hover {background-color: {color_main}; color: {color_accent_light};}

input.tell {-moz-border-radius: 5px; -webkit-border-radius: 5px; color: {color_main}; background-color: {color_accent_light}; padding: 0.5em; border: 1px solid {color_accent}; font-size: 90%; line-height: 1.3em; width: 300px; font-family: {master_font};}

textarea.tellquestion {-moz-border-radius: 5px; -webkit-border-radius: 5px; color: {color_main}; background-color: {color_accent_light}; padding: 0.5em; border: 1px solid {color_accent}; font-size: 90%; line-height: 1.3em; width: 625px; height: 100px; font-family: {master_font};}



/* ----------Layout Columns---------- */

.column {float: left; width: 325px; margin: 0 0 5px 10px; padding: 0;}

.column_2 {float: left; width: 330px; margin: 0 0 5px 0; padding: 0 5px 0 0;}

.one_column {margin: 0; padding: 0 10px;} /* inside - one column layout */
     //.one_column a:link, .one_column a:visited, .one_column a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
     //.one_column a:hover {color: {color_main}; text-decoration: none; border-bottom: 1px solid {color_main};}
     .one_column a.none:link, .one_column a.none:visited, .one_column a.none:hover, .one_column a.none:active {text-decoration: none; border-bottom: none;}

.subcolumn_a {float: left; width: 425px; margin: 0 0 5px 10px;} /* inside - main content */
     //.subcolumn_a a:link, .subcolumn_a a:visited, .subcolumn_a a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
     //.subcolumn_a a:hover {color: {color_main}; text-decoration: none; border-bottom: 1px solid {color_main};}
     .subcolumn_a a.none:link, .subcolumn_a a.none:visited, .subcolumn_a a.none:hover, .subcolumn_a a.none:active {text-decoration: none; border-bottom: none;}
     .subcolumn_a li, .one_column li {font-size: 95%; line-height: 1.5em; color: #333; padding: 0; margin: 0 0 1em -1em;}

.subcolumn_b {float: left; width: 225px; margin: 0 0 5px 10px; padding: 0;} /* inside - supplemental content */

.spacer {clear: both;} /* clear general content */

.spacer_news {clear: both; padding-bottom: 5px;} /* clear home page news content */

.subcolumn_top {width: 660px; margin: 0 0 5px 10px;}



/* ----------Media On-Demand---------- */

.media {width: 325px; background-color: {color_white}; padding: 0 0 5px 0; font-family: {master_font}; float: left; margin-bottom: 10px;}
     .media dl {margin: 10px; padding: 0; float: left; display: inline; width: 305px;}
     .media dt {margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: {color_black}; float: right; width: 167px;}
          .media dt a:link, .media dt a:visited, .media dt a:active {color: {color_black}; text-decoration: none; border-bottom: 0;}
          .media dt a:hover {color: {color_white}; background-color: {color_main}; text-decoration: none;}

.media dd {margin: 0; padding: 0; font-size: 70%; line-height: 1.3em; color: #666;}
     .media dd strong {color: {color_black}; font-weight: normal;}
     .media dd.img img {float: left; margin: 0 8px 0 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: {color_white};}



/* ----------Comments---------- */

.comment {font-size: 75%; line-height: 1.5em; font-family: {master_font}; color: #333; margin-bottom: 25px;}
     .comment p {padding: 5px; margin: 0; background-color: {color_light};}
     .comment em {display: block; font-size: 90%; line-height: 1.4em; font-family: {master_font}; font-style: normal; color: #858585; margin: 0; padding: 0; padding-top: 2px; border-top: 1px solid {color_accent};}
          .comment em strong {color: {color_main};}
          .comment em.none {border-top: none; margin-bottom: 5px; color: #858585;}

input.comment {color: {color_main}; display: inline; font-size: 75%; line-height: 1em; font-family: {master_font}; border: 0; margin: 0; padding: 0; width: 100%; background-color: {color_light};}

.commentform {margin: 0; padding: 0; color: {color_main}; font-size: 100%; line-height: 1em; font-family: {master_font}; display: inline; border: 0; width: 100%; background-color: {color_light};}



/* ----------Links Listing---------- */

.links {list-style: none; margin: 0; padding: 0; font-size: 70%; line-height: 1em; font-family: {master_font};}
     .links a:link, .links a:visited {background-color: {color_accent_light}; color: {color_black}; font-weight: normal; text-decoration: none; line-height: 1.3em; display: block; margin-left: 10px; border-left: 1px solid {color_main}; padding: 5px; height: 1%; /* IE6 hack */}

.links li {display: block; margin: 5px 0 5px 0; padding: 0; color: {color_main}; font-weight: bold;}
     .links li a:hover {background-color: {color_main}; font-weight: normal; line-height: 1.3em; color: {color_white}; height: 1%; /* IE6 hack */}



/* ----------Boxes---------- */

.box_home {margin-bottom: 10px; background-color: {color_accent_light}; padding: 10px;} /* gray shade box */

.box_time {background-color: {color_light}; padding: 5px 10px;} /* pink shade box */

.box_image {padding: 5px; margin: 0 0 10px 3px; float: right; background: {color_accent_light}; height: auto; width: auto; max-width: 200px;} /* news photo gallery container */

.box_highlight {padding: 2px; margin: 0 20px 10px 10px;} /* home page highlight container */

.box_search {background: {color_accent_light}; padding: 2px; margin-bottom: 10px;} /* search box container */
     .box_search a:link, .box_search a:visited, .box_search a:active {color: {color_black}; text-decoration: none;}
     .box_search a:hover {color: {color_white}; text-decoration: none;}

.box ul {list-style-type: disc; margin: 0 0 0 15px; padding: 3px;}

.box li {margin-bottom: 2px; font-size: 70%; line-height: 1em; font-family: {master_font}; color: {color_black};}
     .box li a:link, .box li a:visited, .box li a:active {color: {color_main}; text-decoration: none;}
     .box li a:hover {color: {color_black}; text-decoration: underline;}


/* ----------Navigation---------- */

#mastnav {font-size: 70%; line-height: 1.4em; font-family: {master_font}; color: {color_white}; padding: 5px; background-color: {color_main}; text-align: center;}
     #mastnav a:link, #mastnav a:visited {padding: 0.3em 0.3em; background: transparent; color: {color_white}; text-decoration: none;}
     #mastnav ul {list-style: none; margin: 0; padding: 0;}
     #mastnav li {display: inline;}
          #mastnav li a:hover {background: url(/common/images/sliver_ccc.gif) left top repeat-x; color: {color_black};}

.subnav {font-size: 70%; line-height: 1.4em; color: {color_black}; margin: 0 0 10px 0; border-left: 4px solid {color_main};}
     .subnav a:link, .subnav a:visited {background-color: {color_accent_light}; color: {color_black}; text-decoration: none; display: block; margin: 0.3em 0; padding-left: 0.5em; height: 1%; /* IE6 hack */}
     .subnav .title {font-weight: bold; font-style: normal; font-size: 100%; text-transform: uppercase; line-height: 1.3em; letter-spacing: 1px; color: {color_white}; background-color: {color_main}; margin: 0; padding: 2px 3px; text-align: left;}
     .subnav ul {list-style: none; margin: 0; padding: 0;}
     .subnav li {display: block; margin: 0; padding: 0;}
          .subnav li a:hover {background-color: {color_main}; color: {color_white}; padding-left: 0.5em; height: 1%; /* IE6 hack */}

.nav_masthead {padding: 5px; background-color: {color_main};}

.nav_header {font-size: 70%; line-height: 1.4em; font-family: Tahoma, sans-serif; color: {color_white}; background-color: {color_main}; letter-spacing: 1px; text-align: center; margin: 0; padding: 0;}
     .nav_header a:link, .nav_header a:visited, .nav_header a:active {color: {color_white}; text-decoration: none; border-bottom: 0;}
     .nav_header a:hover {color: {color_white}; text-decoration: none; border-bottom: 1px solid {color_white};}



/* ----------Images---------- */

img {border: 0;}

.homepage_button {margin-bottom: 5px; border: 0;}

.ideacenter_img {margin: 0 0 10px 10px;}

.left {float: left; margin: 10px 10px 10px 0; text-align: left;}
     .left span {font-family: {master_font}; font-style: italic; font-size: 75%; line-height: 1.5em;}
     .leftnone {float: left; font-size: inherit; margin: 10px 10px 10px 0;}

.right {float: right; margin: 10px 0 10px 10px; text-align: right;}
     .right span {font-family: {master_font}; font-style: italic; font-size: 75%; line-height: 1.5em;}

.promo_image {margin: 0 2px 0 5px; float: right;}

.border {border: 5px solid {color_white};}

.highlight_image {padding: 0; margin: 5px 0 2px 5px; float: right;}

.button {margin-bottom: 10px; border: 0;}



/* ----------NPR Modules---------- */

.nprModHead,
.nprModAudioLinks,
.nprModText,
.nprMod {font-size: 80%; font-family: {master_font};}



/* ----------Public Interactive What's On Now Style---------- */

TABLE.gnc {background: {color_accent_light}; padding: 0; color: #999; font: 0.6em/1em Arial, sans-serif; margin-bottom: 5px;}
.gncProgramName {padding: 1px 1px 6px 1px; COLOR: {color_main}; font: 11px/13px Tahoma, sans-serif;}
.gncProgramName a:link, .gncProgramName a:visited, .gncProgramName a:active {padding: 1px; COLOR: {color_main}; text-decoration: none; border-bottom: 1px dotted {color_main};}
.gncProgramName a:hover {padding: 1px; COLOR: {color_black}; text-decoration: none; text-decoration: none; border-bottom: 1px solid {color_black};}
.gncProgramTime {PADDING: 1px; COLOR: {color_black}; FONT-SIZE: 9px;}
.gncProgramDesc {PADDING: 1px; COLOR: #000066; FONT-SIZE: 9px;}
.gncHostName {PADDING: 1px; COLOR: {color_black}; FONT-SIZE: 9px;}
A.gncListenNow {PADDING: 1px; COLOR: {color_black}; FONT-SIZE: 9px;}
.gncTitle {padding: 2px 0 2px 5px; margin: 0; background-color: {color_main}; color: {color_white}; font: 1em/1em Tahoma, sans-serif; text-align: left;}

.box_rail {font-size: 70%; line-height: 1.4em; letter-spacing: 1px; color: {color_black}; margin: 0 0 10px 0; border-left: 4px solid {color_main};}
     .box_rail ul {list-style: none; margin: 0; padding: 0; display: block;}
     .box_rail li {display: block; margin: 0.3em 0 0.3em 0; padding-left: 0.5em; background-color: {color_accent_light}; height: 1%; /* IE6 hack */}
     .box_rail .title {font-size: 100%; font-style: normal; font-weight: bold; line-height: 1.3em; text-transform: uppercase; color: {color_white}; background-color: {color_main}; margin: 0; padding: 2px 3px; text-align: left;}



/* ----------Program Schedule---------- */

#schedule_table {font-size: 70%; line-height: 1.2em; font-family: Tahoma, sans-serif; color: {color_black}; width: 656px;}
     #schedule_table .toprow {background-color: {color_main}; color: {color_white}; text-align: center; font-weight: bold;}
     #schedule_table .row1 {background-color: #ECECEC; color: {color_black}; font-weight: bold;}
     #schedule_table .row2 {background-color: {color_white}; color: {color_black}; font-weight: bold;}
     #schedule_table .program {font-weight: normal; padding: 5px; vertical-align: top; background-color: {color_accent_light}; width: 145px; font-size: 1.1em; cursor: pointer;}
     #schedule_table td {width: 76px;}
     #schedule_table a {color: {color_main};}



/* ----------Topics Pages---------- */

.topic_heading {font-weight: bold; font-size: 150%; line-height: 1em; font-family: {master_font}; padding: 5px 5px 5px 25px; margin: 0 0 3px 0;}

.topic_title {font-weight: bold; font-size: 70%; line-height: 1.3em; font-family: {master_font}; margin: 0; padding: 2px 3px; text-transform: uppercase;}
     .arts {color: #630; background: url(/common/images/topics/sliver_arts.gif) left top repeat-x;}
     .economy {color: {color_black}; background: url(/common/images/topics/sliver_economy.gif) left top repeat-x;}
     .education {color: #336; background: url(/common/images/topics/sliver_education.gif) left top repeat-x;}
     .environment {color: #D3FAD6; background: url(/common/images/topics/sliver_environment.gif) left top repeat-x;}
     .health {color: #F6CDFD; background: url(/common/images/topics/sliver_health.gif) left top repeat-x;}
     .politics {color: #F7DBD1; background: url(/common/images/topics/sliver_politics.gif) left top repeat-x;}