/* top nav
--------------------------------------------------------------------------- */
#topWrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 800px;
	height: 32px;
}

#topNav {
	padding: 6px 0 0 0;
	list-style-type: none;
	text-align: right;
	font-size: 11px;
}

#topNav li{
	display: inline;
	color: #888;
	font-size: 10px;
}

#topNav li.header {
	display: inline;
	color: #888;
}

#topNav li a:link, 
#topNav li a:visited {
	color: #888;
	padding: 0 8px;
	text-decoration: none;
}

#topNav li a:hover {
	text-decoration: underline;
}

#topNav li.selected a:link, 
#topNav li.selected a:visited {
	color: #fff;
}

#topNav li.selected a:hover {
	text-decoration: none;
	cursor: pointer;
}

#bannerAd {
	background: transparent;
	position: absolute;
	top: 24px;
	
	right: 0px;
	width: 468px;
	padding: 10px 0 10px 0;
}

/* Main Navigation */

#navWrap {
	background: transparent;
	padding: 0;
	width: 944px;
	border-bottom: solid 4px #000;	
}

#main-navigation, 
#main-navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: center;

/* the next two properties are necessary so nav items will overlay on top of any google map implementation */
	position: relative;
	z-index: 10;
}

#main-navigation a {
	background: transparent;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #000;
	padding: 5px 25px 5px 20px;
	
	/* safari/webkit browsers only - will remove the extra weight that's added by OS X's native anti-aliasing */
	text-shadow: 0 0 0 #000;
}

#main-navigation a:hover,
#main-navigation li:hover a,
#main-navigation li.sfhover a,
#main-navigation li.on a   {
	left: -999em;
	color: #fff;
}		

#main-navigation li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
}

#main-navigation li:hover,
#main-navigation li.sfhover {
	/* the following (seemingly) fixes sticky suckerfish drop-down menus in IE7 */
	position: static;
}

#main-navigation li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding-left: 0;
	width: 189px;
	border-top: solid 4px #000;
}

#main-navigation li ul a {
	background-color: transparent !important;
	color: #fff;
	border-bottom: solid 1px #fff;
	float: left;
	width: 175px; /* if we want to set a specific, universal width for all subnavs set this */
	margin: 0;
	padding: 5px 4px 6px 10px;
}		

#main-navigation li ul a:hover {
	background: none !important;
	color: #fff;
}

#main-navigation li ul ul {
	clear: both;
	margin: -1em 0 0 115px;
	border-top: none;
}

#main-navigation li ul a:hover {
	background: none !important;
	color: #fff;
}

#main-navigation li:hover ul ul, 
#main-navigation li.sfhover ul ul {
	left: -999em;
}

#main-navigation li:hover ul, 
#main-navigation li li:hover ul, 
#main-navigation li.sfhover ul, 
#main-navigation li li.sfhover ul {
	left: auto;
}

/* News */
#nav-news:hover a,
#nav-news.sfhover a,
#nav-news.on a							{ color: #fff; background: #8C8786; }
#nav-news ul a							{ background: transparent url(../assets/bg/nav_resources.png) !important; }
#nav-news ul li a:hover,
#nav-news.sfhover ul a:hover			{ background-color: #504948 !important; }

/* Professional Bodies */
#nav-professional_bodies:hover a,
#nav-professional_bodies.sfhover a,
#nav-professional_bodies.on a							{ background: #6AB71D; }
#nav-professional_bodies ul a							{ background: transparent url(../assets/bg/nav_professional_bodies.png) !important; }
#nav-professional_bodies ul li a:hover,
#nav-professional_bodies.sfhover ul a:hover			{ background-color: #358B13 !important; }

/* Forums */
#nav-forums:hover a,
#nav-forums.sfhover a,
#nav-forums.on a							{ color: #fff; background: #C80000; }
#nav-forums ul a							{ background: transparent url(../assets/bg/nav_forums.png) !important; }
#nav-forums ul li a:hover,
#nav-forums.sfhover ul a:hover			{ background-color: #A10606 !important; }

/* Blogs */
#nav-blogs:hover a,
#nav-blogs.sfhover a,
#nav-blogs.on a							{ color: #fff; background: #d6b708; }
#nav-blogs ul a							{ background: transparent url(../assets/bg/nav_blogs.png) !important; }
#nav-blogs ul li a:hover,
#nav-blogs.sfhover ul a:hover			{ background-color: #bfa306 !important; }

/* Chat */
#nav-chat:hover a,
#nav-chat.sfhover a,
#nav-chat.on a							{ color: #fff; background: #820675; }
#nav-chat ul a							{ background: transparent url(../assets/bg/nav_chat.png) !important; }
#nav-chat ul li a:hover,
#nav-chat.sfhover ul a:hover			{ background-color: #43093A !important; }

/* Jobs */
#nav-jobs:hover a,
#nav-jobs.sfhover a,
#nav-jobs.on a							{ color: #fff; background: #0795c3; }
#nav-jobs ul a							{ background: transparent url(../assets/bg/nav_jobs.png) !important; }
#nav-jobs ul li a:hover,
#nav-jobs.sfhover ul a:hover			{ background-color: #047fa7 !important; }

