/* NAVIGATION BAR
--------------------------------------------------------------------*/

#header #mainnav li { margin-bottom: 0em; margin-top: 0em; line-height: 1em; }

#header #mainnav {
	position: relative; /* important */
	z-index: 45; /* important */
}

#menu {
	list-style: none;
	height: 37px;
	background: url(/page/-/wrapper3/main_nav_back_1px.png);
	background-repeat: repeat-x;
	padding: 0;
	position: relative;
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
}

#menu li {
	float: left;
	position: relative;
	border-right: solid 1px #cacaca;
	margin: 0;
	padding: 1px;
	/* width: 104px; */
	display: block;
	cursor: pointer;
}

#menu li a {
	display: block;
	padding: 0;
	margin: 0px;
	line-height: 35px;
	font-size: 10px;
	color: black;
	position: relative;
	text-indent: -5000px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width:100%;
	cursor: pointer;
	
	/*
	line-height: 35px;
	font-size: 14px;
	color: #003366;
	text-align: center;
	font-family: Arial, Verdana, Helvetica;
	*/
}

#menu li a .stroke {
	height: 26px;
	border: thin solid #708398;
}
	
#menu li img { position: relative; top: 6px; }
/* #menu a span { display: none; } */

#menu > li > a { /* height: 34px; */ height: 30px; }
#menu > li > ul > li > a{ height: 25px; }

li#last-nav-tab { border-right: none !important;} /* take off the right most border */


#menu li:hover, #menu li.sfhover {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

#menu li:hover .stroke, #menu li.sfhover .stroke {
	border-color: #cea658;
}

#menu li.selected {

} /* defines background of on tab */

#menu #tab_home {
	background: url(/page/-/wrapper3/main_nav_home_off.gif) no-repeat 50% 50%;
	width:73px;
}

body.home #menu #menu_home {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.home #menu_home .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_home, #menu li.sfhover #tab_home, body.home #menu #tab_home {
	background: url(/page/-/wrapper3/main_nav_home_on.gif) no-repeat 50% 50%;
}

#menu #menu_contribute { background: url(/page/-/wrapper3/main_nav_contribute.gif) no-repeat; }

#menu #tab_contribute {width:109px;}

#menu #menu_contribute .stroke {
	border-color: #c26c6c;
}

#menu #tab_contribute a { border-color: #c26c6c; }

#menu li:hover #tab_contribute, #menu li.sfhover #tab_contribute { }


#menu #tab_meetAl {
	background: url(/page/-/wrapper3/main_nav_meetal_off.gif) no-repeat 50% 50%;
	width:89px;
}

body.meet #menu #menu_meetAl {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.meet #menu_meetAl .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_meetAl, #menu li.sfhover #tab_meetAl, body.meet #menu #tab_meetAl { 
	background: url(/page/-/wrapper3/main_nav_meetal_on.gif) no-repeat 50% 50%;
}

#menu #tab_issues {
	background: url(/page/-/wrapper3/main_nav_issues_off.gif) no-repeat 50% 50%;
	width:79px;
}

body.issues #menu #menu_issues {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.issues #menu_issues .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_issues, #menu li.sfhover #tab_issues, body.issues #menu #tab_issues { 
	background: url(/page/-/wrapper3/main_nav_issues_on.gif) no-repeat 50% 50%;
}

#menu #tab_action {
	background: url(/page/-/wrapper3/main_nav_action_off.gif) no-repeat 50% 50%;
	width:78px;
}

body.action #menu #menu_action {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.action #menu_action .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_action, #menu li.sfhover #tab_action, body.action #menu #tab_action { 
	background: url(/page/-/wrapper3/main_nav_action_on.gif) no-repeat 50% 50%;
}

#menu #tab_events {
	background: url(/page/-/wrapper3/main_nav_events_off.gif) no-repeat 50% 50%;
	width:75px;
}

body.events #menu #menu_events {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.events #menu_events .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_events, #menu li.sfhover #tab_events, body.events #menu #tab_events {
	background: url(/page/-/wrapper3/main_nav_events_on.gif) no-repeat 50% 50%;
}


#menu #tab_blog {
	background: url(/page/-/wrapper3/main_nav_blog_off.gif) no-repeat 50% 50%;
	width:68px;
}

body.blog #menu #menu_blog {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.blog #menu_blog .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_blog, #menu li.sfhover #tab_blog, body.blog #menu #tab_blog { 
	background: url(/page/-/wrapper3/main_nav_blog_on.gif) no-repeat 50% 50%;	
}


