/*

RCCC Primary Nav 

*/



/* TopNav layout and styles */
div#navigation 
{	background: #fff url("/rccc08/RCCC_home_nav_middle_r.gif") right repeat-y;
	width: 38em;
	height: 3.1em;
	position:relative;
	top:3px;
	}

ol#primaryNav img
{
	float:none;
}
ol#primaryNav {
	position:relative;
	background: url("/rccc08/RCCC_home_nav_middle_l.gif") left repeat-y;
	height: 3.1em;
	}		
		
ol#primaryNav li {	
	display: block;
	float: left;
	background: url("/images/FJ_home_nav_bottom.gif") 0 bottom no-repeat;
	text-align: center;
	height: 3.1em;
	}
ol#primaryNav li:hover,
ol#primaryNav li.hover {
	background: url("/images/FJ_home_nav_bottom_over.gif") 0 bottom no-repeat;
}

ol#primaryNav li img.topLevelImage{
	border:none;
	}	
ol#primaryNav li img{		
	}	

ol#primaryNav li span
{
	display:block;
	background:url("/images/RCCC_home_nav_top.gif") no-repeat;
}

ol#primaryNav li:hover span,
ol#primaryNav li.hover span
{
	display:block;
	background:url("/images/RCCC_home_nav_top_over.gif") no-repeat;	
}

ol#primaryNav li.visit a
{
	background:none !important;
}

ol#primaryNav li a {
	display: block;
	background: url("/rccc08/RCCC_home_nav_sep.gif") top right no-repeat;	
	
	line-height: 2.3em;
	height: 2.3em;
	font-weight: bold;
	font-size: 1.1em;
	}	

ol#primaryNav li:hover a,
ol#primaryNav li.hover a
{
	background: url(/rccc08/RCCC_home_nav_sep_over.gif) top right no-repeat;	
}

ol#primaryNav li.about, ol#primaryNav li.about:hover{ width: 7.6em; background-position: 0 bottom;  z-index:2000;}
ol#primaryNav li.about a { /*border-right: 1px solid black;*/ }
ol#primaryNav li.about ol.topMenu { left:0; }

ol#primaryNav li.community, ol#primaryNav li.community:hover{ width: 9.2em;	background-position: -20px bottom;	 z-index:1990;}
ol#primaryNav li.community span {/*border-right: 1px solid black; border-left: 1px solid #747474;*/ background-position: -20px top; }
ol#primaryNav li.community:hover span {background-position: -20px top; }
ol#primaryNav li.community ol.topMenu { left:7.7em; }

ol#primaryNav li.connect, ol#primaryNav li.connect:hover { width: 8.6em; background-position: -20px bottom;	 z-index:1980;}
ol#primaryNav li.connect span {/*border-right: 1px solid black; border-left: 1px solid #747474;*/ background-position: -20px top; }
ol#primaryNav li.connect:hover span {background-position: -20px top; }
ol#primaryNav li.connect ol.topMenu { left:16.9em; }

ol#primaryNav li.visit, ol#primaryNav li.visit:hover { width: 12.5em; background-position: right bottom;	 z-index:1970;}
ol#primaryNav li.visit span{/*border-left: 1px solid #747474;*/	background-position: right top; }				
ol#primaryNav li.visit:hover span{background-position: right top; }	
ol#primaryNav li.visit ol.topMenu { left:29.8em; }


/* SubMenu layout and styles */	

ol#primaryNav li ol{    
    position:absolute;    
    top:2.5em;
    left:0px;
    width:14em;  
    background: #777; /*#E9E8DE;   */
    border:0px;
}

ol#primaryNav li:hover ol, ol#primaryNav li.hover ol {
	border:1px solid #CCCCCC;      
}	

ol#primaryNav li ol.topMenu{	
}

ol#primaryNav li ol.subMenu{
    top:-1px;
    left:13.9em;      
}	
	



ol#primaryNav li ol.topMenu li,
ol#primaryNav li ol.topMenu li a,
ol#primaryNav li ol.topMenu li ol.subMenu li,
ol#primaryNav li ol.topMenu li ol.subMenu a{
    float:none;
    background:none; 
    border:0; 
    
    height:auto;
    _height:1.1em;
    max-height:2.8em; /* keeps ie7 in check */
        
    text-align:left;
    color:#FFF;
    font-weight:normal;
    line-height: 1.1em;
    text-decoration:none;
}

