/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

table, p, a {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body {
	margin: 5px 0px 0px 5px;
	background: #454A58 url(http://kjzz.org/Common/Img/bkgndBody.gif) repeat-y 0px 0px;}

td, ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	vertical-align: top;}
#content ul {margin: 5px 0px 5px 10px;}
li {
	padding: 0px 0px 3px 8px;
	background: url(http://kjzz.org/Common/Img/bulletGraySquare.gif) no-repeat 0px 4px;}
	
input, select, textarea {
	color: #444444;
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #00529C;
	font-weight: normal;}
h1 {
	font-size:2.0em;
	margin-bottom: 12px;}
h2 {
	font-size:1.5em}
h3, h4, h5, h6, h7 {
	font-size: 1.25em;
	font-weight: bold;}

a {text-decoration: underline;}

p {padding-bottom: 15px;}
li p {padding: 0px;}

.clearBoth {
	clear: both;
	visibility: hidden;}


/* ====================== Layout & Columns ========================*/
#main {width: 780px;}

#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/*LM must come after RM in the structure of the HTML*/
	margin-right: 255px;}

#rightMaster {
	float: right;
	width: 220px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;}

#breadCrumbs {
	color: #B6B6B6;
	margin: 5px 0px 25px 5px;}
#breadCrumbs p, #breadCrumbs a, #breadCrumbs {
	font-size: 1.0em;}
#breadCrumbs a {color: #00529C;}

.contentPhoto {padding-bottom: 20px;}


/* ====================== Header/Footer Positioning ====================== */
#headerContainer {
	width: 780px;
	margin-top: 5px;
	position:relative;
	left:0px;}
#headerContainer p {padding: 0px;}

#headerCol1 {margin-right: 371px;}
#headerCol2 {
	float: right;
	width: 371px;}
/* application of The Holly Hack - http://www.positioniseverything.net/explorer/threepxtest.html - to compensate for the px float bug in IE 6*/
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #headerCol1 {
	height: 1%;
	margin-right: 0px;}
* html #headerCol2 {margin-left: -3px;}
/* End Holly Hack */


.headerCol1 {background-color: #ffffff;}
.headerCol2 {background-color: #ffffff;}
	
#footer {
	width: 780px;
	padding: 40px 0px 20px 0px;}
#footer, #footerText, #footer a {
	font-size:.95em;}
#footerLogo {
	float: left;
	width: 85px;
	text-align: center;}
#footerText {
	margin-left: 90px;
	padding-left: 5px;
	border-left: 1px solid #CCCCCC;}
	
#footer a {color: #768D9E;}
#footer ul {
	list-style: none;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #CCCCCC;}
#footer li {
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 0px 8px 0px 8px;
	border-left: 1px solid #768D9E;}
#footer .first {
	padding-left: 0px;
	border-left: none;}

#footer p, #footer p a {
	padding: 0px;
	color: #444444;}


/* ====================== Menu ====================== */
#navMenu {
	width: 778px;
	position: relative;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;}
	
* html #navMenu {width: 780px;} /* IE gets the spacing wron bceasue of the borders - above*/

#searchContainer {
	float: right;
	width: 190px;
	height: 25px;
	background-color: #CCCCCC;
	overflow:hidden; /* overflow needed to force IE to recognize the fixed height of this box*/}
#searchContainer .searchTitle {
	font-size: 1.0em;
	padding: 0px 0px 0px 10px;}
#searchContainer input {
	width: 100px;
	vertical-align: middle;
	margin: 2px 0px 0px 5px;}

#navMenu {
	font-size: 0.9em;}
#navMenu a {
	color: #00529C;
	text-decoration: none;}

#navMenu ul {
	border-bottom: 1px solid #CCCCCC;}
#navMenu li {
	display:inline;
	padding:0px;
	margin:0px;
	background: none;}
#navMenu li a {
	line-height: 25px;
	margin:0px;
	height:25px;
	padding: 5px 7px;}
