/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */
/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: #000;
  font-family: Georgia, Times New Roman, serif;
  font-size: 1em;
  text-align: center;
  line-height: 1.3em;
}

a {
	text-decoration: none;
	font-style: italic; 
/*	font-weight: bold; */
}

a:link, a:active, a:visited {
/*	color: #004750; */
/*	color: #004b38; */
	color: #506270; 
}

a:hover {
	color: #000;
}

dl {
	background-color: #dfdfda;
	padding: 10px;
	color: #000;
}

iframe {
  max-width: 95%;
}

table {
    max-width: 98%;
}

#page {
	position: relative;
}

#masthead, #footer, #over-content, #content, #footer {
	position: relative;
	width: 1056px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 90%;
	padding: 0px;
}

#menu {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 90%;
	padding: 0px;
}

#main {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 20px;
/*	background: #140b0f; */
	background: #271c23;
	height: 100%;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#140b0f', endColorstr='#050304'); /* for IE */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#140b0f), to(#050304)); /* for webkit browsers */
/*	background: -moz-linear-gradient(top,  #140b0f,  #050304); /* for firefox 3.6+ */
	
}

#wings {
	width: 1140px;
	position: relative;
	padding: 0px;
	margin: 0 auto;
}

#leftcorn {
	position:absolute;
	background: url(images/lefthead.png);
	top: 0px;
	left: 0px;
	width: 42px;
	height: 52px;
	z-index: 10;
}

#rightcorn {
	position:absolute;
	background: url(images/righthead.png);
	top: 0px;
	left: 1099px;
	width: 42px;
	height: 52px;
	z-index: 10;
}

/*#masthead a {
	border: 1px solid #fff;
	height: 90px;
	z-index: 5;
}*/

/*#logo-title {
	height: 90px;
	position: relative;
}*/

#logo {
	float: left; 
	width: 780px;
	margin-right: 0px;
	padding: 0px;
	display: inline;
	margin-left: 10px;
}

#logo img {
	display: block;
}

/*#name-and-slogan {
	width: 750px;
	float: left;
	padding: 0px;
	display: inline;
}

#site-slogan {
	color: #c0e9ff;
	font-size: 18pt;
	font-style: italic;
	letter-spacing: .15em; 
	word-spacing: .3em;
	height: 50px;
	padding-top: 50px;
	text-transform: uppercase;
	vertical-align: bottom;
	white-space: nowrap;
}

.scap {
	font-size: 24pt;
}*/
	
#header {
	float: left;
	width: 265px;
	padding-top: 35px;
	text-align: left;
	display: inline;
    position: relative;
}

.listen {
	float: left;
	width: 49%;
	margin-right: 1%;
/*	padding-top: 29px; */
	margin-bottom: 5px; 
}

.listenm {
    display: none;
}

.pledgenow {
	width: 49%;
	float: left;
	margin-bottom: 5px; 

}

.pledgenowm {
    display: none;
}

/*.pledgenowm a {
    display: block;
    background: url(images/pledge2.png);
    height: 50px;
    width: 129px;
    margin: 0px auto;
}*/

.onnow {
	padding-right: 15px;
	line-height: 1em;
	clear: both;
	margin-left: 2px;
}

.onnow h2 {
	font-size: 8.5pt;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.onnow h2.nextup {
	margin-top: 0px;
}

.onnow a:active, .onnow a:visited, .onnow a:link {
	color: #1cecb6;
	font-size: 10pt;
	font-style: italic;
}

.onnow a:hover {
	color: #dfdfda;
}

#headerbuttons {
    display: none;
}

/********** alerts ********/
#alerts {
    text-align: center;
    width: 1140px;
    max-width: 100%;
    margin: 0px auto;
    border: 2px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    color: #fff;
}

#alerts .watch {
    background: #d9b303;
    background: linear-gradient(#e6cc55, #d9b303);
    padding: 17px 3%;
}

#alerts .advise {
    background: #e05806;
    background: linear-gradient(#f68946, #e05806);
    padding: 17px 3%;
}

#alerts .warn {
    background: #a00;
    background: linear-gradient(#d00, #a00);
    padding: 17px 3%;
}


#alerts a {
    font-style: normal;
    color: #FFF;
    font-size: 120%;
}

#alerts a:hover {
    color: #000;
}

/***** menu ****************/
#mobilemenu {
    display: none;
}


#menu {
	color: #dfdfda;
	height: 40px;
	font-size: 11.5pt;
	padding-top: 17px;
	text-align: center;
	font-variant: small-caps;
}

#menu a {
	font-style: normal;
}

#menu a:active, #menu a:link, #menu a:visited {
	color: #dfdfda;
}

#menu a:hover {
	color: #1cecb6
}

#menu a.activemenu {
	color: #1cecb6;
}

#menu li {
	padding-bottom: 4px;
	position: relative;
	z-index: 50;
}
/*
#menu .links li a {
  font-style: normal; 
}

#menu .links li a:hover {
	color: #c2c3f9;
}
*/

#menu li ul {
	position: absolute;
	left: 10px;
	z-index: 12;
/*	font-size: 0.85em; */
	background-color: #312024;
	width: 220px;
/*	top: 10px !important;*/
	top: 15px;
	padding: 0px;
	margin: 0px;
	display: none;
}

#menu li.over ul {
	display: block;
}

#menu li ul li {
	border-top: none; 
	border-left: none; 
	border-right: none; 
	display: block; 
	border-bottom: 1px solid #dfdfda;
	padding: 3px 10px 3px 10px;
	margin: 0px;
}