/* Resources */
#nav-resources:hover a,
#nav-resources.sfhover a,
#nav-resources.on a							{ color: #fff; background: #8C8786; }
#nav-resources ul a							{ background: transparent url(../assets/bg/nav_resources.png) !important; }
#nav-resources ul li a:hover,
#nav-resources.sfhover ul a:hover			{ background-color: #504948 !important; }

/* Wiki */
#nav-wiki:hover a,
#nav-wiki.sfhover a,
#nav-wiki.on a							{ color: #fff; background: #8C8786; }
#nav-wiki ul a							{ background: transparent url(../assets/bg/nav_resources.png) !important; }
#nav-wiki ul li a:hover,
#nav-wiki.sfhover ul a:hover			{ background-color: #504948 !important; }

/* Support */
#nav-support:hover a,
#nav-support.sfhover a,
#nav-support.on a							{ color: #fff; background: #8C8786; }
#nav-support ul a							{ background: transparent url(../assets/bg/nav_resources.png) !important; }
#nav-support ul li a:hover,
#nav-support.sfhover ul a:hover			{ background-color: #504948 !important; }

/* Partners */
#nav-partners:hover a,
#nav-partners.sfhover a,
#nav-partners.on a							{ color: #fff; background: #ff6600; }
#nav-partners ul a							{ background: transparent url(../assets/bg/nav_partners.png) !important; }
#nav-partners ul li a:hover,
#nav-partners.sfhover ul a:hover			{ background-color: #EC3306 !important; }

/* Newsportal */
#nav-newsportal:hover a,
#nav-newsportal.sfhover a,
#nav-newsportal.on a							{ background: #4B67A7; }
#nav-newsportal ul a							{ background: transparent url(../assets/bg/nav_news.png) !important; }
#nav-newsportal ul li a:hover,
#nav-newsportal.sfhover ul a:hover			{ background-color: #283474 !important; }

/* special styling for IE5.5 and IE6 - transparency is non validating */
#main-navigation li ul li a:hover {
background: transparent filter: alpha(opacity=90);
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
opacity: 0.9;
margin-top: 0; /* for IE5.5 faulty box model */
marg\in-top: 0; /* for IE6 */
}

/* Secondary Navigation */

#sec-nav {
float: left;
clear: left;
margin: 0;
list-style: none;
}

#sec-nav ul {
list-style: none;
}

#sec-nav li {
margin-bottom: 0.1em;
float: left;
width: 160px;
background:  #8C8786 url(../assets/bg/sec_nav_resources.jpg) repeat-x left bottom;

}

#sec-nav li a {
float: left;
display: block;
font-size: 11px;
text-decoration: none;
padding: 4px 8px 5px 8px;
color: #fff;
width: 145px;
}

#sec-nav li a:hover,
#sec-nav li.on a {
width: 150px;
background: #358B13;
}

/* Secondary Nav Specific Colors */

/* News */
#news #sec-nav li					{ background:  #8C8786 url(../assets/bg/sec_nav_resources.jpg) repeat-x left bottom;}
#news #sec-nav li a:hover,
#news #sec-nav li.on a					{ background: #504948; }

/* Professional Bodies */
#professional_bodies #sec-nav li	{ background:  #6AB71D url(../assets/bg/sec_nav_professional_bodies.jpg) repeat-x left bottom;}
#professional_bodies #sec-nav li a:hover,
#professional_bodies #sec-nav li.on a					{ background: #358B13; }

/* Resources */
#resources #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_resources.jpg) repeat-x left bottom;}
#resources #sec-nav li a:hover,
#resources #sec-nav li.on a					{ background: #504948; }

/* Wiki */
#wiki #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_resources.jpg) repeat-x left bottom;}
#wiki #sec-nav li a:hover,
#wiki #sec-nav li.on a					{ background: #504948; }

/* Support */
#support #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_resources.jpg) repeat-x left bottom;}
#support #sec-nav li a:hover,
#support #sec-nav li.on a					{ background: #504948; }

/* Partners */
#partners #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_partners.jpg) repeat-x left bottom;}
#partners #sec-nav li a:hover,
#partners #sec-nav li.on a					{ background: #EC3306; }

/* Jobs */
#jobs #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_jobs.jpg) repeat-x left bottom;}
#jobs #sec-nav li a:hover,
#jobs #sec-nav li.on a					{ background: #047fa7; }

/* Blogs */
#blogs #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_blogs.jpg) repeat-x left bottom;}
#blogs #sec-nav li a:hover,
#blogs #sec-nav li.on a					{ background: #bfa306; }

/* Chat */
#chat #sec-nav li						{ background:  #8C8786 url(../assets/bg/sec_nav_chat.jpg) repeat-x left bottom;}
#chat #sec-nav li a:hover,
#chat #sec-nav li.on a					{ background: #43093A; }

/* Newsportal */
#newsportal #sec-nav li						{ background:  #4B67A7 url(../assets/bg/sec_nav_news.jpg) repeat-x left bottom;}
#newsportal #sec-nav li a:hover,
#newsportal #sec-nav li.on a					{ background: #283474; }