/********************************************

NAVIGATION
This Page is For All HTML pages

********************************************/




/*********************************************/
/*       SUB   NAVIGATION                       */
/*********************************************/

/*
#sub_navigation{
margin-bottom:15px;
}*/
#sub_navigation ul{
z-index:5;
}
#sub_navigation ul,
#sub_navigation li
{
	list-style: none;
	padding:0px;
	margin:0px;
}


#sub_navigation li{	 display: inline;}
#sub_navigation ul{	padding-bottom:1px;}
#sub_navigation ul ul{padding-bottom:0px;	}

/* Normal Style */

#sub_navigation li a {
	font-size: 11px;
    line-height:11px;
	display: block;
	padding: 5px 0px 5px 13px;
	color: #3333CC; 
	font-weight:bold;
	background-color: #FFDF85;
    background-image: url(/arrow_nav_news.gif);
    background-repeat: no-repeat;
    background-position: 5px 6px;
	border-bottom:1px solid #ffffff;
	}
	
#news #sub_navigation li a{
background-color: #eaea6e;
}

#music #sub_navigation li a{
background-color: #C4E6E6;
}

#sub_navigation li a:hover{
background-color: #FFEEAA;
text-decoration:none;
}

#news #sub_navigation li a:hover{
background-color: #FAFAB3;
text-decoration:none;
}

#music #sub_navigation li a:hover{
background-color: #E2FAFA;
text-decoration:none;
}

/* LOWER LEVELS */

#sub_navigation .navTreeLevel1 li a {
	font-size:11px;
    line-height:11px;
	display: block;
    background-color: #FFDF85;
    background-image: url(arrow_nav_news2.gif);
    background-repeat: no-repeat;
    background-position: 13px 6px;
	font-weight:normal;
	color:#3333CC;
    padding-left: 21px;
}

#news #sub_navigation .navrTreeLevel1 li a {
	color:#3333CC;
	background-color: #eaea6e;
	}
	
#music #sub_navigation .navTreeLevel1 li a{
	color:#3333CC;
	background-color: #C4E6E6;
	}

#sub_navigation .navTreeLevel2 li a {
	background-position: 23px 6px;
	padding-left: 31px;
}
#sub_navigation .navTreeLevel3 li a {
	background-position: 33px 6px;
	padding-left: 41px;
}	


/****************************************************
   MAIN    NAVIGATION
****************************************************/

#nav_top{
display:none;
line-height:1px;
height:7px;
}

#main_navigation {
	background: transparent;
    height: 25px;
    width: 100%
}

#main_navigation, #main_navigation ul {
    list-style: none;
    line-height: 1;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size-adjust: 0.52;
    padding: 0;
    margin: 0;
    border: none;
    height: 25px;
    z-index: 455;
}

#main_navigation a {
    display: block;
    width: auto;
    text-decoration: none;
    color: #660033;    
    padding: 0 17px;
}
#music #main_navigation a {
    color: #660099;    
}
#news #main_navigation a {
    color: #336600;    
}

#main_navigation li {
    float: left;
    width: auto;
    padding: 6px 0;
    height: 25px;
    he\ight: 13px;
}

#main_navigation li ul {
    position: absolute;
    left: -9999px;
    width: 150px;
    font-weight: normal;
    height: auto;
    margin: 6px 0 0 0;
}

#main_navigation li ul a {
    font-size: 11px;
    color: #FFFFFF;
    height: auto;
    padding: 5px 10px !important;
    width: 130px;
    w\idth: 150px;
}
#music #main_navigation li ul a, #news #main_navigation li ul a {
    color: #FFFFFF;
}

#main_navigation li ul a.parent {
    background: url(/arrow_next_blue.gif) 93% center no-repeat;
}

#main_navigation li li {
    padding: 0 12px 0 0;
    height: auto;
    background: #990066;
    width: 150px;
    height: auto;
}

#music #main_navigation li li {
    background: #660099;
}
#news #main_navigation li li {
    background: #669900;
}

#main_navigation li ul ul {
    margin: -24px 0 0 162px;
}

/* Keep 2nd level hidden when 1st is open */
#main_navigation li:hover ul ul, #main_navigation li.sfhover ul ul,
#main_navigation li:hover ul ul ul, #main_navigation li.sfhover ul ul ul {
    left: -9999px;
}

/* Open levels on hover */
#main_navigation li:hover ul, #main_navigation li.sfhover ul,
#main_navigation li li:hover ul, #main_navigation li li.sfhover ul,
#main_navigation li li li:hover ul, #main_navigation li li li.sfhover ul {
    left: auto;
    /* Fixes IE 7 hover layout bug */
    display: block;
}

/* Menu Highlight */
#main_navigation li li:hover, #main_navigation li li.sfhover {
    background: #c70094;
}
#music #main_navigation li li:hover, #music #main_navigation li li.sfhover {
    background: #9400c7;
}
#news #main_navigation li li:hover, #news #main_navigation li li.sfhover {
    background: #94c700;
}

/* Top Level Highlight */
#main_navigation li.selected {
    background: #990066;
}
#music #main_navigation li.selected {
    background: #660099;
}
#news #main_navigation li.selected {
    background: #336600;
}

#main_navigation li:hover a, #main_navigation li.sfhover a,
#main_navigation li.selected a {
    color: #FFFFFF;
}
#music #main_navigation li:hover a, #music #main_navigation li.sfhover a,
#music #main_navigation li.selected a {
    color: #FFFFFF;
}
#news #main_navigation li:hover a, #news #main_navigation li.sfhover a,
#news #main_navigation li.selected a {
    color: #FFFFFF;
}

/* Special padding for last element in navigation bar */
#main_navigation li#nav_kcrw_az a {
    padding: 0 7px 0 12px;
}