#menu ul li.last {
    border: none;
}

#menu li ul ul, #menu li.over ul ul {
	position: absolute;
	top: 0px;
	left: 215px;
/*
	top: 0px;
	left: 0px;*/
	font-variant: normal;
	width: 200px;
	display: none;
	z-index: 100;
} 

#menu li ul li.over ul {
	display: block;
} 

#menu li.plsub {
	font-variant: normal;
	padding-left: 17px;
}


/*#menu li ul ul li {
	padding-left: 0px;
	border-bottom: none;
}*/

/*#navlist {
  font-size: 1.0em;
  padding: 0.5em 0.8em 1.2em 0; /* LTR */
/*  position: relative;
}

#navlist li {
	position: relative;
}

ul.links li {
  border-left: 1px solid #b6d3bf; /* LTR */
/*}

ul.links li.first {
  border: none;
}



#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
/*  font-size: 0.8em;
  color: #9cf;
}

#subnavlist a {
  font-weight: bold;
  color: #9cf;
}


/***********************************/
#over-content {
	text-align: center;
/*	background-color: #dfdfda; */
	margin-bottom: 10px;
}

/*#over-content .listen {
	position: absolute;
	width: 265px;
	height: 164px;
	top: 120px;
	left: 780px;
	z-index: 10;
	color: #fff;
	text-align: right;
	opacity: 0.8;
	line-height: 1.2em;
}*/

/*.listen .fourcorns {
	width: 250px;
	height: 144px;
	padding: 10px 5px 10px 10px;
}*/

/********* content *******/
#content-content {
	position: relative;
	top: -30px;
}

#content .block {
	color: #312024;
}

#content .node, #content-content .view, #content-content form, #content-content ul, #content-content #forum {
	padding: 10px;
	color: #312024;
	background: #dfdfda;
}

#content-content form, #content-content #forum {
	padding-top: 30px;
}

#content-content form .poll {
	margin-top: -25px;
}

#content-content .edge_preview {
	float: left;
	width: 450px;
}

#content-content .related_items .view {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: 550px;
}
#content-content .related_items2 .view {
	padding-top: 0px;
}

#content .block .node {
	background: transparent;
}

#content .innernode {
	padding: 50px 10px 10px 10px;
	position: relative;
}

#content .innernode.bigtitle {
	padding-top: 75px;
}

#content-content .node, #content-content .view, #content #just-over {
	padding-top: 40px;
}

#content #just-over {
	margin-bottom: -40px;
}

.node h2 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

.node h2 a {
	font-style: normal;
	text-decoration: none;
}

.node h2 a:active, .node h2 a:link, .node h2 a:visited {
	color: #312024;
	font-weight: bold;
}

.node h2 a:hover {
	color: #004750;
    text-decoration: underline;
}

.node h2 .subhead {
	font-weight: normal;
	font-style: italic;
}

#content .innernode .node {
	border-bottom: 1px dotted #004750;
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
}

#content .innernode form .poll {
	margin-top: -25px;
}

.page-homepage .wholecol .node {
	width: 242px;
	float: left;
}

.thrdcol .innernode .title, .thrdcol2 .innernode .title, .halfcol .innernode .title, .qtrcol .innernode .title,
.wholecol .innernode .title, .threecol .innernode .title, .qtr3col .innernode .title {
	position: absolute;
	right: 0px;
	top: 0px;
}

.innernode .title h2 {
	margin: 0px;
	padding: 10px;
	height: 25px;
	font-size: 130%;
	text-decoration: none;
	color: #fff;
}

.innernode.bigtitle .title h2 {
	height: 50px;
}

.innernode .title h2 a:active, .innernode .title h2 a:visited, .innernode .title h2 a:link,
.related_nodes .title h2 a:active, .related_nodes .title h2 a:visited, .related_nodes .title h2 a:link,
.tabs.secondary a:active, .tabs.secondary a:link, .tabs.secondary a:visited {
	color: #fff;
	text-decoration: none;
}

.innernode .title h2 a:hover, .related_nodes .title h2 a:hover, .tabs.secondary a:hover {
	color: #1cecb6;
	text-decoration: none;
}

.node .links {
	font-size: 80%;
}

.node ul.links, .node ul.links li, #content .node ul.links {
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

.nodetitle {
	font-size: 110%;
}

.mobilecol {
    display: none;
    background: #dfdfda; 
}

.qtrcol, .thrdcol, .thrdcol2, .halfcol, .qtr3col, .lspcol, .lspqtr {
	float: left;
	margin-right: 4px;
	display: inline;
}

.threecol {
	float: left;
	margin-right: 5px;
	display: inline;
}

.qtrcol {
	width: 261px;
}

.qtr3col {
	width: 790px;
}

.thrdcol {
	width: 350px;
}

.thrdcol2 {
	width: 700px;
}

.threecol {
	width: 348px;
}

.thrdcol2 .thrdcol {
	width: 348px;
}

.halfcol {
	width: 524px;
}

.lspcol {
	width: 510px;
	margin-bottom: 20px;
}

.lspqtr {
	width: 250px;
}

.lspcol .inblock, .lspqtr .inblock {
	padding: 0px 15px;
}


.thrdcol2 .slides .inblock, .thrdcol .slides .inblock {
	padding-bottom: 0px;
	background: transparent;
}

.qtrcol.lastqtr, .thrdcol.lastthrd, .thrdcol2.lastthrd, .threecol.lastthrd, .lspcol.lastlsp, .lspqtr.lastlsp, .halfcol.lasthalf {
	margin-right: 0px;
}

