/*WFCR STYLESHEET*/
/*created 2009 by Alex Krogh-Grabbe*/

body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color :#FFFFFF; margin-top : 1px; margin-left : 1px; 	padding-top : 1px; padding-left : 1px; line-height: 150%}

body {text-align: center;}

ul {padding: 0px 0px 0px 0px; list-style-type: none;}
li {margin: 0px 0px 0px 0px; line-height: 15px;}

a:link{color: #000000; text-decoration: none;}
a:active{color: #000000; text-decoration: none;}  
a:visited {color: #000000; text-decoration: none;} 
a:hover {color: #800517; text-decoration: underline;}

/*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 at http://www.publicbroadcasting.net/wfcr/guide.guideadmin?action=doc_nocode.*/

table.gnc {font-size: 12px; background-color:#fafafa; width: 100%;} 
.gncProgramName {font-size: 12px; font-weight: bold; border-bottom: 1px solid black;} 
.gncProgramTime {font-size: 12px;} 
.gncProgramDesc {font-size: 12px; padding: 1px 3px 1px 3px;}
.gncHostName {font-size: 12px; font-style: italic;} 
a.gncListenNow {font-size: 12px; padding: 1px 3px 1px 3px;} 
.gncTitle {font-weight: bold; font-size: 14px; background-color: #00848E; color: white; text-align: center; padding: 3px;}
.s0, .s1, .s2 {}
.gncSong {border-top: 1px solid silver; width: 300px; padding-bottom: 2px; padding-top: 2px;}
.gncSongArtist {}
.gncSongTime {text-align: right; font-size: 10px;}
a.gncViewPlaylist {color:#000000; font-size:14px; font-weight: bold; display:block; display:inline-block; /* For IE */ height:18px; line-height:1.7em; overflow:hidden; background:url(http://www.wfcr.org/images/icnPlaylist.png) left no-repeat; padding-left:150px; padding-right:7px;}
a.gncSearchPlaylist {display: none;}

/*DO NOT TOUCH BELOW*/

.copy {margin: 0px 0px 18px 0px; line-height: 15px;}
.copyind {margin: 0px 0px 18px 40px; line-height: 15px;}
.margin {margin: 0px 0px 5px 0px; line-height: 15px; }
.padding2{padding: 0px 15px 5px 25px; }
td.column-pad {padding: 8px 3px 8px 11px;}
.head-pad{padding: 8px 3px 8px 15px;}
/*---------------------------------------------------------------------*/
.pagecontent{margin: 0 auto; width: 1000px; text-align: left;}
#leftcol{float: left; width: 180px; background-color: #FFFFFF; color: #000000; clear: left;}
#centercol{margin: 0 180px 0 180px; background-color: #FFFFFF; color: #000000;}
#rightcol{float:right; width:180px; background-color: #FFFFFF; color: #000000; clear: right;}
.content{padding: 10px 0px 0 21px;}
.header {text-align: center; height: 25px; overflow: hidden; border-bottom: 1px solid silver;}
.centerdiv{text-align: center;}
.centerdiv>div{margin: 0 auto;}
.email {font-size: 12px; padding: 0 10px 0 10px;}
.safesubscribe {margin: 2px 0 6px 0;}
.fading {padding: 10px 0 10px 0; position: relative; z-index: 0;}
#constantcontact {}
.bottomborder {border-bottom: 1px solid silver; padding: 0 10px 10px 10px;}

#centercol a {color: #306754;}
#centercol a:link {color: #306754;}
#centercol a:active {color: #306754;}
#centercol a:visited {color: #306754;}
#centercol a:hover {color: #800517; text-decoration: underline;}

#ofnotediv, #ofnotediv a, #ofnotediv img {margin: 0; padding: 0; margin-top: 5px; margin-bottom: 2px;}
#ofnotediv img {margin: 0px 1.5px; border: 1px solid silver;}
#newsdiv {float: right; margin: 0; margin-top: 5px; width: 300px; height: 620px; border: 1px solid silver; font-size: 12px; line-height: 18px; overflow: hidden;}
#newsdiv img {padding-left: 5px; padding-right: 5px;}
#newsdiv ul, #newdiv li {margin: 0;}
#newsdiv li {height: 60px; border-top: 1px solid silver; background-color: white;}
#newsdiv, #newsdiv h3 a:link, #newsdiv h3 a:active, #newsdiv h3 a:visited, #newsdiv h3 a:hover {color: white; background-color: #00848E; text-decoration: none; margin: 0;}
#newsdiv h3 {margin: 5px 0px;}
.farchive {font-size: 20px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 60px;}
#playdiv {float: left; margin: 0; width: 300px; height: 620px; background-color:#fafafa; border: 1px solid silver; overflow: hidden;}

#classicaldiv {width: 300px; border: 1px solid silver; text-align: left;}

.icondock {height: 96px; width: 175px;}
.icondock a {padding: 3px;}
.weather {overflow: hidden; height: 108px; background-color:#ffffff; border: 1px solid silver; margin-top: 5px;}

.topmenu {height: 159px; width: 100%;}
.logo {float: left; height: 131px; width: 180px; clear: left; z-index: 1;}
.topbuttons {background-color: #000000; height: 28px; width: 1000px; z-index: 1; position: absolute; top: 131px;}
.greenbanner {height: 131px; clear: right;}
.midbanner {width: 320px; height: 131px; background-image: url(http://www.wfcr.org/images/fade/mid_bg.png); float: left;}
.whatson {font-size: 11px; line-height: normal; margin-left: 10px; margin-bottom: 3px; padding: 5px 10px;}
.whatson h3 {padding: 0; margin: 0; font-size: 14px; text-align: left;}
.whatson img {vertical-align: text-bottom; padding: 0px;}
.mainslide {background-image: url(http://www.wfcr.org/images/fade/template.png); float: right;}

h1, h2, h3 {text-align: center}
h1 {font-size: 22px; line-height: 22px; padding-top: 5px;}
h2 {font-size: 18px; line-height: 18px; padding-top: 5px;}
h3 {font-size: 14px; line-height: 14px;}

.sidebannerad {border: 1px solid silver;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.float-left {float: left; padding-right: 5px;}
.float-right {float: right; padding-left: 5px;}

.graybg {background-color: #CCCCCC;}
.features {padding: 5px 10px;}
#centercol li {padding: 3px 0;}

.staffpic img {float: left; padding: 5px; padding-right: 15px; padding-bottom: 15px; border: 0px;}
.staffpic2 img {float: right; padding: 5px; padding-left: 15px; padding-bottom: 15px; border: 0px;}
#underbar {background-color: #C9E8DD; border: 1px solid black; width: 200px; float: right; font-size: 10px; padding: 5px; margin: 0px 5px;}
#underbar ul {list-style-type: none; padding-left: 10px;}
#underbar li {font-size: 14px; padding-bottom: 5px;}
#underbar li li {font-size: 10px; padding: 0;}
.beforefoot {min-height: 900px; padding: 0 5px 5px 5px;}
.half {width: 300px;}
.topborder {border-top: 1px solid silver;}
#leftcol h2, #rightcol h2 {font-size: 14px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.eventsdiv {width: 300px; float: left; padding: 0 5px 15px; 5px;}
.eventsdiv2 {width: 300px; float: right; padding: 0 5px 15px; 5px;}
ul#uwlist {float: left; width: 250px; height: 320px;}
#uwlist a {padding: 4px 0;}
#uwlist a:hover {font-size: 18px; padding: 2px 0;}
ul#uwlist2 {float: left; width: 150px; height: 320px;}
#uwlist2 a {padding: 4px 0;}
#uwlist2 a:hover {font-size: 18px; padding: 2px 0;}
.blackbg {background-color: black;}
.blacktxt {color: black;}
.red {color: red;}
.clear {clear: both; display: none; height: 1px; width: 1px;}
.openthumbs img {height: 66px; width: 99px; border: 0px; padding: 5px;}
.boxlist {border: 1px solid silver; border-bottom: 0;}
.boxlist li {border-bottom: 1px solid silver; padding: 0px; line-height: 150%;}
.boxlist li ul {border: 0;}
.boxlist li li {border:0;list-style-type:disc;margin-left:30px;}
.boxlist p {padding: 5px;}
.boxlist img {padding: 5px; padding-left: 10px;}

.wnnz_table {width: 600px; font-size: 14px; border: 1px solid silver;}
.timecol {width: 200px; text-align: right; padding-right: 10px; border: 1px solid silver;}
.showcol {width: 400px; text-align: left; padding-left: 10px; border: 1px solid silver;}
th.timecol, th.showcol {text-align: center; font-weight: bold;}

#fnbanner {font-size: 12px; color:#FFFFFF; font-weight: normal;}
#fnbanner a:link {font-size: 12px; color:#FFFFFF; font-weight: normal;}
#fnbanner a:active {font-size: 12px; color:#FFFFFF; font-weight: normal;}
#fnbanner a:visited {font-size: 12px; color:#FFFFFF; font-weight: normal;}
#fnbanner a:hover {font-size: 12px; color:#FFFFFF; font-weight: normal;}
#fnbanner {background-color: #7393AC; width: 100%; min-width: 438px;}
#fnbanner ul {margin-left: 0; padding-left: 0; display: inline;}
#fnbanner ul li {margin-left: 0; padding: 0 2px 0 4px; border-left: 1px solid white; list-style: none; display: inline;}
#fnbanner ul li.first {margin-left: 0; border-left: none; list-style: none; display: inline;}
.blacktop {border-top: 2px solid black;}
.playdiv2 {background-image:url(images/tanglewood_schedule.png);}
li.crlist {line-height:150%;}
/*----------------------------------------*/
#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:0px;}
#menu li a {display:block; float:left; height:30px; width: 122px; line-height:30px; background:#F0FFF0; color:#000; text-decoration:none; font-size:16px; padding:0 10px 0 10px; text-align: center;}
#menu li li, #menu li li a {font-size: 12px; height: 20px; background:#F0FFF0; line-height: 20px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative; color:#000; background-color:#F0FFF0;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#00848E;}
#menu li:hover > a.sub {color:#fff; background-color:#00848E;}

#menu li.current a {color:#000; background:#F0FFF0;}

#menu li a.sub {background: #000; color: #fff;}
#menu li.current a.sub {color:#000; background:#F0FFF0;}

#menu :hover ul {left:0; top:30px; width:141px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {left:141px; top:0px; background:#F0FFF0; white-space:nowrap; width:100px; z-index:200; height:auto; border-top: 1px solid silver;}
#menu :hover ul :hover ul.rightmost {right:370px;}

#menu :hover ul li {margin:0; border-bottom:1px solid silver; border-left:1px solid silver; border-right:1px solid silver;}
#menu :hover ul li a {width:141px; padding:0; background:#F0FFF0; color:#000; height:20px; line-height:20px;}
#menu :hover ul li a.fly {background:#F0FFF0; color: black;}

#menu :hover ul :hover, 
#menu :hover ul :hover a.fly, 
#menu :hover ul li.currentsub a, 
#menu :hover ul li.currentsub a.fly {background-color:#00848E; color:#fff;}

#menu :hover ul :hover ul li a {width:300px; padding:0;  background:#F0FFF0; color:#000;}
#menu :hover ul :hover ul :hover, 
#menu :hover ul :hover ul li.currentfly a, 
#menu :hover ul :hover ul li.currentfly a:hover {background:#00848E; color:#fff;}