/* ------------- Site Navigation Styling ------------- */
.siteMainNav  
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(/Content/images/microS/bluegradtile.gif);
	background-color:#1c8ac4;
	height: 30px;
	z-index: 50;
	border:0px solid #002951;border-bottom:0;border-top:0;padding-left:10px;
}

/* ---- highlighting for "current/selected" nav position ---- */
.home #CompanyIndexLink, .campaign #CampaignIndexLink,.forums #ForumsLink,.members #MembersLink,.profile #ProfileLink,.profile #EditProfileLink,.haveanidea #HaveAnIdeaLink,.aboutthissite #AboutThisSiteLink { background: #fff url(/Content/images/microS/whitegradtile.jpg) repeat-x;color:#07519a;}

/* menu arrows */
.sf-sub-indicator {             
	position:		absolute;
	display:		block;
	right:			.4em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/../Content/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */            
	top:			.9em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


/* this is for ie6 only */
*html .ie6arrow { background: url(/Content/images/ie6arrowD.gif) no-repeat 98% 50%;margin-right:2px;}


/* apply hovers to modern browsers */           
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {         
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 500px; For KHTML*/
  list-style: none;
  vertical-align:middle;
}

ul#navmenu-h li {             
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: auto;
}

ul#navmenu-h ul {              
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 170px;/* ie6 needs the width here*/
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {             
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  z-index: 1000 !important;
  
	/* SubMenu Opacity */
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;	
}

ul#navmenu-h ul li a { text-align: left;
	width: 170px;
	padding:5px 10px 5px 15px !important;
}



/* Root Menu */
ul#navmenu-h a {                     
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background-color: transparent;
  color: #fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:1.5;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  padding: 6px 15px 7px;^padding: 7px 15px 7px;
}

/* Root Menu Hover Persistence */            
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: transparent url(/Content/images/microS/darkbluegradtile.jpg) repeat-x;
  color: #fff;
  /*border:1px solid #fff;margin:4px 0 8px;padding:0 13px;*/
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background-color:#1c8ac4;background-image:none;
  color:#fff;
  border:1px solid #fff;padding-bottom:2px;margin:0;border-bottom:0;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #6cbef4;
  color: #fff;
  border:1px solid #fff;padding-bottom:2px;margin:0;border-bottom:0;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #eee;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #336699;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}