/* 

	Recon Trust menu CSS for new re-design
	v2.0  5/2007
	
*/

/* Main Navigation Holder */

#mainnav {  /* Wrapper to center top navigation  text-transform:lowercase;?  capitalize;?*/
	background:url(../RTnavimages/MainNavBG.jpg) repeat-x;
	width:1000px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:lowercase;
	color:#FFFFFF;
	text-align:center;
	list-style:none;
	height:27px;
	float:left;
	padding:0 25px 0 0;
	}	
	
#mainnav a, #mainnav strong {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	height:16px;
	width:150px;
	padding-top:3px;
	}
	
#mainnav a{
	border-right:2px solid #d7d7d7;
	border-left:2px solid #d7d7d7;
	border-top:4px solid #d7d7d7;
	border-bottom:4px solid #d7d7d7;
	}
	
#mainnav strong{
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
	cursor:default;
	}
	
#mainnav li {
	display:inline;
	padding:0;
	float:left; /* needed to display correctly inline */
	}

#mainnav li ul {
	position: absolute;
	display: none;
	padding:0;
	margin:0;
	background:#f0f0f0;
	padding:2px;
	width:154px;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;

}
#mainnav li ul a {
	background:none;
	color:#333;
	height:16px;
	border:none;
}
#mainnav li ul li a:hover {
	background:#fff;
}
#mainnav li:hover ul, #mainnav li.p7hvr ul {
	display: block;
}
/* Colored button states */

#grey_button strong, #grey_button a {
	background:url(../RTnavimages/DKGrey.jpg) repeat-x;	
	}
	
#grey_button a {
	border-left:2px solid #d7d7d7;
	}
	
#grey_button a:hover {
	background:url(../RTnavimages/Grey_hover.jpg) repeat-x;
	}
	
#blue_button strong, #blue_button a {
	background:url(../RTnavimages/DKBlue.jpg) repeat-x;
	}

#blue_button a:hover {
	background:url(../RTnavimages/Blue_hover.jpg) repeat-x;
	}
	
#purple_button strong, #purple_button a {
	background:url(../RTnavimages/DKPurple.jpg) repeat-x;
	}

#purple_button a:hover {
	background:url(../RTnavimages/Purple_hover.jpg) repeat-x;
	}
	
#green_button strong, #green_button a {
	background:url(../RTnavimages/DKGreen.jpg) repeat-x;
	}

#green_button a:hover {
	background:url(../RTnavimages/Green_hover.jpg) repeat-x;
	}
#green_button a {
	border-right:2px solid #d7d7d7;
	}

#red_button strong, #red_button a {
	background:url(../RTnavimages/DKRed.jpg) repeat-x;
	width:190px;
	}

#red_button a:hover {
	background:url(../RTnavimages/Red_hover.jpg) repeat-x;
	} 
	

/* Spacers to fill in borders on either end of the navigation menu */

.arrowspacer{
	padding-right:8px;
}
.navspacerleft {
	border-right:2px solid #d7d7d7;
	border-top:4px solid #d7d7d7;
	border-bottom:4px solid #d7d7d7;
	width:19px;
	height:19px;
}
.navspacerright {
	border-left:2px solid #d7d7d7;
	border-top:4px solid #d7d7d7;
	border-bottom:4px solid #d7d7d7;
	height:19px;
}
li.navSeparator{
	width:100%;
	display:block;
	border-bottom:1px solid #999;
	line-height:2px;
	height:2px;
	padding:0;
	margin:0px 0px 5px 0px;
}