BODY, BODY.webMain {
	font-family: Arial;
	font-size: 12px;
text-align: center;
	color: #000000;
	background-color : #35527a;

}


/***** default anchor styles *****/
img {border:none;}

A:link {
	color: #35527a; 
text-decoration: none;

}

A:hover {
	color: #35527a; 
text-decoration: none;
}

A:active {
	color: #35527a; 
text-decoration: none;
}

A:visited {
	color: #35527a; 
text-decoration: none;
}




TABLE.webOuterTable {
        width: 750;
        margin-left: auto;
        margin-right: auto;

}


/** content rail 1 width **/
TD.webOuterTableC1 {
	width: 25%;
}

/** content rail 2 width **/
TD.webOuterTableC2 {
	width: 72%;
}

/** content rail 3 width **/
TD.webOuterTableC3 {
/*	width: auto;*/
}

TABLE.webFooter {
width: 100%;
}

TD.kuarfooter {
font-size: 11px;
color: #FFFFFF;
background-color: #333333;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.kuarfooter {
font-size: 11px;
color: #FFFFFF;
background-color: #333333;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.kuarfooter A:link {font-size: 11px; color: #FFFFFF;}
TH.kuarfooter A:visited {font-size: 11px; color: #FFFFFF;}
TH.kuarfooter A:active {font-size: 11px; color: #FFFFFF;}
TH.kuarfooter A:hover {font-size: 11px; color: #FFFFFF;}

TD.kuarfooter A:link {font-size: 11px; color: #FFFFFF;}
TD.kuarfooter A:visited {font-size: 11px; color: #FFFFFF;}
TD.kuarfooter A:active {font-size: 11px; color: #FFFFFF;}
TD.kuarfooter A:hover {font-size: 11px; color: #FFFFFF;}

.kuarfooter A:link {font-size: 11px; color: #FFFFFF;}
.kuarfooter A:visited {font-size: 11px; color: #FFFFFF;}
.kuarfooter A:active {font-size: 11px; color: #FFFFFF;}
.kuarfooter A:hover {font-size: 11px; color: #FFFFFF;}

.gncProgramName {text-align: center padding: 3px 3px 3px 3px; color: #000000; font-size: 12px; font-weight: bold;}

/***** the siderail bucket styles  - can just override one or more of these bucket styles to change it up *****/
TABLE.webSideRail, TABLE.webSideRail1, TABLE.webSideRail2, TABLE.webSideRail3, TABLE.webSideRail4, TABLE.webSideRail5, TABLE.webSideRail6, TABLE.webSideRail7, TABLE.webSideRail8, TABLE.webSideRail9, TABLE.webSideRail10, TABLE.webSideRail11, TABLE.webSideRail12, TABLE.webSideRail13, TABLE.webSideRail14, TABLE.webSideRail15 {
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/*** table-layout: fixed; ***/
}

TD.webSideRail, TD.webSideRail1, TD.webSideRail2, TD.webSideRail3, TD.webSideRail4, TD.webSideRail5, TD.webSideRail6, TD.webSideRail7, TD.webSideRail8, TD.webSideRail9, TD.webSideRail10, TD.webSideRail11, TD.webSideRail12, TD.webSideRail13, TD.webSideRail14, TD.webSideRail15 {
	background-color: #859cba;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

TH.webSideRail, TH.webSideRail1, TH.webSideRail2, TH.webSideRail3, TH.webSideRail4, TH.webSideRail5, TH.webSideRail6, TH.webSideRail7, TH.webSideRail8, TH.webSideRail9, TH.webSideRail10, TH.webSideRail11, TH.webSideRail12, TH.webSideRail13, TH.webSideRail14, TH.webSideRail15 {
	font-size: 14px;
	text-align: left;
	color: #d0dfe6; 
	background-color: #35527a;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}



/***** the content styles *****/
TABLE.webContent, TABLE.webContent1, TABLE.webContent2, TABLE.webContent3, TABLE.webContent4, TABLE.webContent5 {
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/
}

TD.webContent, TD.webContent1, TD.webContent2, TD.webContent3, TD.webContent4, TD.webContent5 {
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
	font-size: 14px;
	text-align: left;
	color: #d0dfe6; 
	background-color: #35527a;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}



/*NPR Headlines*/
.nprMod {font-size: 11px; color:#000000; font-weight: normal; text-align:left}
.nprMod A {font-size: 11px; color:#000000; font-weight: bold; text-align:left}
.nprMod A:link {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}
.nprMod A:visited {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}
.nprMod A:active {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}
.nprMod A:hover {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}

/*NPR Feeds: This set controls the color of all the headline links.*/
.nprModHead {font-size: 11px; color:#000000; font-weight: bold; text-align:left}
.nprModHead A {font-size: 11px; color:#000000; font-weight: bold; text-align:left}
.nprModHead A:link {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}
.nprModHead A:visited {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}
.nprModHead A:active {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}
.nprModHead A:hover {font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; text-align:left}

/*NPR FEEDS: And this set controls the color of the headline teases. it is recommended you keep it the same color as the rest of your body copy*/
.nprModText, nprModDate, nprModPipe, nprModName, nprModAudioLinks {font-size: 13px; color:#000000; font-weight: normal; text-align:left}


/** the vertical dynamic nav styles **/
TABLE.webHeaderVertNav {
color: #35527a;
background-color: #35527a;
width: 100%;
border-top: 0px;
border-bottom: 0px;
border-spacing: 0px;
border-collapse: collapse;
font-weight: bold;
}
TD.webHeaderVertNav {
color: #FFFFFF;
background-color: #35527a;
border-top: 1px solid rgb(26, 9, 128);
border-bottom: 1px solid rgb(255, 255, 255);
padding-top: 6px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 1px;
font-weight: bold;
}
TABLE.webHeaderVertSubNav {
color: #FFFFFF;
width: 100%;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
font-weight: bold;
}
TD.webHeaderVertSubNav {
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
padding-right: 5px;
font-weight: bold;
}



.webHeaderVertNav A, .webHeaderVertNavSel A, .webHeaderVertNav A:visited, A.webHeaderVertNavSel A:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

.webHeaderVertNav A:hover, .webHeaderVertNavSel A:hover, {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}

.webHeaderVertSubNav A, .webHeaderVertSubNavSel A, .webHeaderVertSubNav A:visited, .webHeaderVertSubNavSel A:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

.webHeaderVertSubNav A:hover, .webHeaderVertSubNavSel A:hover,
{
color: #FFFFFF;
text-decoration: underline;
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 in your Public Interactive Startup Kit.*/

TABLE.gnc {background-color: #859cba; color: #000000; font-family: Arial; font-size: 12px;}
.gncProgramName {padding: 2px 2px 2px 2px; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; text-align: center;}
.gncProgramTime {padding: 2px 2px 2px 2px; color: #000000; font-family: Arial; font-size: 11px; text-align:center}
.gncProgramDesc {background-color: rgb(211, 211, 211); padding: 2px 2px 2px 2px; color: #000000; font-size: 10px; text-align:center}
.gncHostName {padding: 2px 2px 2px 2px; color: #000000; font-family: Arial; font-size: 10px; text-align:center}
A.gncListenNow {padding: 2px 2px 2px 2px; color: rgb(0, 0, 0); font-family: Arial; font-size: 10px; text-align:center}
.gncTitle {padding: 2px 2px 2px 2px; color: #000000; font-family: Arial;font-size: 10px; text-align:center}

/*ARTS FEED FOR CENTER COLUMN*/
/* TD.art-section controls the section name such as "JAZZ"*/
TD.art-section A:link {font-family: Verdana; font-size: 12px; color: rgb(0, 0, 0); font-weight: bold;}
TD.art-section A:visited {font-family: Verdana; font-size: 12px; color: rgb(0, 0, 0); font-weight: bold;}
TD.art-section A:active {font-family: Verdana; font-size: 12px; color: rgb(0, 0, 0); font-weight: bold;}
TD.art-section A:hover {font-family: Verdana; font-size: 12px; color: rgb(0, 0, 0); font-weight: bold;}

/* TD.art-content controls the Headline and Tease of the stories displayed on the page*/
TD.art-content{font-family: Verdana; font-size: 12px; color:#000000;} /*TEASE*/
TD.art-content A:link {font-family: Verdana; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold;} /*headline*/
TD.art-content A:visited {font-family: Verdana; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold; text-decoration: none;} /*headline visited*/
TD.art-content A:active {font-family: Verdana; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold; text-decoration: none;} /*headline active*/
TD.art-content A:hover {font-family: Verdana; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold; text-decoration: none;} /*headline hover*/


/*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: 18px; color: #35527a; font-weight: bold; text-decoration: none; padding-bottom: 10px}
.headline-region A {font-size: 18px; color: #35527a; font-weight: bold; text-decoration: none; padding-bottom: 10px}
.headline-region A:link {font-size: 18px; color: #35527a; font-weight: bold; text-decoration: none; padding-bottom: 10px}
.headline-region A:visited {font-size: 18px; color: #35527a; font-weight: bold; text-decoration: none; padding-bottom: 10px}
.headline-region A:active {font-size: 18px; color: #35527a; font-weight: bold; text-decoration: none; padding-bottom: 10px}
.headline-region A:hover {font-size: 18px; color: #35527a; font-weight: bold; text-decoration: none; padding-bottom: 10px}

/*NEWS and EVENTS FEEDS: This set controls the color of all the headline links.*/
.headline-title {font-size: 16px; color:#000000; font-weight: bold;}
.headline-title A {font-size: 16px; color:#000000; font-weight: bold;}
.headline-title A:link {font-size: 16px; color: rgb(0, 0, 0); font-weight: bold;}
.headline-title A:visited {font-size: 16px; color: rgb(0, 0, 0); font-weight: bold;}
.headline-title A:active {font-size: 16px; color: rgb(0, 0, 0); font-weight: bold;}
.headline-title A:hover {font-size: 16px; color: rgb(0, 0, 0); font-weight: bold;}


/*NEWS and EVENTS FEEDS: And this set controls the color of the headline teases. it is recommended you keep it the same color as the rest of your body copy*/
.headline-tease {font-size: 14px; color:#000000; font-weight: normal;}
.headline-tease A {font-size: 14px; color:#000000; font-weight: bold;}
.headline-tease A:link {font-size: 14px; color: rgb(0, 0, 0); font-weight: bold;}
.headline-tease A:visited {font-size: 14px; color: rgb(0, 0, 0); font-weight: bold;}
.headline-tease A:active {font-size: 14px; color: rgb(0, 0, 0); font-weight: bold;}
.headline-tease A:hover {font-size: 14px; color: rgb(0, 0, 0); font-weight: bold;}


/* TD.art-content controls the  Headline and Tease of the stories displayed on the page*/
TD.art-content{font-family: Arial; font-size: 12px; color:#000000;} /*TEASE*/
TD.art-content A:link {font-family: Arial; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold;} /*headline*/
TD.art-content A:visited {font-family: Arial; font-size: 14px;    color: rgb(0, 0, 0); font-weight: bold; text-decoration: none;} /*headline visited*/
TD.art-content A:active {font-family: Arial; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold; text-decoration: none;} /*headline active*/
TD.art-content A:hover {font-family: Arial; font-size: 14px; color: rgb(0, 0, 0); font-weight: bold; text-decoration: none;} /*headline hover*/





.rssHeadlines A:link {
   font-size: 12px;
   font-weight: bold;
   color: #2b251f;
}

.rssHeadlines A:visited {
   font-size: 12px;
   font-weight: bold;
   color: #2b251f;
}

.rssHeadlines A:hover {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #70665b;
}

.headline-title {padding:8px 0px;}

.rssHeadlineCell {padding: 10px;}

TD.art-content {padding:12px 0px;}


/***** END PUBLIC INTERACTIVE NO CODE FEEDS *****/