.qtrcol .block, .thrdcol .block, .thrdcol2 .block, .halfcol .block, .threecol .block, .qtr3col .block {
	margin-bottom: 3px;
}

.qtrcol .inblock, .thrdcol .inblock, .thrdcol2 .inblock, .halfcol .inblock, .wholecol .inblock, .threecol .inblock,
.qtr3col .inblock {
	padding-bottom: 1px;
	background: #dfdfda; 
}

.qtrcol .inblock {
	width: 259px;
}

.qtr3col .inblock {
	width: 788px;
}

.thrdcol .inblock {
	width: 348px;
}

.threecol .inblock {
	width: 346px;
}

.thrdcol2 .inblock {
	width: 698px;
}

.thrdcol2 .thrdcol .inblock {
	width: 346px;
}

.halfcol .inblock {
	width: 522px;
}

.cat_header {
	padding: 10px;
	border-bottom: 1px dotted #004750;
}

.cat_header h1 {
	font-size: 150%;
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.cat_header h2, .cat_header h2 a:active, .cat_header h2 a:visited, .cat_header h2 a:link {
	color: #1cecb6;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

.cat_header a {
/*	font-weight: bold;
	font-style: italic;
	font-size: 90%;*/
	font-style: normal;
}

.cat_header a:active, .cat_header a:link, .cat_header a:visited {
	color: #fff;
}

.cat_header a:hover, .cat_header h2 a:hover {
	color: #dfdfda;
}

h1#page-title {
	position: relative;
	height: 20px;
	font-size: 150%;
	color: #1cecb6;
	padding: 20px;
	margin: 0px;
	z-index: 30;
}

.views-table {
	width: 100%;
}

td.views-field-image-attach-images {
	width: 110px;
}

/********* images  *********************************/
.all-attached-images {
	width: 425px;
	float: left;
	margin: 0px 10px 0px 0px;
	position: relative;
}

.all-attached-images img {
	display: block;
	margin: 0px;
}

.image-attach-teaser {
	width: 100px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.beside-image {
	float: left;
	width: 860px;
}

/*.rel_articles .beside-image {
	width: 370px;
} */

.pledge-image {
    float: left;
    width: 20%;
    margin-right: 2%;
    clear: both;
    margin-bottom: 10px;
}

.pledge-image img {
    max-width: 100%;
    height: auto;
}

.pledge-item {
    float: left;
    max-width: 760px;
    width: 78%;
}

/********* features & programs, projects & events *********************/
.rel_articles {
	position: relative;
}

.rel_articles_title {
	font-weight: bold;
	font-style: italic;
}

#content-content .rel_articles .node {
	padding-top: 5px;
	border-bottom: 1px dotted #004750;
	margin-bottom: 5px;
}

#content .rel_articles .node {
	border: none;
}

.rel_articles .node h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.rel_article {
	/*float: left; */
	width: 100%;
}


/********* stories *********************************/
.related_nodes {
	float: right;
	width: 235px;
	border-left: 1px dotted #004750;
	margin-left: 10px;
	margin-top: -10px;
}

.related_nodes .title h2 {
	margin: 0px;
	padding: 10px;
	height: 25px;
	font-size: 130%;
	text-decoration: none;
	color: #fff;
}

.related_node img {
	display: block;
	margin: 0px;
}

.related_node {
	width: 215px;
	padding: 10px;
}

.leftquote, .rightquote {
	width: 300px;
	background-color: #eee;
	font-size: 150%;
	color: #000;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	line-height: 1.1em;
}

.leftquote {
	float: left;
	margin-right: 10px;
}

.rightquote {
	float: right;
	margin-left: 10px;
}

/********* programs ********************************/
.program_page {
	position: relative;
}

#content .program_page .node {
	float: left;
	width: 480px;
	border: none;
	padding: 10px 10px 0px 10px;
	margin-bottom: 5px;
	text-align: justify;
}

.program_page .smallthumb img {
	border: 1px dotted #004750;
}

.program_page .smallthumb {
	margin-right: 10px;
}

.sched {
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 8px;
}

/********* playlists *******************************/
.playlist iframe {
	width: 1036px;
	height: 900px;
}

/********* events page *****************************/
.evtdate {
	font-variant: small-caps;
	font-weight: bold;
}

/********* support page and sponsor directoru *****************/
.sponscat {
	float: left;
	width: 100px;
	margin-right: 30px;
	margin-left: 35px;
	margin-top: 5px;
	font-size: 70%;
}

.sponscat.lastcat {
	margin-right: 0px;
}

.sponscat a {
	font-weight: bold;
	font-style: normal;
}

.buscol a {
	font-variant: small-caps;
	font-style: normal;
	font-weight: bold;
}
	
.sponscat a:active, .sponscat a:link, .sponscat a:visited, .buscol a:active, .buscol a:link, .buscol a:visited {
	color: #312024;
}

.sponscat a:hover, .buscol a:hover {
	color: #506270;
}

.buscol {
	float: left;
	width: 316px;
	margin-right: 5px;
	display: inline;
}

.buscol .links a {
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
}

.buscol .links a:active, .buscol .links a:visited, .buscol .links a:link {
	color: #506270;
}

.buscol .links a:hover {
	color: #000;
}

.sponsor_page {
	position: relative;
}

#content .sponsor_page .node {
	float: left;
	width: 480px;
	border: none;
	padding: 10px;
	text-align: justify;
}