* html #navMenu li a{
	padding:0px 7px; /*IE gets the padding wrong on this - this hack hides the over ride from other browsers */}

#navMenu li a:hover {background-color: #EFEFEB;}

#navMenu li ul {
	margin: 0px;
	padding:0px;
	float:left;
	width:100%;
	background-color: #EFEFEB;}

#navMenu li li {}
#navMenu li li a {
	border-right: 1px solid #00529C;
	line-height:25px;}
#navMenu li a:hover {background-color: #EFEFEB;}

/* Displays the blue background image & sets the background color on the current category  */
.categoryPrograms #menuPrograms a, .categoryNews #menuNews a, .categoryMusic #menuMusic a, .categoryArts #menuArts a, 
.categoryEvents #menuEvents a, .categoryInsideKJZZ #menuInsideKJZZ a,.categorySupportKJZZ #menuSupportKJZZ a {
	border-bottom: 1px solid #EFEFEB;
	background: #EFEFEB url(http://kjzz.org/Common/Img/bkgndCurrentLink.gif) no-repeat right top;}



/* Styling for the second level menu that displays when in a category */
.categoryPrograms #menuPrograms li a, .categoryNews #menuNews li a, .categoryMusic #menuMusic li a, .categoryArts #menuArts li a, 
.categoryEvents #menuEvents li a, .categoryInsideKJZZ #menuInsideKJZZ li a,.categorySupportKJZZ #menuSupportKJZZ li a {
	background: none;
	border-left: 1px solid #EFEFEB;} 

/* ====================== Callouts ======================== */