#menu #tab_av {
	background: url(/page/-/wrapper3/main_nav_audiovideo_off.gif) no-repeat 50% 50%;
	width:125px;
}

body.av #menu #menu_av {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.av #menu_av .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_av, #menu li.sfhover #tab_av, body.av #menu #tab_av { 
	background: url(/page/-/wrapper3/main_nav_audiovideo_on.gif) no-repeat 50% 50%;	
}

#menu #tab_partners {
	background: url(/page/-/wrapper3/main_nav_partners_off.gif) no-repeat 50% 50%;
	border-right: none;
	width:102px
}

body.partners #menu #menu_partners {
	color: #993300;
	background: url(/page/-/wrapper3/main_nav_back_1px_gold.png) repeat-x;
}

body.partners #menu_partners .stroke {
	border-color: #cea658;
}

#menu li:hover #tab_partners, #menu li.sfhover #tab_partners, body.partners #menu #tab_partners { 
	background: url(/page/-/wrapper3/main_nav_partners_on.gif) no-repeat 50% 50%;
}

 /* NAVIGATION DROP DOWNS
--------------------------------------------------------------------*/

#menu li ul {
	list-style: none;
	position: absolute;
	top: 30px;
	left: -2px;
	margin: 0;
	padding: 0;
	/* background-color: transparent; */
	background-color: #dedbd3;
	/* background-color: #f0ede4; */
	/* border: thin solid black; */
	/* width: 157px; */
	width: 150px;
	display: none;
	
	z-index: 50;
}

#menu li > ul {
	/* 
	left: -2px;
	top: auto; 
	*/
	left: 0px;
	top: 30px;
	} /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */


#menu li ul li {
	color: white;
	border:none;
	position: relative;
	text-align:left;
	background-image: url(../../i/nav/dropDownBG.gif);
	background-color:Transparent;
	display: block;
	height: 25px;
	padding: 0;
	margin: 0;
	/* width: 157px; */
	width: 150px;
	
	z-index: 50;
}

#menu li ul li a 
{
	padding: 0;
	padding-left:10px;
	margin: 0px 0;
	color: #003366;
	height: 25px;
	width: 150px;
	text-indent: 0px;
	line-height: 25px;
	text-decoration: none;
	font-size: 13px;
	display: block;
	background-color: transparent;
	border: 0;
	text-align: left;
	
	z-index: 50;
}

#menu li.sfhover ul li a:hover, #menu li ul li a:hover {
	/* color: #c71719; */
	text-decoration: underline;
}

	
#menu li ul li:hover { background-color: Transparent; }

/*
#menu li.sfhover ul li.bottom_item.sfhover
{
	background-image: url(../../i/nav/dropDownBG_HOVER_Bottom.gif);	
}

#menu li:hover ul li.bottom_item:hover {

	background-image: url(../../i/nav/dropDownBG_HOVER_Bottom.gif);
}

#menu li ul li.bottom_item, #menu li.sfhover ul li.bottom_item {
	background-image: url(../../i/nav/dropDownBG_Bottom.gif);
	height: 38px;
	}
	
#menu li:hover ul li:hover, #menu li.sfhover ul li.sfhover  {
	background-image: url(../../i/nav/dropDownBG_HOVER.gif);
	}


#menu li.sfhover ul li.bottom_item_33.sfhover
{
	background-image: url(../../i/nav/dropDownBG_HOVER_Bottom_33.gif);	
}

#menu li:hover ul li.bottom_item_33:hover {

	background-image: url(../../i/nav/dropDownBG_HOVER_Bottom_33.gif);
}

#menu li ul li.bottom_item_33, #menu li.sfhover ul li.bottom_item_33 {
	background-image: url(../../i/nav/dropDownBG_Bottom_33.gif);
	height: 33px;
	}

#menu li.sfhover ul li.bottom_item_42.sfhover
{
	background-image: url(../../i/nav/dropDownBG_HOVER_Bottom_42.gif);	
}

#menu li:hover ul li.bottom_item_42:hover {

	background-image: url(../../i/nav/dropDownBG_HOVER_Bottom_42.gif);
}

#menu li ul li.bottom_item_42, #menu li.sfhover ul li.bottom_item_42 {
	background-image: url(../../i/nav/dropDownBG_Bottom_42.gif);
	height: 42px;
	}
*/


#menu li:hover ul, #menu li.sfhover ul { 
	display: block;
} /* lists nested under hovered list items -- Javascript will display this for IE*/



/*
#menu li div {
	position: absolute;
	top: 34px;
	left: -2px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	width: 314px;
	display: none;
}

#menu li:hover div, #menu li.sfhover div
{
	display:block !important;
}
*/