ol#primaryNav li ol.topMenu li ol.subMenu a
{
	width:10em; /*force labels to wrap before arrow */
}

ol#primaryNav li ol.topMenu li,
ol#primaryNav li ol.topMenu li ol.subMenu li{
    background:url(/rccc08/mainNav_arrowUp.gif) 90% center no-repeat;
}	

ol#primaryNav li ol.topMenu li a{
    font-size:1.1em;
	font-weight:normal;
	color:#FFF; /*#222222;*/
    padding-left:.5em;
    padding-top:.4em;
    padding-bottom:.4em;
    
}	

ol#primaryNav li.visit div.productFeature
{
	position:absolute; 
	top: 2.3em;
	left:23em;
	width:190px; 
    margin:0;    
    padding:0;
    
	text-align:left;
    }


ol#primaryNav li.visit a
{
	text-decoration:none;
}

ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature{
    position:absolute;
    top:-1px;
    left:12.6em;   
    width:190px; 
    margin:0;    
    padding:0;
     
}

ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature
{
	background: url("/rccc08/fj_transparent.gif") repeat; /* ie needs to see a bkg or it'll fire mouseout and rollup the dropdown */
}


ol#primaryNav li.visit div.productFeature div.productFeatureContent,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature div.productFeatureContent{
    background:white;
	padding:.6em 1.5em 1em 1.5em;
	cursor:hand;
	border:1px solid #cccccc;

}

ol#primaryNav li.visit div.productFeature div.productFeatureContent *,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature div.productFeatureContent *{
	cursor:hand;
}
	
ol#primaryNav li.visit div.productFeature img,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature img{
	border:none;
}


ol#primaryNav li.visit div.productFeature h3,
ol#primaryNav li.visit div.productFeature p,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature h3,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature p{
    color:black;
    margin:0;
    padding:0; 
    margin-bottom:1em; 
}

ol#primaryNav li.visit div.productFeature h3,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature h3{
    font-size:1.3em;
    line-height:1.0em;
	font-weight:bold;
	color:#333; /*#000000;*/
}

ol#primaryNav li.visit div.productFeature span,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature span
{
	background:none;
}

ol#primaryNav li.visit div.productFeature p,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature p{
    font-size:1.0em;
	font-weight:normal;
	color:#333; /*#9A8F4C;*/
	line-height:1.2em;
}





/* Submenu Mouseovers */
ol#primaryNav li ol.topMenu { height:0; overflow:hidden;}
ol#primaryNav li ol.topMenu li ol.subMenu { height:0; width:0; overflow:hidden;}
ol#primaryNav li ol.topMenu li ol.subMenu div.productFeature { width:0; overflow:hidden; padding:0; border:0;}
ol#primaryNav li.visit div.productFeature{height:0; width:0; overflow:hidden;}
 
 
ol#primaryNav li.open ol.topMenu { height:auto; overflow:visible; }
ol#primaryNav li.open ol.topMenu li.open ol.subMenu {height:auto; width:14em; overflow:visible; }
ol#primaryNav li.open ol.topMenu li.open ol.subMenu li.open div.productFeature { height:auto; width:190px; overflow:visible;}
ol#primaryNav li.open div.productFeature{height:auto; width:190px; overflow:visible;}

/*
ol#primaryNav li ol.topMenu { top: 2.4em; }
ol#primaryNav li ol.topMenu li ol.subMenu  { top: 0px;}
ol#primaryNav li ol.topMenu li ol.subMenu div.productFeature { top: -1px;}
*/

ol#primaryNav li ol.topMenu li:hover a, ol#primaryNav li ol.topMenu li.hover a,
ol#primaryNav li ol.topMenu li ol.subMenu li:hover a, ol#primaryNav li ol.topMenu li ol.subMenu li.hover a{
    color:#FFF; /*#97924B;*/
    
}


