/* NAVIGATION

For Joomla 1.5
FRCNA

Nav V6.2
www.pronkgraphics.com
-------------------------------------------------------------- */

/* OLD ORIGINAL OUTDATED LOOKING LOGO :-) */
#logo { display:block; width:300px; float:right; height:150px; margin-right:16px; margin-top:10px; background:url(../images/content/FRC-logo2012-150px.png) 64px 0px no-repeat; }
#logo a { display:block; float:right; width:300px; height:150px; margin:0px 0px 0px 0px;}

/* endof LOGO */



#nav_wrap { float:right; display:block; width:300px;}
#navigation {width:300px; margin-right:16px; min-height:280px; display:block; float:right;
background:url(../images/content/nav_bg3.jpg) bottom center no-repeat; margin-top:0px; padding-top:16px; 
 padding-left:9px; padding-bottom:10px;
}

.menu, ul.menu ul ul, ul.menu li li,  ul.menu li li li {
list-style: none;
margin:0px; padding:0px;
}

/* LEVEL 1 - TOP LEVEL NAVIGATION
-------------------------------------------------------------- */
a#fontIncrease, a#fontDecrease { text-decoration:none; }
ul.menu li {
padding-left:10px; margin-left:6px;
text-align:left; padding-top:1px; margin-bottom:3px;}
ul.nav-child li { margin-bottom:3px; }
/* LEVEL 1 HOVER */ 
ul.menu li:hover {
/*background:url(../images/content/nav_over.png) no-repeat 0 0 transparent;
text-align:left;*/

background:url(../images/content/nav_over2.png) no-repeat -396px 0px transparent;
text-align:left;
}

li.parent.active, ul.menu li.parent.active a span { color:#FFF; }
ul.menu li.current a  { color:#FFF;}
ul.menu li.current li a { color:#666; }
ul.menu li.current li a:hover  { color: #AA7C24; }
 /* BUTTON ACTIVE STATE */ ul.menu li a:hover span /*color:#fff;*/ color:#004F7C;}
ul.menu li a { width:90%; display:block; padding:2px 0px;}

/* LEVEL 1 ACTIVE */ 
#navigation ul li#current, ul.menu.nav > li.active {
/*background-image:url(../images/content/nav_over.png);
background-repeat: no-repeat;
background-position: 0px 0px;
text-align:left; color:#FFF;*/
/*opacity:0.7;filter:alpha(opacity=70);*/
min-height:30px;

background-image:url(../images/content/nav_over2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
text-align:left; color:#FFF;

}
ul.menu.nav > li.active > a { color:white; }
#navigation ul li ul li#current{ background:none;}
ul.nav-child { padding-top: 5px; }
ul.menu li a { color:#000; text-decoration:none; margin-left:30px;}

ul.menu li li a { color: #004F7C;  }
ul.menu li li.active a { color:#AA7C24;  }
ul.menu li li.active {   background:none; min-height:auto !important; }
/* LEVEL 2 BUTTONS
-------------------------------------------------------------- */

/* LEVEL 2 BUTTON */ ul.menu li ul li a span  { color:#666; margin:0px;} 
/* LEVEL 2 ACTIVE BUTTON */ #navigation ul li ul li#current a span { color:#AA7C24; background:none; margin:0px 0px; padding:0px 0px;} 


 
/* LEVEL 2 ACTIVE BUTTON */ ul.menu li ul li#current a span { color:#AA7C24; background:none; } 
#navigation ul li ul li#current{ background:none;} 
ul.menu li li.parent li a span { color:#AA7C24; background:none;}
#navigation ul li ul li#current { background:none; color:#AA7C24; margin:0px; padding:0px;}


#navigation ul li li:hover { background:none; color:#333;}
ul.menu li li a:hover span, ul.menu li li li a:hover span, #navigation ul li ul li#current a:hover span { color:#AA7C24;} /* SUB NAV HOVER */

ul.menu li.parent.active ul li a span { /*color:#666;*/ color:#004F7C; /* BLUE */}

ul.menu li#current .parent .active .item2 ul li a span{ color:#0F9; }

/* LEVEL 3 BUTTONS
-------------------------------------------------------------- */
ul.menu li ul li.parent { background:none;}
/* LEVEL 3 ACTIVE BUTTON */ ul.menu li ul li ul li#current a span { color:#AA7C24; background:none; } 
/*#current li a span { color:#666; margin-left:0px;}*/ /* LEVEL 3 BUTTON */
#current li a span { color:#666;}
#current li a span:hover { color:#AA7C24;} /* LEVEL 3 BUTTON HOVER */

li#current .active { margin:0px; padding:0px;}

/* over rides */
ul.menu ul li, ul.menu ul li ul, ul.menu li ul li, ul.menu li ul li a, ul.menu li ul li a span{ margin-left:0px; padding-left:0px;}

ul.menu ul ul li { margin-left:10px;}

#navigation ul li ul li#current {margin:0px; padding:0px; min-height:6px;}

/* SEARCH BOX */

/*
Method based on:
http://www.sohtanaka.com/web-design/examples/search-field/
*/
#search, #searchwrap { display:block; width:274px; float:right; margin:16px 24px 10px 0px;}
/*.k2filter-cell*/
#searchwrap form input {
border: none; float: left;
}

/* search field */
#searchwrap form input.inputbox {
color:#999;
font-size: 10px;
width: 170px; height: 18px;
padding: 3px 3px 3px 16px;
background:url(../images/content/bg_searchform.jpg) no-repeat left top;
}

#searchwrap form input.inputbox:focus {
background:url(../images/content/bg_searchform.jpg) no-repeat 0px -25px;	
outline: none;
}


/* search button */
#searchwrap form input.button {
color: #fff;
font-size: 10px;
/*width: 63px;height: 24px;*/
width: 63px;height: 24px;
padding: 3px 4px;
text-indent: -9999px;
background:url(../images/content/bg_searchform.jpg) no-repeat -190px 0px;

}

/* search button hover */
#searchwrap form input.button:hover {
background:url(../images/content/bg_searchform.jpg) no-repeat -190px -50px;	
}

#searchwrap form { margin:0px; padding:0px; display:block; width:300px;}