/*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;}

 /* NO CODE FEEDS*/ 

/*NEWS and EVENTS FEEDS: This controls the color of the Public NewsRoom¨ and Events Calendar feeds that are housed in the left and right rails. This first set controls only the "Local & State News", "US" and "World" link colors.*/

.headline-region {font-size: 12px; color:#000000; font-weight: bold;}
.headline-region A:link {font-size: 12px; color:#000000; font-weight: bold;}
.headline-region A:visited {font-size: 12px; color:#000000; font-weight: bold;}
.headline-region A:active {font-size: 12px; color:#000000; font-weight: bold;}
.headline-region A:hover {font-size: 12px; color:#800517; font-weight: bold;}

/*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/test/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: 0 10px 0 10px;}
.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;}
#newsdiv {float: left; 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: right; margin: 0; width: 300px; height: 620px; background-color:#fafafa; border: 1px solid silver; overflow: hidden;}

.icondock {height: 90px; width: 175px;}
.icondock a {padding: 3px;}
.weather {height: 70px; overflow: hidden; background-color:#fafafa; border: 1px solid silver; margin-bottom: 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/test/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/test/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;}
ul#uwlist {float: left; width: 250px; height: 300px;}
#uwlist a {padding: 4px 0;}
#uwlist a:hover {font-size: 18px; padding: 2px 0;}
ul#uwlist2 {float: left; width: 150px; height: 300px;}
#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: 60px; width: 90px; border: 0px; padding: 5px;}

.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;}

/** SUCKERFISH STYLE STYLES **/
.blackbg {background-color: #000;height: 30px;}

#menu, #menu ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
        font-family:arial, verdana, sans-serif;
		z-index:999;
}

#menu LI {display:block;margin-right:0px;}

#menu a {
        display: block;
        width: 141px;
        background-color: #000;
        color: #FFF;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        text-decoration: none;
}

#menu LI:hover A, #menu LI.sfHover A, #menu a:hover, 
#menu li:hover ul LI:hover A, #menu li.sfHover ul LI.sfHover A, 
#menu li:hover UL LI:hover UL LI A:hover, #menu li.sfHover UL LI.sfHover UL LI A:hover {
        background-color: #00848E;
        color: #FFF;
}

#menu li UL LI, #menu li UL LI UL LI  {
        margin:0; border-bottom:1px solid silver; border-left:1px solid silver; border-right:1px solid silver;

}

#menu li UL LI UL {border-top: 1px solid silver;}

#menu LI:hover UL LI A, #menu LI.sfHover UL LI A, 
#menu li:hover UL LI:hover UL LI A, #menu li.sfHover UL LI.sfHover UL LI A {background-color: #F0FFF0;color: #000;}

#menu LI UL LI A {
        font-size: 12px;
        line-height: 20px;
        height: 20px;
        color: #000;
        background-color: #F0FFF0;
}

#menu li { /* all list items */
        float: left;
        width: 141px; /* width needed or else Opera goes nuts */
}

#menu li ul { /* second-level lists */
        position: absolute;
        width: 142px;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li ul ul { /* third-and-above-level lists */
        margin: 0;
}

#menu li ul li UL LI {width: 200px;}
#menu li ul li UL LI A {width: 100%;}

#menu li:hover ul ul, #menu li.sfhover ul ul {
        left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
}

#menu li:hover ul li:hover ul, 
#menu li.sfhover ul li.sfhover ul {
        left: 142;
        top: auto;
        margin-top: -21px;

}

#menu li:hover ul LI A {
        background-color: #F0FFF0;
        color: #000;
}