.spons_detail {
	float: left;
	width: 260px;
}

#spons_map {
	width: 1020px;
	height: 370px;
}

/*********  LSP page ******************************/
#content-content .lsppage .node {
	padding-top: 0px;
	padding-bottom: 0px;
/*	border-bottom: 1px solid #aaa; */
	margin-bottom: 15px;
	background: transparent;
	color: #dfdfda;
}

.lsppage .inblock a:active, .lsppage .inblock a:visited, .lsppage .inblock a:link {
	color: #1cecb6;
}

.lsppage .inblock a:hover {
	color: #506270;
}

.blogdate {
	font-size: 90%;
	font-style: italic;
}

#content-content .lsppage .view {
	background: transparent;
	color: #dfdfda;
	padding: 0px;
}

.lsppage .views-row {
	margin-bottom: 10px;
}

.lsppage .title {
	color: #1cecb6;
}

/*********  Youth page ******************************/
#content-content .ythpage .node {
	padding-top: 0px;
	padding-bottom: 0px;
/*	border-bottom: 1px solid #aaa; */
	margin-bottom: 15px;
	background: transparent;
	color: #dfdfda;
}

.ythpage .inblock a:active, .ythpage .inblock a:visited, .ythpage .inblock a:link {
	color: #1cecb6;
}

.ythpage .inblock a:hover {
	color: #506270;
}

#content-content .ythpage .view {
	background: transparent;
	color: #dfdfda;
	padding: 0px;
}

.ythpage .views-row {
	margin-bottom: 10px;
}

.ythpage .title {
	text-align: right;
	width: 250px;
	margin-left: 245px;
}

.ythpage .title .gradienta {
	padding: 10px;
}

.ythpage .inblock .title a {
	text-decoration: none;
}

.ythpage .inblock .title a:active, .ythpage .inblock .title a:link, .ythpage .inblock .title a:visited {
	color: #dfdfda;
}

.ythpage .inblock .title a:hover {
	color: #506270;
}

/********* footer **********************************/
#footer {
	margin-bottom: 20px;
	font-style: italic;
	color: #1cecb6;
	position: relative;
	line-height: 1.1em;
}

#footer div.spacer {
	height: 3px;
	font-size: 0.1em;
}

#footer .block {
	margin-bottom: 10px;
}

.footercol1, .footercol2, .footercol, .footercol4, .footercoll {
	float: left;
	display: inline;
}

.footercol1 {
	margin: 0px 5px 0px 20px;
	width: 195px;
}

.footercol1 h2 {
    color: #fff;
    font-size: 90%;
    padding: 0px;
    margin: 0px;
}

.footercol2 {
	margin-left: 5px;
	margin-right: 5px;
	width: 175px;
}

.footercol4 {
	margin-left: 5px;
	margin-right: 5px;
	width: 175px;
}

.footercol {
	margin-left: 5px;
	margin-right: 5px;
	width: 203px;
}

.footercoll {
	width: 195px;
	margin: 0px 20px 0px 5px;
}	

#footer h1 {
	font-size: 120%;
	color: #fff;
	border-bottom: 1px dotted #004750;
}

#footer h1 a:active, #footer h1 a:link, #footer h1 a:visited {
	color: #fff;
}

#footer h1 a:hover {
	color: #1cecb6;
}

#footer ul.menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer li.leaf {
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
}

#footer .expanded ul {
	display: none;
}

.footername {
	color: #fff;
}

#footer a:active, #footer a:visited, #footer a:link {
	color: #1cecb6;
}

#footer a:hover {
	color: #dfdfda;
}

#footer .radio {
	position: absolute;
	right: 5px;
	bottom: 50px;
	width: 81px;
}

.button {
	width: 160px;
	height: 22px;
	background: url(images/button.png) no-repeat;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 7px;
	color: #312024;
	font-size: 9pt;
}
	
#footer .button a:active, #footer .button a:visited, #footer .button a:link, #headerbuttons a {
	color: #312024;
	font-style: normal;
}

#footer .button a:hover {
	color: #000;
}

.msurvey {
  display: none;
}

#contact {
	color: #000;
	text-align: center;
	padding: 10px 5px 10px 5px;
}
/********* block/view-specific styles  *************/
#block-block-4 .node {  /* home page news stories */
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #004750;
	margin: 10px;
}

#content #node-7299 {  /* about page */
	padding: 0px;
	background: transparent;
}

#content #node-7299 .thrdcol .topblock .inblock, #content #node-7299 .thrdcol2 .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#content #node-7300 {  /* news page */
	padding: 0px;
	background: transparent;
}

#content #node-37412 {  /* archives page */
	padding: 0px;
	background: transparent;
}

#content #node-37412 .halfcol .topblock .inblock {
    padding-top: 29px;
}

#content #node-7300 .halfcol .topblock .inblock, #content #node-7301 .halfcol .topblock .inblock, #content #node-7300 .qtrcol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#content #node-7301 {  /* events page */
	padding: 0px;
	background: transparent;
}

#content #node-7301 .thrdcol .topblock .inblock, #content #node-7301 .thrdcol2 .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#content #node-7302 {  /* community page */
	padding: 0px;
	background: transparent;
}

#content #node-7302 .halfcol .topblock .inblock, #content #node-7302 .qtrcol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

/*#content #node-7302 .wholecol .mm {
	position: relative;
	float: right;
	left: -50%;
}

#content #node-7302 .wholecol .mm2 {
	position: relative;
	left: 50%;
}*/

