/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 POPUP MENU STYLES
	 MAGIC STUFF - DO NOT EDIT
	 MAGIC STUFF
	 Currently supports 3 tiers.
	 MAIN MENU STYLES 
	 MAIN MENU ITEM STYLES
	 POPUP MENU STYLES - TIER 1
	 POPUP MENU STYLES - TIER 2
	 POPUP MENU STYLES - TIER 3
	 	 
	 ....................................... */

/* =POPUP MENU STYLES
	 ....................................... */
.nav ul {
	position: absolute;
	display: none;
	z-index: 20;
}
.nav {
    z-index: 25;
    position: relative;
}

/* =MAGIC STUFF - DO NOT EDIT
	 ....................................... */
/* Fix IE. Hide from IE Mac \*/
* html .nav li { float: left; height: 1%; }
* html .nav a { height: 1%; }
/* End */

/* =MAGIC STUFF
    Currently supports 5 tiers.
	 ....................................... */
.nav li:hover ul ul,
.nav li:hover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li:hover ul ul ul ul ul,
.nav li.over ul ul,
.nav li.over ul ul ul, 
.nav li.over ul ul ul ul,
.nav li.over ul ul ul ul ul
	{ display: none; } /* Hide sub-menus initially */
	
.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul,
.nav li li li li:hover ul,
.nav li li li li li:hover ul,
.nav li.over ul,
.nav li li.over ul,
.nav li li li.over ul,
.nav li li li li.over ul,
.nav li li li li li.over ul
	{ display: block;} /* The magic */

/* =MAIN MENU STYLES 
	 ....................................... */
.nav,
.nav ul {
	margin: 0px;
	padding: 0px;
}
ul.topNav {
	display: block;
	float: left;
	width: 700px;
	margin: 15px 0 0 0;
	padding: 0;
}
ul.topNav li {
    position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	font-size: 15px;
}
ul.topNav li.firstLink {
	padding-left: 0;
}
ul.topNav li.lastLink {
}

ul.topNav li a {
	display: block;
	color: #303030;
	text-decoration: none;
	padding: 4px 7px;
	z-index: 25;
	position: relative;
	zoom: 1;
}
body#homePage ul.topNav li a#navHomeLink,
body.aboutPage ul.topNav li a#navAboutLink,
body.featuresPage ul.topNav li a#navFeaturesLink,
body.successStoriesPage ul.topNav li a#navSuccessStoriesLink,
body.partnersPage ul.topNav li a#navPartnersLink,
body.resourcesPage ul.topNav li a#navResourcesLink,
body.communityPage ul.topNav li a#navCommunityLink {
	color: #2186C6;
}/* Current section indicator styling */

ul.topNav li a:hover,
ul.topNav li:hover a, /* Keeps parent tab hovered when in sublevels */
ul.topNav li.over a {
	color: #2186C6;
}
ul.topNav li.parentLink a:hover,
ul.topNav li.parentLink:hover a, /* Keeps parent tab hovered when in sublevels */
ul.topNav li.parentLink.over a {
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	padding: 3px 6px 4px;
	background: #fff;
}

/* =POPUP MENU STYLES - TIER 1
	 ....................................... */
ul.topNav ul {
	/* Relative Positioning */
	left: 5px;
	top: 28px;
	/* Styles */
	background-color: #fff;
	border: 1px solid #D9D9D9;
    margin:0;
    padding:10px 0;
    width:175px;
}
ul.topNav ul li {
	float: none;
	padding: 0;
	border: 0px none;
	background: none;
}
ul.topNav ul a,
ul.topNav li:hover ul a,
ul.topNav li.over ul a {
	background: none; /* Used because lower levels would inherit from parent hover */
	padding: 3px 10px;
	border: 0px none;
	margin: 0;
	float: none;
	color: #303030;
	font-size: 12px;
}
ul.topNav li.parentLink ul a,
ul.topNav li.parentLink:hover ul li a,
ul.topNav li.parentLink.over ul li a {
    border: none;
}
ul.topNav li.parentLink ul a:hover,
ul.topNav li.parentLink ul li:hover a,
ul.topNav li.parentLink ul li.over a {
    color: #2186C6;
}

/* =POPUP MENU STYLES - TIER 2
	 ....................................... */
.nav ul ul {
	left: 175px; /* Same as width of ".nav ul" */
	top: -10px;  /* Positioning vertically*/
	
	background-color: #999;
}
.nav ul ul a { 
	color: #666;
}
.nav ul ul a:hover,
.nav ul ul li:hover a,
.nav ul ul li.over a { 
	color: #666;
	background-color: #CCCCCC;
}



/* =BLACK MENU STYLES
	 ....................................... */
.nav.black, .nav.black * {
	z-index: 15;
}

/* =BLACK MAIN MENU STYLES 
	 ....................................... */
.nav.black,
.nav.black ul {
	margin: 0px;
	padding: 0px;
}
.nav.black {
	float: right;
	width: 940px;
    height: 32px;
    margin: 2px 0;
    padding: 0;
}
.nav.black li {	
	position:relative;	
	float:left;
	list-style:none;
}

/* =BLACK MAIN MENU ITEM STYLES
	 ....................................... */
.nav.black li a {
	display: block;	
	float:left;
	font-size: 13px;
}
.nav.black li {
    padding: 0 9px;
    border-right: 1px solid #333;
}
.nav.black li.lastLi {
    border-right: 0px none;
}
.nav.black li.lastLi ul li a{
	text-align: right;
}
.nav.black a {
	/* Styles */
	display: block;
	color: #fff;
	padding: 6px 5px;
	font-weight: bold;
	text-align: center;
	line-height: 19px;
}
.nav.black a:hover,
.nav.black li:hover a, /* Keeps parent tab hovered when in sublevels */
.nav.black li.over a,
.nav.black li.current a { /* Same as above for IE6 */
	color:#FFE619;
	background: none;
	padding: 6px 5px;
	border: 0px none;
	text-decoration: none;
}

/* =BLACK POPUP MENU STYLES - TIER 1
	 ....................................... */
.nav.black ul {
	/* Relative Positioning */
	top: 31px;
	left: 0px;
	/* Styles */
	background-color: #000;
	border: 0px none;
    margin: 0;
    padding: 10px 2px;
    width: 160px;
}
.nav.black li.lastLi ul {
    left: 0px;
	width: 78px;
}
.nav.black li.lastLi ul li a {
	text-align:left;
}
.nav.black ul li {
	float: none;
	padding: 0;
}
.nav.black ul a,
.nav.black li:hover ul a,
.nav.black li.over ul a {
	background: none; /* Used because lower levels would inherit from parent hover */
	padding: 3px 6px;
	margin: 0;
	float: none;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	text-align: left;
} 	
.nav.black ul a:hover,
.nav.black ul li:hover a, /* Keeps parent tab hovered when in sublevels */
.nav.black ul li.over a { /* Same as above for IE6 */
	color: #000;
	background: #fff url(../fw/nav-black-hover.jpg) repeat-x 0 0;
}

/* =BLACK POPUP MENU STYLES - TIER 2
	 ....................................... */
.nav.black ul ul {
	left: 120px; /* Same as width of ".nav ul" */
	top: -10px;  /* Positioning vertically*/
	
	background-color: #999;
}
.nav.black ul ul a { 
	color: #666;
}
.nav.black ul ul a:hover,
.nav.black ul ul li:hover a,
.nav.black ul ul li.over a { 
	color: #666;
	background-color: #CCCCCC;
}