
 /* main blue */
 /* light blue */
 /* light gray */
 /* medium gray */
 /* white */
 /* black */

/* ----------WVIZ Style Sheet---------- */


/* ----------Added---------- */

.title_additional {font-weight: bold; font-size: 70%; line-height: 1.4em; font-style: normal; text-transform: uppercase; color: #FFF; background-color: #2160a9; margin: 0; padding: 2px 3px 2px 5px; letter-spacing: 1px;}

#countbox {font-size: 70%; font-weight: bold; color: #2160A9;}


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

body {background-color: #FFF; 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: #2160A9; text-decoration: none; border-bottom: 1px solid #2160A9;}

     .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: #2160A9; text-decoration: none; border-bottom: 1px solid #2160A9;}

     .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: #000; text-decoration: none; border-bottom: 0;}
          .headline a:hover {color: #FFF; background-color: #2160A9; 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: #000; text-decoration: none; border-bottom: 0;}
          .more a:hover {color: #2160A9; text-decoration: none; border-bottom: 1px solid #2160A9;}

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

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

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

h1 {font-size: 135%; font-weight: bold; color: #2160A9; 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: #000; 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: #FFF; padding: 0.3em; border-bottom: 0; background: url('/photos/slice_h1.png') top left repeat-x;}

h2 {font-size: 120%; font-weight: bold; color: #2160A9; margin-bottom: -0.025em;}

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

     .s660 {background-image: url(/cms_images/blue_660.gif);}

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

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



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

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

#breaking .headline {font-weight: normal;}
     #breaking .headline a:hover {color: #FFF; background-color: #2160A9; text-decoration: none;}

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



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

#container {width: 1000px; height: auto; margin: 0 auto; text-align: left; padding: 10px; background-color: #FFF; 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: #CCC; color: #000; font-size: 70%; line-height: 1.3em; text-align: center;}
     #listen_live a:link, #listen_live a:visited, #listen_live a:active {color: #000; text-decoration: none;}
     #listen_live a:hover {color: #FFF; 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_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; margin-bottom: 1em;}

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: #F5F5F5; width: 400px; border: 1px dotted #999;}
     .news_table th {background-color: #2160A9; color: #FFF; 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: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; 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: #2160A9; font-size: 70%; line-height: 1em; padding: 0.3em; border: 1px solid #CCC; background-color: #FFF; width: 120px; height: 15px; line-height: 15px; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;}

input.googlego {color: #2160A9; display: inline; font-size: 70%; line-height: 1em; padding: 0.3em; border: 0; background-color: #F5F5F5; width: 30px; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;}
     input.googlego:hover {background-color: #2160A9; color: #F5F5F5;}

input.tell {color: #2160A9; background-color: #F5F5F5; padding: 0.5em; border: 1px solid #CCC; font-size: 90%; line-height: 1.3em; width: 300px; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;}

textarea.tellquestion {color: #2160A9; background-color: #F5F5F5; padding: 0.5em; border: 1px solid #CCC; font-size: 90%; line-height: 1.3em; width: 625px; height: 100px; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;}



/* ----------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: #2160A9; text-decoration: none; border-bottom: 1px solid #2160A9;}
     .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: #2160A9; text-decoration: none; border-bottom: 1px solid #2160A9;}
     .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: #FFF; padding: 0 0 5px 0; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; 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: #000; float: right; width: 167px;}
          .media dt a:link, .media dt a:visited, .media dt a:active {color: #000; text-decoration: none; border-bottom: 0;}
          .media dt a:hover {color: #FFF; background-color: #2160A9; text-decoration: none;}

.media dd {margin: 0; padding: 0; font-size: 70%; line-height: 1.3em; color: #666;}
     .media dd strong {color: #000; 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: #FFF;}



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

.comment {font-size: 75%; line-height: 1.5em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; color: #333; margin-bottom: 25px;}
     .comment p {padding: 5px; margin: 0; background-color: #E6F2FF;}
     .comment em {display: block; font-size: 90%; line-height: 1.4em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; font-style: normal; color: #858585; margin: 0; padding: 0; padding-top: 2px; border-top: 1px solid #CCC;}
          .comment em strong {color: #2160A9;}
          .comment em.none {border-top: none; margin-bottom: 5px; color: #858585;}

input.comment {color: #2160A9; display: inline; font-size: 75%; line-height: 1em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; border: 0; margin: 0; padding: 0; width: 100%; background-color: #E6F2FF;}

.commentform {margin: 0; padding: 0; color: #2160A9; font-size: 100%; line-height: 1em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; display: inline; border: 0; width: 100%; background-color: #E6F2FF;}



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

.links {list-style: none; margin: 0; padding: 0; font-size: 70%; line-height: 1em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;}
     .links a:link, .links a:visited {background-color: #F5F5F5; color: #000; font-weight: normal; text-decoration: none; line-height: 1.3em; display: block; margin-left: 10px; border-left: 1px solid #2160A9; padding: 5px; height: 1%; /* IE6 hack */}

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



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

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

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

.box_image {padding: 5px; margin: 0 0 10px 3px; float: right; background: #F5F5F5; 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: #F5F5F5; padding: 2px; margin-bottom: 10px;} /* search box container */
     .box_search a:link, .box_search a:visited, .box_search a:active {color: #000; text-decoration: none;}
     .box_search a:hover {color: #FFF; 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: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; color: #000;}
     .box li a:link, .box li a:visited, .box li a:active {color: #2160A9; text-decoration: none;}
     .box li a:hover {color: #000; text-decoration: underline;}


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

#mastnav {font-size: 70%; line-height: 1.4em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; color: #FFF; padding: 5px; background-color: #2160A9; text-align: center;}
     #mastnav a:link, #mastnav a:visited {padding: 0.3em 0.3em; background: transparent; color: #FFF; 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: #000;}

.subnav {font-size: 70%; line-height: 1.4em; color: #000; margin: 0 0 10px 0; border-left: 4px solid #2160A9;}
     .subnav a:link, .subnav a:visited {background-color: #F5F5F5; color: #000; 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: #FFF; background-color: #2160A9; 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: #2160A9; color: #FFF; padding-left: 0.5em; height: 1%; /* IE6 hack */}

#nav_footer {padding: 5px; background-color: #2160A9;}

.nav_masthead {padding: 5px; background-color: #2160A9;}

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



/* ----------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: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; font-style: italic; font-size: 75%; line-height: 1.5em;}

.right {float: right; margin: 10px 0 10px 10px; text-align: right;}
     .right span {font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; font-style: italic; font-size: 75%; line-height: 1.5em;}

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

.border {border: 5px solid #FFF;}

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

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



/* ----------Video----------  */

.video {float: right; margin: 0 0 10px 10px;}
.video2 {float: left;}


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

.topic_heading {font-weight: bold; font-size: 150%; line-height: 1em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; padding: 5px 5px 5px 25px; margin: 0 0 3px 0;}

.topic_title {font-weight: bold; font-size: 70%; line-height: 1.3em; font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; 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: #000; 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;}



/* ----------Digital TV Table---------- */

.digitalTable {background-color: #E9F5E9; width: 650px; border: 1px solid #eee;}
     .digitalTable a {color: #000; text-decoration: none; border-bottom: 1px dotted #000}
     .digitalTable th {background-color: #2160A9; color: #fff; padding: 5px 5px 5px 7px; text-align: left; font: bold 0.7em/1em verdana, sans-serif; border: 1px solid #eee;}
     .digitalTable td {padding: 5px; text-align: left; font: 0.7em/1.1em verdana, sans-serif; text-align: center;}

.digitalTableRow1 {background-color: #eee;}
.digitalTableRow2 {background-color: #dedede;}



/* ----------Coming Soon Promotion---------- */

#cscontain {width: 325px; background-color: #F5F5F5; padding: 0 0 5px 0; float: left; margin-bottom: 10px;}
     #cscontain dl {margin: 10px; padding: 0; float: left; display: inline; width: 305px;}
     #cscontain dt {margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: black; float: right; width: 167px;}
          #cscontain dt a {color: black; text-decoration: none;}
          #cscontain dt a:hover {color: white; background-color: #2160A9; text-decoration: none;}
     #cscontain dd {margin: 0; padding: 0; font-size: 70%; line-height: 1.3em; color: #666;}
          #cscontain dd strong {color: black; font-weight: normal;}
          #cscontain 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: #FFF;}



/* ----------Background Colors for Logos---------- */

.state {background-color: #213B57; text-align: center;}
.applause {background: url('/cms_images/applause/appback.jpg') repeat-x top left; text-align: center;}
.feagler {text-align: center;}
.ideas {background: url('/cms_images/ideas/ideasback.jpg') repeat-x top left;}
.wsw_header {height: 340px; background: url('/cms_images/wsw/wsw_header.jpg') no-repeat top left;}
.auction {background: url('/cms_images/auction/auctionback.jpg') repeat-x top left;}
.auctwit {background-color: #6CC5C3; margin-bottom: 10px; text-align: center;}
.cuyahoga {background: url('/cms_images/cuyahoga/river_masthead.jpg') top left no-repeat; margin-bottom: 10px;}
.globeglass {background: url('/cms_images/globe/map.jpg') top left no-repeat; text-align: center; margin-bottom: 10px;}
.park {background: url('/cms_images/programming/park/park_masthead.png') top left no-repeat; height: 310px; margin-bottom: 10px;}
.cooks_header {background: url('/cms_images/cooks/marble.jpg') top left no-repeat; text-align: center; width: 660px; margin: 0 0 10px 10px;}
.reform {background-color: black; margin-bottom: 10px; text-align: center;}


/* ----------Backstage With---------- */

#one_column_backstage {margin: 0; padding: 0 10px 0 10px; height: 700px; width: 660px; background: #490105 url(/cms_images/backstage/backstage_splash2.jpg) top center no-repeat;}
#backstage_splash {font: 1.0em/1.3em Georgia, "Times New Roman", Times, serif; color: #FFF; padding: 0; position: relative; top: 200px; margin: 0 300px 0 20px;}
.backstage_archive {font: 0.9em/1.3em Georgia, "Times New Roman", Times, serif; color: #FFF;}
h1.backstage_title {font: bold 1.1em/1em Tahoma, sans-serif; color: #490105; letter-spacing: 1px; border-bottom: 1px dotted #490105; padding-bottom: 4px;}



/* ----------Make a Difference---------- */

#subcolumn_make_a {float: left; width: 330px; margin: 0 0 5px 10px;}
#subcolumn_make_b {float: left; width: 320px; margin: 0 0 5px 10px; padding: 0;}
#make_banner {padding: 0; margin: 0 20px 10px 10px;}
.make_quote {font: italic bold 1.1em/1.1em Georgia, "Times New Roman", Times, serif; color: #990; letter-spacing: 3px; margin-bottom: 15px;}