#content #node-7441 {  /* Support page */
	padding: 0px;
	background: transparent;
}

#content #node-7441 .thrdcol .topblock .inblock, #content #node-7441 .thrdcol2 .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#node-93 .innernode .title {  /* programs page */
	position: absolute;
	top: 0px;
}

#content #node-93 {
	padding-top: 29px;
}

#content #node-19 {  /* Business Sponsors page */
	padding: 0px;
	background: transparent;
}

#content #node-19 .wholecol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#node-7445 .innernode .title {  /* Sponsor Location/Category page */
	position: absolute;
	top: 0px;
}

#content #node-7445 {
	padding-top: 29px;
}

#content #node-9724 {  /* youth page */
	padding: 0px;
	background: transparent;
}

#content #node-9724 .halfcol .topblock .inblock, #content #node-9724 .qtrcol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#content #node-16227 {  /*  Lake Superior Project */
	background: transparent;
}

#content #node-36041 {  /*  CLEAN waters Project */
	background: transparent;
}

#content #node-50314 {  /*  Climate Change */
	background: transparent;
}

#content #node-33533 {  /*  Local Food Project */
	background: transparent;
}
#content #node-18881 {  /*  WTIP Youth */
	background: transparent;
}
#content #node-26181 {  /*  Becoming the Best of Ourselves */
	background: transparent;
}
#content #node-28001 {  /*  Environmental Stewardship */
	background: transparent;
}


#content #node-35152 {  /* city news page */
	padding: 0px;
	background: transparent;
}

#content #node-35152 .halfcol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#content #node-35153 {  /* county news page */
	padding: 0px;
	background: transparent;
}

#content #node-35153 .halfcol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}

#content #node-35154 {  /* school news page */
	padding: 0px;
	background: transparent;
}

#content #node-35154 .halfcol .topblock .inblock {
	padding-top: 29px;
/*	background: #dfdfda; */
}


/*--- node-4 is pledge page ---*/
#node-4 fieldset {
	padding: 10px;
	border: 1px solid #fff;
}

#node-4 legend {
	font-size: 120%;
	font-style: italic;
}

#node-4 form br {
	clear: both;
}

#node-4 label, #node-4 .label {
	float: left;
	width: 150px;
}

#node-4 label.inline {
	width: auto;
}

#node-4 input, #node-4 textarea, #node-4 .input {
	float: left;
	width: 400px;
}

#node-4 input.inline {
	width: 100px;
	margin-right: 5px;
}

#node-4 input[type="checkbox"], #node-4 input[type="submit"] {
	width: auto;
}

#node-4 select {
	float: left;
	margin-right: 5px;
}

.view-home-page-stories {
	border: none;
}

.view-image-related-articles td {
	text-align: center;
	width: 110px;
	vertical-align: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
}

#content-content .view-yourtake {
	padding-top: 0px;
}

.evt-list {
	margin: 10px;
	font-size: 90%;
}

.evt-list h2 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}

.evt-list h2 a {
	font-style: normal;
}

.evt-list h2 a:active, .evt-list h2 a:link, .evt-list h2 a:visited {
	color: #312024;
	font-size: 110%;
	font-weight: bold;
}

.evt-list h2 a:hover {
	color: #004750;
}

