@CHARSET "UTF-8";

/*  
Style Name: Traverse
Description: Style for the Drupalmenu module. Pulls Drupal menu into MemberFuse.
Version: 1.0
Author: Derek Bender
Author URI: http://nfistudios.com/
Date Created: 03-22-10.
Notes: 
*/

.fix {
	overflow: hidden !important;
	}

ul.mainnav {
	float: left;
	left: 50%;
	margin-right: -50%;
	}
	
	ul.mainnav li {
		float: left;
		height: 35px;
		right: 50%;
		}
	
	ul.mainnav li:hover
	ul.mainnav li a:hover,
	ul.mainnav li span:hover {
		background: none;
		}
	
	/*ul.mainnav li.first span,
	ul.mainnav li.first a {
		color: #F2F2F2;
		display: inline-table;
		*display: inline;
		line-height: 35px;
		padding: 0 6px;
		position: relative;
		}
		
		ul.mainnav li.first span:hover,
		ul.mainnav li.first a:hover {
			background: #FFF;
			color: #4D4D4D;
			}*/
	
	ul.mainnav li.last {
		/* background-image: url(/themes/global/default/traverse/images/bg_navimportant.png); */
		}
		
		ul.mainnav li.last:hover {
			background-image: none;
			}
		
	ul.mainnav .parent a,
	ul.mainnav .parent span {
		background-image: url(/themes/global/default/traverse/images/nav_arrow.png) !important;
		background-position: right center !important;
		background-repeat: no-repeat !important;
		padding-right: 21px;
		}
		
	/* second lvl */
	ul.mainnav li.last .dropdown {
		left: auto;
		right: 0;
		/* *right: 4px; */
		}
		
	ul.mainnav .dropdown {
		display: none;
		left: 0;
		min-width: 175px;
		max-width: 225px;
		padding: .5em 0 .8em 0;
		position: absolute;
		text-align: left;
		z-index: 1000;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		}
		
		ul.mainnav .dropdown.second {
			top: 35px;
			}
		
	ul.mainnav li:hover .dropdown {
		display: block;
		}
		
		/* if bordered LI list (default) */
		ul.mainnav .dropdown li {
			display: block;
			/* */display: list-item;
			float: none;
			font-size: 12px;
			font-weight: normal;
			height: auto;
			/* white-space: nowrap; */
			margin: 0 12px;
			right: auto;
			margin: 0 12px;
			}
			
		ul.mainnav .dropdown li a,
		ul.mainnav .dropdown li span {
			background-image: none !important;
			border-bottom: 1px dashed #999;
			display: block;
			line-height: 1.2;
			/* */line-height: 1.3;
			padding: 7px;
			text-transform: none;
			}
			
			ul.mainnav .dropdown li:hover,
			ul.mainnav .dropdown a:hover,
			ul.mainnav .dropdown span:hover {
				background: none;
				}
				
			ul.mainnav .dropdown a:hover,
			ul.mainnav .dropdown span:hover {
				text-decoration: underline;
				}
				
		/* if bulleted list (copy to theme css)
		ul.mainnav .dropdown li {
			list-style: disc outside;
			margin: 0 12px 0 28px;
			}
			
		ul.mainnav .dropdown li a {
			border-bottom: 0 none;
			padding: 6px 7px 6px 0;
			}*/
			
/* optional third lvl nav - 4-23-10 - bender */		
ul.mainnav .dropdown.third {
	display: none !important;
	left: 100%;
	top: -5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	ul.mainnav li.menuparent:hover .dropdown.third {
		display: block !important;
		}

	ul.mainnav li.menuparent .dropdown.third a,
	ul.mainnav li.menuparent .dropdown.third span {
		background-image: none;
		}
		
/* optional fourth lvl nav - 4-23-10 - bender */		
ul.mainnav .dropdown.third .dropdown.fourth {
	display: none !important;
	left: 100%;
	top: -5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	ul.mainnav .dropdown.third li.menuparent:hover .dropdown.fourth {
		display: block !important;
		}

/* assigns bg arrow to menuparents */		
ul.mainnav .dropdown a.menuparent,
ul.mainnav .dropdown span.menuparent {
	background-image: url(/themes/global/default/traverse/images/nav_arrow_right.png) !important;
	background-position: right center;
	background-repeat: no-repeat;
	}
	
/*** the following is a block to copy/paste into individual themes to override color info, set hovers, etc ***/
/* Traverse style overrides */
/* mainnav ul */
/* ul.mainnav {
	font-size: 15px;
	font-weight: normal;
	}
	
	ul.mainnav li:hover {
		color: #F2F2F2;
		}
	
		ul.mainnav li:hover a,
		ul.mainnav li:hover span {
			background: none;
			color: #F2F2F2;
			}
			
	ul.mainnav li.last {
		background-color: #045C8F;
		color: #FFF;
		}
		
		ul.mainnav li.last a,
		ul.mainnav li.last span {
			color: #FFF;
			}

/* dropdowns 
ul.mainnav .dropdown {
	background-color: #045C8F;
	background-color: rgba(4,92,143,.9);
	color: #FFF;
	}

ul.mainnav .dropdown li a,
ul.mainnav .dropdown li span {
	border-bottom: 1px dashed #999;
	color: #FFF;
	}
		
	ul.mainnav .dropdown a:hover,
	ul.mainnav .dropdown span:hover {
		background: none;
		}

* END basic style overrides *******************/	
		
/* eliminates third lvl nav 
ul.mainnav .dropdown.second a
ul.mainnav .dropdown.second span {
	background-image: none !important;
	}
					
ul.mainnav .dropdown.third,
ul.mainnav li.menuparent:hover .dropdown.third {
	display: none !important;
	}*/

