/* Relative Positioning with no tables */


 #main {float: left;
	   text align: left;
       margin: 0 auto;
	   margin-top: 0px; }
	   
#center {text-align: center;
		 margin-top: 0px;
		 position: relative;}
	   

	   
table#side {background-color:#E0E0E0;    
		  border: solid #000 2px;  
		  border-color: #0060A9;  
		  width: 240px}
	   
table#side2 {background-color:#E0E0E0;    
		  border: solid #000 2px;   
		  border-color: #0060A9; 
		  width: 240px}
		  
HR.segment {color: #0060A9;
			margin-top: 6px;
			margin-bottom: 4px;
}
	   
	   
#right { text-align: right}

#center { text-align: center}

/*Relative Positioning of today's segments */

#segment_main {	position: relative; 
           left: 5px;}
		   
#segment { position: relative; 
           left: 30px}

#links {   position: relative; 
           left: 26px}
		   
#links ul	{ margin-left: 15px;
			  padding-left: 0px;

}

#links li	{ color: #000099;
}
			
#comments { 	font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-decoration: none;
				font-weight: normal;
				line-height: 14px;
				color: #000000;
				position: relative; 
            	left: 40px}
				

				
.thin-blue { border-width: thin;
             border-color: #113E98;
			 border-style: outset }
			 
ul {	margin-top: 0px;
	 	margin-bottom: 0px}
		
ul.links {	margin-top: 0px;
	 		margin-bottom: 0px;
			margin-left: 0px;
			padding: 0px;
			color:#b4b4b4;
			font-size: 12px;
			font-weight: bold;
			text-indent: 15px;}
			
li.music { /* for bullet link music */
	list-style: disc url(images/note5.gif) outside;
	text-indent: -0px;
	font-size: 12px;
	font-weight: bold;
	}
	
li.talk { /* for bullet link music */
	list-style: disc url(images/talk.gif) outside;
	text-indent: -0px;
	font-size: 12px;
	font-weight: bold;
	}
	
.musicLink	{	/* to make music links faded */
	color: #9999CC;
	font-size: 12px;
	}


H2.son {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	line-height: 22px;
	margin-top: 4px; /*New */
	color: #000000;
}

H3.son {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	color: #20489D;
}

h4.son {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	color: #6666CC; /*was 7e7e7e, gre */
}

h4.son1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	color: #3366CC; /*was 6666CC, 7e7e7e, gre */
}

H5.son {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	color: #c3c3c3;
}


/*tried CCCCCC light grey and 999999 dark grey 
tried 666666 darker grey*/

.text-black-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
}

.text-last5blue-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
	color: #000099;
}
/* was 5646BD 3333CC*/

/*Possible light lavender-blue color: #8080c0 */

/*Good color for date */
.text-lightgrey-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
	color: #CCCCCC;
}


/* Dark Grey */
.text-darkgrey-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
	color: #666666;
}

/* Red */
.text-red-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
	color: #D71A21;
}
/* For << */
.text-red-anglebrackets-son {
	font-family: System, Terminal, Sim Sun, Batang;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
	line-height: 10px;
	color: #D71A21;
}


.text-black-mini-son {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
	color: #000000;
}

.text-grey-mini-son {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	line-height: 13px;
	color: #669999;
}

.text-seg-guest-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	line-height: 15px;
	color: #20489D;
}
/* Was D71A21 and 333366*/


.text-seg-text-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	font-weight: normal;
	line-height: 15px;
	color: #000099}

/* Was 3366CC 003399 or 3333CC or 214AC6 and 20489D*/

.text-links-son {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	color: #8A9AD7;
}



.guest {
	color: #333366;
	font-weight: bolder;
}

.topic {
	font-weight: bolder;
}
.staff {
	font-weight: bolder;
	color: #999999;
}

.musichead {
	color: #9999CC;
	font-size: 14px; 
	text-decoration: none; 
	line-height: 16px}
	
.musicbody{
	color: #9999CC;
	font-size: 12px; 
	text-decoration: none;
	line-height: 14px}

/*li.music:before { display: marker;
	      		  content: url("http://www.knpr.org/son/images/note.gif")}*/


 /* Generic A Colors 
 Tried 003399 and D71A21 Red */
 
  /*
 Hover from light to dark, but keep underline.*/
 /*  Discontinued so it doesn't affect KNPR header and footer */
a.son {font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;

	color: #000099}
	
a.son:visited {font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;

	color: #000099}
	
a.son:hover { text-decoration: none;
          color: #D71A21}
		  
a.son:active {font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;

	color: #D71A21}
	
	.navigation {
	background-color:#3366CC;
	/*additional info excluded*/

	}

	.navigation a {
	background-color:#CCCCFF;
	/*additional info excluded*/
	/*border: 1px thin #5685C7;*/
	color: #000000;
	font-weight: bold;
	float: left;
	font: normal 12px Arial, Helvetica, sans-serif;

	border: thin solid white;
	padding: 0 6px 0 6px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	}

	.navigation a:hover, .navigation a#active {
	background-position: left bottom;
	border: thin solid #CCCCFF;
	text-decoration: none;
	/*border-right: 1px thin solid red;
	border-left: 1px thin solid red;*/
   	background: #003399;
   	color: white}
	
	
/* Segment Sub-title links */
a.text-seg-guest {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
	color: #000099;
}
a.text-seg-guest:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-weight: normal;
	line-height: 16px;
	color: #000099;
}

a.text-seg-guest:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	color: #D71A21;
}



a.text-seg-guest:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
	color: #000099;
}

	


 /* Segment Title Links, was 3333CC, 214B9F, 0000FF*/
a.segment {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
	color: #000099}
	
a.segment:visited {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
	color: #000099}

a.segment:hover { text-decoration: none;
          color: #D71A21}
	
a.segment:active {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	color: #000099}