.evt-list h2.secttitle {
	font-size: 120%;
	font-style: italic;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

iframe.nsas {
	width: 1030px;
	height: 1000px;
}

/*********** global styles ***********************/


.gradienta {
height: 100%;
background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1716', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#1a1716), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #1a1716,  #000); /* for firefox 3.6+ */
}

.gradients {
height: 100%;
background: #c0c0c0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #c0c0c0); /* for firefox 3.6+ */
}

.admin, .help {
	background: #dfdfda;
	padding: 20px 10px 10px 10px;
	color: #312024;
	background: #dfdfda;
	margin-top: -20px;
}

tbody {
	color: #000;
	border: none;
}

.fourcorns {
	-moz-border-radius:0.5em;
  	-webkit-border-radius:0.5em;
	border-radius: 0.5em;
}

.topcorns {
	-moz-border-radius-topleft:0.5em;
	-moz-border-radius-topright:0.5em;
  	-webkit-border-top-left-radius:0.5em;
  	-webkit-border-top-right-radius:0.5em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}

.bottomcorns, .view {
	-moz-border-radius-bottomleft:0.5em;
	-moz-border-radius-bottomright:0.5em;
  	-webkit-border-bottom-left-radius:0.5em;
  	-webkit-border-bottom-right-radius:0.5em;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

.dotted-border {
	border: 1px dotted #004750;
}	

.half-border {
	border-left: 1px dotted #004750;
	border-right: 1px dotted #004750;
}

/*  rounded corners for ie */
.tla, .tlb, .tls, .tlan {
	margin-right: 9px;
	height: 9px;
	font-size: 2px;
}

.tra, .trb, .trs, .tran {
	margin-left: 9px;
	margin-top: -9px;
	background-position: 100% 0; /* show bg-image starting at the right */
	height: 9px; 
	font-size: 2px;
}

.bla, .blb, .bls, .blan {
	margin-right: 9px; /* clip right corner */
	background-position: 0 -9px; /* show under half of the image */
	height: 9px;
	font-size: 2px;
}

.bra, .brb, .brs, .bran {
	margin-top: -9px; /* to level of bottom-left corner */
	margin-left: 9px; /* clip left corner */
	background-position: 100% -9px; /* under half, right side */
	height: 9px; 
	font-size: 2px; 
	margin-bottom: 3px;
}

.tla, .tra, .bla, .bra {
	background-image: url(images/gradienta.gif);
}

.tlan, .tran, .blan, .bran {
	background-image: url(images/gradientanb.gif);
	position: relative;
	z-index: 10;
}

.slide-text .tla, .slide-text .tra {
	background-image: url(images/slidebox.gif);
}

.tlb, .trb, .blb, .brb {
	background-image: url(images/block.gif);
}

.tls, .trs, .bls, .brs {
	background-image: url(images/gradients.gif);
}

.largethumb {
	width: 215px;
	float: left;
	margin-right: 5px;
}

.largethumb img, .smallthumb img {
	display: block;
} 

.qtrcol .largethumb {
	float: none;
	margin-left: 12px;
}

.wholecol .largethumb {
	width: 260px;
}

.smallthumb {
	float: left;
	width: 100px;
	margin-right: 5px;
}

.cutline {
	padding: 10px;
	color: #fff;
}

.cutline a:link, .cutline a:visited, .cutline a:active {
	color: #fff;
}

.cutline a:hover {
	color: #1cecb6;
}

.smallthumb .cutline {
	font-size: 80%;
	text-align: left;
	padding: 10px 5px 10px 5px;
}

.divider {
	clear: both;
	font-size: 1px;
	height: 1px;
	border-bottom: 1px dotted #004750;
}

.vertdivider {
	position: absolute;
	width: 1px;
	height: 95%;
	border-left: 1px dotted #004750;
	top: 0px;
	left: 500px;
	font-size: 1px;
}

.program_page .vertdivider {
	height: 100%;
}

.rightcol {
	border-left: 1px dotted #004750;
}

div.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}

.mmbox {
	text-align: center;
}
.mmbox img {
	display: inline;
}

/*.mmbox {
	width: 240px;
	height: 240px;
/*	background: #000; 
	text-align: center;
}

.mmbox img {
	display: inline;
}

.subcat_list {
	text-align: center;
}

.imgarrows {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.imgarrows a {
	color: #fff;
} */
.all-images {
	position: relative;
}

.sslink {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 1.5em;
	padding: 3px 5px 3px 5px;
	-moz-border-radius-bottomleft:0.5em;
	-moz-border-radius-bottomright:0.5em;
  	-webkit-border-bottom-left-radius:0.5em;
  	-webkit-border-bottom-right-radius:0.5em;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.sslink a:active, .sslink a:visited, .sslink a:link {
	color: #fff;
}

.sslink a:hover {
	color: #506270;
}

#edit-search-block-form-1-wrapper label {
	font-weight: normal;
}

#edit-search-block-form-1-wrapper input {
	margin-bottom: 8px;
	width: 174px;
}

#search-block-form input[type="submit"] {
	border: none;
	background: transparent url(images/shortbutton.png) left top no-repeat;
	height: 29px;
	width: 80px;
}

a.green {
    color: #1cecb6 !important;
}

a.green:hover {
    color: #dfdfda !important;
}


/*** Feb 2014 Pledge Changes ***/
.pledgeline {
	border-bottom: 2px solid #000;
}

.stepcol {
	float: left;
	width: 80px;
}

.pledgestep {
	width: 70px;
	color: #fff;
	background-color: #000;
	padding: 5px 5px 3px 5px;
	text-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

.plarr {
	padding: 3px;
}

.pledgedata {
	float: left;
	width: 700px;
}

.pledgettl {
	font-weight: bold;
	padding-left: 7px;
	padding-top: 4px;
	font-size: 110%;
}

.ppop {
	position: absolute;
	top: 100px;
	right: 100px;
	background: #ccc;
	padding: 15px;
	display: none;
	border: 1px solid #b1b2ae;
	width: 300px;
    z-index: 30;
}

.pledgebox {
	border: 2px solid #b1b2ae;
	background: #cececb url(images/pboxback.jpg) left top repeat-x;
	margin: 8px;
	padding: 8px;
    position: relative;
}

#giftprev {
    float: right;
    width: 30%;
}

#giftform {
    float: left;
    width: 70%;
}
.giftlist {
    margin-left: 15px;
    display: none;
}

a .station-sch-djs {
    color: #3b977a;
}

a:hover .station-sch-djs {
    color: #000;
}

.clear2 {
	clear: both;
	height: 0px;
	font-size: 0px;
}

.twitter-share-button {
    position: relative !important;
    top: 6px;
}

#node-4 input[type="radio"] {
	width: auto;
}

.green {
    color: #1cecb6;
}


.mevent {
    display: none;
}

.psapage .node .content {
    font-size: 120%;
}

.psapage .node .content .field {
    font-size: 90%;
}

.cdfc {
    width: 45%;
    float: left;
}
    
.cdfc .forecast {
    clear: none;
}

/**** responsive  *****/
@media screen and (max-width: 1180px) {
    img {
        max-width: 100%;
        height: auto;
    }
    
    iframe {
        max-width: 100% !important;
    }
    
    #masthead, #footer, #over-content, #content, #footer, #menu, #wings {
        width: 98%;
    }
    
    #logo {
        width: 75%;
        margin-left: 1%;
    }
    #header {
        width: 24%;
    }
    
    #edit-search-block-form-1-wrapper input {
        width: 50%;
    }
    
    .largethumb {
        max-width: 90%;
    }
    
    .qtrcol {
        width: 24%;
        margin-right: 1%;
    }
    
    .qtrcol .inblock, .thrdcol .inblock, .thrdcol2 .inblock, .thrdcol2 .thrdcol .inblock, .halfcol .inblock, .threecol .inblock {
        width: 100%;
    }
    
    .lspcol .inblock, .lspqtr .inblock {
        width: 96%;
        padding: 0px 2%;
    }
    
    .emvideo object {
        width: 100% !important;
    }
    
    input {
        max-width: 90%;
    }
    
    .buscol {
        width: 98%;
        margin-right: 2%;
    }
    