.headerCol1 .mainPromo {
	/* background: #5c8eb2 url(../Img/mainPromo.jpg) no-repeat;} */
	background: #5c8eb2 url(../Img/mainPromo.jpg) repeat;}
.mainPromo, .mainPromo p {
	width: 100%;
	padding: 0px;
	margin:0px;
	color: #000000;
	font-size: 1.0em;	}
.headerCol1 .mainPromo h1 {
	text-align: center;
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 0px;
	margin:2px 0px;}
.headerCol1 .mainPromo ul {
	width: 320px;
	padding: 0px;
	margin: 0px 0px 0px 30px;}
.headerCol1 .mainPromo li {
	float: left;
	margin: 0px;
	width: 140px;
	padding: 0px 0px 0px 9px;
	background: url(http://kjzz.org/Common/Img/bulletBlackSquare.gif) no-repeat 0px 4px;}
.headerCol1 .mainPromo a {
	color: #FFFFFF;
	text-decoration: none;}

.quickLinks .background {
	height: 100%;
	width: 100%;
	background-color: #02a0cd;
}

.headerCol2 .quickLinks h1 {
	margin: 0px;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 3px 0px 4px 10px;
	background-color: #000000;}
.headerCol2 .quickLinks ul {
	width: 320px;
	margin: 0px 0px 0px 20px;}
.headerCol2 .quickLinks li {
	float: left;
	margin: 0px;
	width: 140px;
	padding: 0px 0px 0px 9px;
	background: url(http://kjzz.org/Common/Img/bulletBlackSquare.gif) no-repeat 0px 4px;}
.headerCol2 .quickLinks a {
	color: #FFFFFF;
	text-decoration: none;}

.quickLinksclear {
	clear:both;
	height:1px;
	overflow:hidden;}


.rightMaster .quickLinks {
	/* height: 90px; */
	/* background: #00529C url(http://kbaq.org/Common/Img/bkgndQuickLinks.jpg) no-repeat right bottom; */
	}
.quickLinks .background {
	background-color: #02a0cd;
	}

.rightMaster .quickLinks h1 {
	margin: 0px;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 3px 0px 4px 10px;
	background-color: #000000;}
.rightMaster .quickLinks ul {
	width: 320px;
	margin: 0px 0px 0px 30px;}
.rightMaster .quickLinks li {
	float: left;
	margin: 0px;
	width: 140px;
	padding: 0px 0px 0px 9px;
	background: url(http://kjzz.org/Common/Img/bulletBlackSquare.gif) no-repeat 0px 4px;}
.rightMaster .quickLinks a {
	color: #FFFFFF;
	text-decoration: none;}

.miniPromo {
	width: 445px;
	margin: 0px 0px 10px 0px;}
#headerContainer .miniPromo {
	width: auto;
	margin: 2px 5px 5px 5px;}

.miniPromoPhoto {width: 65px;}
#content .miniPromoPhoto {padding: 0px 15px 0px 0px;}
#headerContainer .miniPromoPhoto {padding-bottom: 2px;}

.miniPromoDesc, .miniPromoDesc p {
	width: 100%;
	padding: 0px;
	color: #646464;
	font-size: 1.0em;}
#content .miniPromoDesc {
	padding-left: 10px;
	border-left: 1px solid #CCCCCC;}
#headerContainer .miniPromoDesc {padding: 0px 15px 2px 0px;}

#headerContainer .miniPromoDesc h1 {
	color: #000000;
	margin: 0px;
	font-weight: 600;
	font-size: 1.0em;}
#headerContainer .miniPromoDesc h2 {
	color: #000000;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 5px;}


.featuredAd1, .featuredAd2, .featuredAd3 {width: 100%; height: 100%;}
.featuredAd1 {width: 406px;}

.featuredHeader {background-color: #ECEDED;}
/* .featuredAd1 .featuredHeader {background-color: #C9CBCB;} */
.featuredAd1 .featuredHeader {background-color: #C0C0C0;}
.featuredHeader a {color: #000000;}

.featuredFooter {
	height: 15px;
	color: #000000;
	text-align: center;
	background-color: #989E9E;}

.featuredPhoto {
	width: 95px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;}
.featuredAd1 .featuredPhoto {width: 160px;}

.featuredDesc {padding: 10px 0px 0px 0px;}
.featuredAd3 .featuredDesc {padding-left: 10px;}


.callout {
	margin-bottom: 10px;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;}
.callout, .callout a, .callout p {
	color: #444444;
	font-size: 0.9em;}
.callout p {padding-bottom: 5px;}

.callout h1 {
	font-size: 1.1em;
	margin-bottom: 10px;}
.callout h2 {
	color: #000000;
	font-size: 1.1em;
	padding-bottom: 5px;}

.callout li {
	padding: 0px 0px 2px 9px;
	background: url(http://kjzz.org/Common/Img/bulletBlackSquare.gif) no-repeat 0px 4px;}

.callout .miniPromo {
	width: auto;
	margin: 0px;}


.link {
	/* cursor: hand; */
	cursor: pointer;}

#pagePhotoText{
	font-size: 2.0em; /* optional. just to increase the font size. */
	display: block;
	line-height: 1em;
	color: #FFFFFF;
	white-space: nowrap; /* wrapping breaks the effect */
	margin-bottom: -1.05em;
	font-weight:normal;
	font-style:italic;}

#pagePhotoWrapper{
	position: relative;
	top: 102px;
	text-align: right;
	margin-right: 40px;}
	
/* ====================== BBC Styles ====================== */

.bbc_list { 
  list-style-image: url(/bbc/bbcarrow.gif); 
  list-style-position: inside; 
  margin: 5px;
  }

.bbc_header { 
  font: bold 1.0em verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  background-image: url(/bbc/bbcheader.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  background-color:#9C0000;
  }

.bbc_footer {
  background-image: url(/bbc/bbcfooter.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  background-color:#9C0000;
  }


a.bbc_index_title {
        font: bold 1.0em Verdana;
        color: #990000;
        text-decoration: none;
  }


a.bbc_index_title:visited {
        font: bold 1.0em Verdana;
        color: #990000;
        text-decoration: none;
  }

a.bbc_headlines {
        font: 1.0em Verdana;
        color: #000000;
        text-decoration: underline;
  }

a.bbc_headlines_summary {
        font: bold 1.0em Verdana;
        color: #000099;
        text-decoration: underline;
  }

.bbc_text {
        font: 1.0em Verdana;
        color: #000000;
  }


/* ====================== NPR Styles ====================== */

.nprLogo
{
  font-family: verdana, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: #ffffff;
}
/*
.nprnewspacks_category {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 1.0em;
}

.nprnewspacks_title {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #00529C;
  font-weight: bold;
}

.nprnewspacks_teaser {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 1.0em;
}
*/
	.nprMod
	{
		margin: 10px 5px;
	}
	.nprModText
	{
		font-family: verdana, Helvetica, sans-serif;
		font-size: 1.0em;

	}
	.nprModCatTitle
	{
		font-weight: bold;
		font-size: 1.0em;
		color: #AF6A3D;
	}
	.nprModhead
	{
		font-size: 1.0em;
	}
	.nprModThumb
	{
		margin-bottom: 3px;
	}
	.nprModMore
	{
		font-weight: bold;
		font-size: 1.0em;
		color: #AF6A3D;
	}
	/* controls links */
	.nprMod a
	{
		color: #AF6A3D;
	}
	/* controls extra space between modules */
	.nprMod p
	{
		margin-bottom: 0;
	}
	.nprMod br
	{
		line-height: 0;
	}

.npr_full_list { 
  list-style-image: url(/images/npr_xtrasmall.gif);
  list-style-position: inside;
  margin-bottom: 0;
  margin-left: 5;
  }

.npr_teaser_list { 
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0;
  }

.npr_header { 
  font: bold 1.0em verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  background-image: url(/npr/nprheader.gif); 
  background-repeat: no-repeat; 
  background-position: 2px center;
  background-color: #00519C;
  text-indent: 47px;
  line-height: 17px;
  vertical-align: middle;
  text-align: left;
  height: 17px;
  }

.npr_footer {
  background-image: url(/npr/nprfooter.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  background-color: #00519C;
  }


a.npr_index_title {
        font: bold 1.0em Verdana;
        color: #AF6A3D;
        text-decoration: none;
  }


a.npr_teaser_headlines {
        font: 1.0em Verdana;
        color: #000000;
        text-decoration: underline;
  }

a.npr_full_headlines {
        font: bold 1.0em Verdana;
        color: #AF6A3D;
        text-decoration: underline;
  }

.npr_text {
        font: 1.0em Verdana;
        color: #000000;
  }


/* add padding to any DIVs in iconlinks lists of links so that they line up with the icon link text */
ul.iconlinks li div
	{
	padding-left: 22px;	
	}

.iconlink
	{
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 2px 0 2px 22px;
	}
	
h3 .iconlink,
h4 .iconlink
	{
	padding: 0 0 2px 22px;
	}
	
ul li.iconlink,
ul li .iconlink
	{
	display: block;
	padding: 2px 0 2px 22px;
	margin: 0;
	line-height: 110%;
	min-height: 15px;
	text-decoration: none;
	}
	
a.iconlink:hover
	{
	text-decoration: underline;
	}
	
/* Hack for IE 5.0 to show link icons in lists correctly */

a.iconlink/* */ { display: inline-block; }
ul li a.iconlink/* */ { display: inline-block; }
span.iconlink/* */ { display: inline-block; }
ul li span.iconlink/* */ { display: inline-block; }

a.xml,
ul li a.xml
	{
	background-image: url(/images/icon_xml_chicklet.gif);	
	padding: 2px 0 2px 32px;
	}
	
a.pod,
ul li a.pod
	{
	background-image: url(/images/icon_pod_chicklet.gif);	
	padding: 2px 0 2px 32px;
	}	


/* ====================== PI Styles ====================== */


.headline-region {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 1.0em;
}

.headline-title {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #00529C;
  font-weight: bold;
  padding-top : 15px;
}

.headline-tease {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 1.0em;
}

.weather-current-icon_desc {
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.0em; 
font-weight: normal; 
}

.weather-current-temp {
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
}

.weather-current-forecast-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}



/* ====================== Begin Old Stylesheet ====================== */

.timetable 
{
  border: none;
  border-spacing: 0em; 
  empty-cells: 1px solid black; 
}

.timetable .header 
{
  border: 1px solid black;
  background-color: #00529C;
  color: white;
}

.timetable .time
{
/*  border: 1px solid black;  */
}

.timetable .event
{
  background-color: #ffffcc;
  color: #000000;
  text-align: center;
/*  border: 1px solid black; */
}

.timetable .free
{
  background-color: red;
/*  border: 1px solid black; */
}



.calhead {
  font-family: verdana, Helvetica, sans-serif;
  font-size: 0.9em;
}

.calendar {
  font-size: 0.9em;
  border: solid rgb(0,0,0);
  border-width: 1px 1px 1px 1px;
  margin: 0px;
  padding: 3px;
  text-decoration: none;
}
.caldate {
  font-size: 0.9em;
  margin: 0px;
  padding: 3px;
  text-decoration: none;
}

.sidebar-right
{
  background-color: #FFFFFF;
}

.sidebar-box
{
  background-color: #FFFFFF;
  border-style : solid;
  border-color : #00529C;
  border-width : 2px; 
  margin-bottom : 10px;
  margin-left : 5px;
  margin-top : 10px;

}
.sidebar-header
{
  font: bold 0.9em verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #00529C;
  padding-left: 3px;
/*  background-image: url('/images/plasma.gif'); 
  background-origin: content;
  background-size: 100%; 
  background-quantity: 1; */
}

.sidebar-text
{
  font-size: 0.9em;
  color: #000000;
  padding-left: 3px;
}

.article {
/* float: left; */
/* width: 45%; */
/*  width: 100%; breaks netscape 6*/
  margin-top : 10px;
  margin-left : 5px;
  margin-right : 5px;
/*   border: 1px; breaks in netscape 4 (using javascript in nested div) */
  border-style : solid;
  border-color : #00529C;
}

.articleTitle 
{
  background-color: #00529C;
  font-family: verdana, Helvetica, sans-serif;
/*  font-size: 0.9em; */
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
/*  color: #00529C; */
  color: #FFFFFF;
/*  background-image: url('/images/plasma.gif'); 
  background-origin: content;
  background-size: 100%; 
  background-quantity: 1; */
}

.articleSummary 
{
  margin: 5px;
  font-family: verdana, Helvetica, sans-serif;
  font-size: 0.9em;
  text-align: left;
}

/* ====================== Listen/Pledge Buttons  ====================== */

  #mybutton   {border-style: inset;
        border-color: #ff6633;
        background-color: #CC3300;
        text-decoration: none;   
        width: 80px;
        text-align: center;}
  
  A.buttontext {color: white; 
                text-decoration: none;   
                font: bold 1.2em Verdana;
                cursor: hand;}

  .buttonover  {color: black;
                text-decoration: none;
                font: bold 1.2em Verdana;
                cursor: hand;}

/* ====================== Table Cell Rollover Style  ====================== */

  #mycell   {background-color: #FFFFFF;
        white-space: nowrap;
        text-decoration: none;   
        text-align: left;}
  
  A.celltext {text-decoration: none;   
        cursor: hand;}

  .cellover  {color: black;
        border-style: solid;
        border-color: #000000;
        text-decoration: none;
        font: bold;
        cursor: hand;}


/* ====================== survey styles ====================== */
.question {
  border-size: 1px; 
  font-weight : bold; 
  font-family : Helvetica, Arial, sans-serif; 
  top:0%;
  left:0%;
  color : white; 
  background-color : #00529C; 
  margin-top : 25px; 
}

/* ====================== Home Page Overides ====================== */
.categoryHome #headerContainer {margin: 0px 0px 50px 0px;}

.categoryHome #leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/*LM must come after RM in the structure of the HTML*/
	margin-right: 220px;}

.categoryHome #rightMaster {
	margin: 0px;
	width: 185px;}

#prtqBanner {
	position: absolute;
	top:260px;
	left:800px;}