ol#primaryNav li ol.topMenu li:hover, ol#primaryNav li ol.topMenu li.hover,
ol#primaryNav li ol.topMenu li ol.subMenu li:hover, ol#primaryNav li ol.topMenu li ol.subMenu li.hover
{
	background:#4F4F4F url(/rccc08/mainNav_arrowOver.gif) 90% center no-repeat;
}

/*
ol#primaryNav li ol.topMenu,
ol#primaryNav li ol.topMenu li ol.subMenu,  
ol#primaryNav li ol.topMenu li ol.subMenu div.productFeature { top: -10000px;}


ol#primaryNav li:hover ol.topMenu{ top: 2.4em;; }
ol#primaryNav li:hover ol.topMenu li:hover ol.subMenu,
ol#primaryNav li:hover ol.topMenu li:hover ol.subMenu li:hover div.productFeature {  top:0; }

ol#primaryNav li ol.topMenu li:hover,
ol#primaryNav li ol.topMenu li ol.subMenu li:hover{
    background:white;
}
*/

/* TopNav layout and styles */

div#featuresAndCSNavigation {
	position: absolute;
	top:1px;
	right: 0px;
	width: 21.2em;
	height: 2.5em;
	}


ol#featuresAndCSNavList {
	position:relative;
	height: 2.5em;
	}		
		
ol#featuresAndCSNavList li {	
	display: block;
	float: left;
	text-align: center;
	height: 2.5em;
	}
	
ol#featuresAndCSNavList li:hover, ol#featuresAndCSNavList li.hover
{
	background: url("/images/RCCC_home_nav_feat_cs_bkg_over.gif") top right repeat-x;
}
	
	
ol#featuresAndCSNavList li img.topLevelImage{
	border:none;
	}	
ol#featuresAndCSNavList li img{		
	}	
ol#featuresAndCSNavList li a {
	display: block;
	line-height: 2.3em;
	height: 2.3em;
	font-weight: bold;
	font-size: 1.1em;
	}	

ol#featuresAndCSNavList li.features { width: 7.7em; z-index:2000;}
ol#featuresAndCSNavList li.features a { background:url(/rccc08/FJ_grad_divider.gif) right no-repeat;}	
ol#featuresAndCSNavList li.features ol.topMenu { left:0; }

ol#featuresAndCSNavList li.customerservice { width: 12.2em; z-index:1990;}
ol#featuresAndCSNavList li.customerservice ol.topMenu { left:7.7em; }


/* SubMenu layout and styles */	
ol#featuresAndCSNavList li ol.topMenu{    
    position:absolute;    
    top:2.5em;
    left:0px;
    width:12em;  
    
    background:#E9E8DE; 
}	

ol#featuresAndCSNavList li:hover ol.topMenu, ol#featuresAndCSNavList li.hover ol.topMenu{	
    border:1px solid #CCC; 
}

ol#featuresAndCSNavList li ol.topMenu li,
ol#featuresAndCSNavList li ol.topMenu li a{
    float:none;
    border:0; 
    
    height:auto;
    _height:1.1em;
    
    text-align:left;
    color:black;
    font-weight:normal;
    line-height: 1.1em;
    text-decoration:none;
}

ol#featuresAndCSNavList li ol.topMenu li{
}	

ol#featuresAndCSNavList li ol.topMenu li a{
    font-size:1.1em;
	font-weight:normal;
	color:#222222;
    padding-left:.5em;
    padding-top:.4em;
    padding-bottom:.4em;
}	

/* Submenu Mouseovers */
ol#featuresAndCSNavList li ol.topMenu { height:0; overflow:hidden;} 
ol#featuresAndCSNavList li.open ol.topMenu { height:auto; overflow:visible; }

ol#featuresAndCSNavList li ol.topMenu li:hover, ol#featuresAndCSNavList li ol.topMenu li.hover,
ol#featuresAndCSNavList li ol.topMenu li:hover a, ol#featuresAndCSNavList li ol.topMenu li.hover a{
    color:#97924B;  
}

ol#featuresAndCSNavList li ol.topMenu li:hover, ol#featuresAndCSNavList li ol.topMenu li.hover
{
	background:white;
}