.qtr3col {
	width: 790px;
}

    .thrdcol {
        width: 32%;
        margin-right: 1%;
    }
    
    .thrdcol2 .thrdcol {
        width: 49%;
    }

    .thrdcol2 {
        width: 66%;
        margin-right: 1%;
    }

    .threecol {
        width: 32%;
        margin-right: 1%;
    }

    .halfcol {
        width: 49%;
        margin-right: 1%;
    }
                                                        
    .lspcol {
        width: 49%;
        margin-right: 1%;
    }

.lspqtr {
	width: 250px;
}
    
    
    .ythpage .title {
        margin-left: 60%;
        width: 40%;
    }
    
    #content .innernode {
        padding: 50px 1% 10px;
        width: 98%;
    }
    
    .footercol1 {
        margin: 0px 1% 0px 0px;
        width: 18%;
    }

    .footercol2 {
        margin-left: 0px;
        margin-right: 1%;
        width: 18%;
    }

    .footercol4 {
        margin-left: 0px;
        margin-right: 1%;
        width: 18%;
    }

    .footercol {
        margin-left: 0px;
        margin-right: 1%;
        width: 20%;
    }

    .footercoll {
        width: 19%;
        margin: 0px;
    }	
    
/*    .button {
        width: 100%;
        height: 22px;
        background: url(images/button.png) no-repeat center top;
        margin-bottom: 5px;
    }*/
  
    .msurvey {
        display: block;
         padding: 15px 0px;
    }
    
    .msurvey .button {
        margin: 0px auto;
    }
    
    h1#page-title {
        position: relative;
        min-height: 20px;
        height: auto;
        line-height: 1.1em;
    }
    
    .image-attach-teaser {
        max-width: 20%;
        margin-right: 1%;
    }
    
    .beside-image, .rel_articles .beside_image {
        width: 79% !important;
    }

    .rel_article {
/*        float: left; */
        width: 100%;
    }
    
    .related_nodes {
        width: 25%;
    }
    
/*    .node .content {
        width: 73%;
    }
*/

    #content .program_page .node {
        width: 46%;
        padding-right: 2%;
        padding-left: 2%;
    }
    
    
    .vertdivider {
        left: 48%;
    }

    .program_page .vertdivider {
        left: 49%;
    }
    
    .playlist iframe {
        width: 100%;
    }
    
    #spons_map {
        width: 100%;
    }
    
        
    #content .sponsor_page .node {
        width: 48%;
        padding-left: 1%;
        padding-right: 1%;
    }
    
    #content .sponsor_page .node .largethumb {
        width: 100%;
        margin-right: 0px;
    }
    
    .spons_detail {
        width: 100%;
    }
    
    .pledgedata {
        width: 95%;
    }
    
    textarea, select {
        max-width: 100%;
    }
    
    .mevent {
        background: transparent url("images/shortbutton.png") no-repeat scroll left top;
        border: medium none;
        height: 29px;
        width: 80px;
    }

}

@media screen and (max-width: 975px) {
    .listen, .pledgenow{
        display: none;
    }
    
    .listenm, .pledgenowm {
        display: block;
        float: left;
        margin: 5px 10%;
    }
    
    #headerm {
        float: left;
        width: 75%;
        margin-top: 10px;
    }
    
    #header {
        float: right;
    }
    
    #leftcorn, #rightcorn {
        display: none;
    }
    
    #footer .radio {
        right: 5px;
        bottom: auto;
        top: -50px;
    }
    
}

@media screen and (max-width: 930px) {
    #menu li {
        padding-left: 4px;
        padding-right: 3px;
    }
    
}
    
@media screen and (max-width:  830px) {
    #logo {
        max-width: 83%;
    }
    
    #header {
        padding-top: 10px;
    }
    
    #mobilemenu {
        display: block;
/*        padding: 10px;
        background-color: #dfdfda;
        width: 94%;
        margin-left: 1%; */
        color: #fff;
        position: absolute;
        z-index: 100;
        top: 5px;
        right: 5px; 
        max-width: 15%;
        font-size: 50%;
    }
    
    #menu {
        height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
    }
    
    ul#navlist {
        display: none;
        margin-left: 2%;
        width: 90%;
    }
    
    #menu ul {
        text-align: left;
        position: absolute;
        top: 35px;
        right: 5px;
        font-size: 15pt;
    }
    
    #menu ul {
        padding-top: 5px;
    }
    
    #menu ul.links li {
        display: block;
        background-color: #312024;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    #menu li ul {
        position: relative;
        left: auto;
        padding-left: 2%;
        z-index: 12;
        width: 95%;
        top: auto;
    }

    #menu li ul li {
        left: 20px;
    }

    #menu li ul ul, #menu li:hover ul ul, #menu li.over ul ul {
        position: relative;
        top: auto;
        left: auto;
        width: 95%;
        padding-left: 2%;
    } 
/*    #menu {
        display: none;
    } */
    
    .qtrcol, .thrdcol, .thrdcol2, .threecol {
        width: 49%;
        margin-right: 1%;
    }
    
    .thrdcol2 .thrdcol {
        width: 100%;
    }
    
    .mthird {
        clear: both;
    }
    
    .footercol1, .footercol2, .footercoll {
        width: 32%;
    }
    
    .footercol {
        display: none;
    }
    
    .all-attached-images {
        width: 48%;
        margin-right: 2%;
    }
    
    .all-attached-images div {
        max-width: 100%;
    }
    
    .related_nodes {
        display: none;
    }
    
    
    .node .content {
        width: 100%;
    }

}


@media screen and (max-width: 600px) {
    .listenm, .pledgenowm {
        margin: 5px 5%;
    }
}

@media screen and (max-width: 530px) {
    #logo {
        width: 85%;
        display: block;
        margin-left: 0px;
        float: none;
    }
    
    #header {
        width: 100%;
        float: none;
        padding-top: 35px;
     }
    
    #headerm {
        margin-top: 10px;
        background-color: #271c23;
        width: 100%;
    }

    .listenm {
        margin: 15px 20% 15px 1%;
    }
    .pledgenowm {
        margin: 15px 1% 15px 0px;
    }
    
    #block-search-0 {
        width: 40%;
        margin-left: 5%;
        float: right;
        padding-top: 25px;
    }
    
    #block-block-18 { /** header - aka on now ***/
        float: left;
        width: 50%;
        padding-top: 0px;
        margin-top: -15px;
    }
    
    .mevent {
        display: block;
        float: right;
        margin-right: 3%;
    }
    
    .all-attached-images {
        width: 100%;
        max-width: 100%;
        margin: 0px auto 25px auto;
        float: none;
    }
    
}

@media screen and (max-width: 500px) {
    #headerbuttons {
        display: block;
        text-align: center;
        padding-top: 10px;
    }
    
    #headerbuttons .button {
        float: left;
        width: 48%;
        margin-right: 2%;
        padding-top: 5px;
	    font-size: 11pt;
        font-style: italic;
        background: url(images/button.png) no-repeat center top;
        height: 24px;

    }
    
    .listenm, .pledgenowm {
        width: 36%;
        margin-right: 2%;
        margin-left: 0px;
     }
    
    #edit-search-block-form-1-wrapper input {
        width: 90%;
    }

    #block-search-0 {
        width: 48%;
        margin-left: 0px;
        margin-right: 2%;
        text-align: center;
    }
    
    #block-search-0 input {
        float: none;
    }
    
    #block-search-0 input[type="submit"] {
        float: right;
        margin-right: 2%;
    }
    
    #block-block-18 { /** header - aka on now ***/
        float: left;
        width: 48%;
        margin-left: 0px;
        margin-right:2%;
        text-align: center;
        padding-top: 0px;
        margin-top: -15px;
    }
    /*
    
    .qtrcol {
        float: none;
        width: 100%;
        margin-right: 0px;
    }
    
    .hphider {
        display: none;
    }
    
    .front .qtrcol .inblock {
        background: transparent;
    }
    
    .front .qtrcol .block {
        margin-bottom: 20px;
        border: none;
    }
    
    .cat_header {
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        border-radius: 0.5em;
        color: #312024;
    }
    
    .inblock .gradienta {
        background: #888;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); /* for IE *
        background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333333)); /* for webkit browsers *
        background: -moz-linear-gradient(top,  #555,  #333); /* for firefox 3.6+ *
        background: linear-gradient(#555,  #333); /* for css3 *
    }
    */
    .front .qtrcol {
        display: none;
    }
    
    .mobilecol {
        display: block;
        width: 100%;
    }
    
    .qtrcol, .thrdcol, .thrdcol2, .halfcol, .lspcol, .threecol {
        width: 100%;
        margin-right: 0px;
    }
    
    #content #node-7299 .thrdcol:first-child .topblock .inblock, #content #node-7299 .thrdcol2:first-child .topblock .inblock,
    #content #node-7300 .qtrcol:first-child .topblock .inblock, #content #node-7302 .qtrcol:first-child .topblock .inblock,
    #content #node-37412 .halfcol:first-child .topblock .inblock  {
        padding-top: 29px;
    }
    
    #content #node-7299 .thrdcol .topblock .inblock, #content #node-7299 .thrdcol2 .topblock .inblock, #content #node-7300 .qtrcol .topblock .inblock,
    #content #node-7302 .qtrcol .topblock .inblock, #content #node-37412 .halfcol .topblock .inblock {
        padding-top: 0px;
    }
    
    #content #node-37412 .halfcol:first-child {
        margin-bottom: 10px;
    }

    
    .footercol1 {
        width: 49%;
    }
    
    .footercol2 {
        display: none;
    }
    
    #footer .radio {
        display: none;
    }
    
    #masthead, #footer, #over-content, #content, #footer {
        font-size: 100%;
    }

    .image-attach-teaser {
        max-width: 50%;
        margin-right: 2%;
    }
    
    .beside-image {
        width: 100%;
        float: none;
    }
    
    .rel_article {
        float: left;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    #content .program_page .node {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        border-bottom: 1px solid #bbb;
        padding-bottom: 15px;
    }
    
    #content .sponsor_page .node {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        border-bottom: 1px solid #bbb;
        padding-bottom: 15px;
    }

    
    .vertdivider, .divider {
        display: none;
    }

}

@media screen and (max-width: 400px) {
/*    .listenm {
        margin-right: 5%;
    }
    */
    .listenm, .pledgenowm {
        width: 48%;
    }
    
    .mevent {
        clear: both;

    }
}