@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------------------
## TOP NAV
--------------------------------------------------------------*/
div#headerContainer ul
{
	float:right;
	list-style:none;
	margin:0px;
	padding:41px 0 0 0;
	z-index:9989;
}

div#headerContainer ul li
{
	float:left;
	margin: 0px 0 0 0px;
	padding:0px;
	position:relative;
	height: 25px;
}

div#headerContainer ul li a
{
	display:block;
	color:#666666;
	font-size:0.75em;
	font-weight:bold;
	margin:0px;
	padding:5px 6px 5px 6px;
	text-decoration:none;
	border-right: 1px solid #ccc;
	border-left: 1px solid #fff;
	background:url(../images/top_nav_bg_off_left.png) top left repeat-x;
}

div#headerContainer ul li.products:hover a, div#headerContainer ul#topNavigation li.products.over a,
div#headerContainer ul li.resources:hover a, div#headerContainer ul#topNavigation li.resources.over a,
div#headerContainer ul li.training:hover a, div#headerContainer ul#topNavigation li.training.over a,
div#headerContainer ul li.support:hover a, div#headerContainer ul#topNavigation li.support.over a,
div#headerContainer ul li.partners:hover a, div#headerContainer ul#topNavigation li.partners.over a,
div#headerContainer ul li.about:hover a, div#headerContainer ul#topNavigation li.about.over a
{
	background:url(../images/top_nav_drop_bg.png) top left repeat-x;
	color: #fff;
	/* padding-top:8px; */
	/* padding-bottom:14px; */
}



div#headerContainer ul li.home a { 
	background:url(../images/top_nav_bg_home.png) top left repeat-x;
	border-left: none;
}

/* HOME & BLOG have no "over" JS connection */

div#headerContainer ul li.home:hover a{ 
	background:url(../images/top_nav_bg_home-over.png) top left repeat-x;
	color: white;
}

div#headerContainer ul li.blog a { 
	border-right: none;
	background:url(../images/top_nav_bg_blog.png) top right repeat-x;
}

div#headerContainer ul li.blog:hover a{ 
	border-right: none;
	background:url(../images/top_nav_bg_blog-over.png) top right repeat-x;
	color: white;
}



/* begin home for ie 
li#homeTab.over
{
	background:url(../images/top_nav_bg_left.png) top left no-repeat !important;
	margin-top:5px !important;
}
li#homeTab.over a
{
	background:url(../images/top_nav_bg_right.png) top right no-repeat !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
}
li#homeTab a:hover
{
	background:url(../images/top_nav_bg_right.png) top right no-repeat !important;
}
/* end home for ie */

/* begin resources for ie 
li#resourcesTab.over
{
	background:url(../images/top_nav_bg_left_wide.png) top left no-repeat !important;
	margin-top:5px !important;
}
li#resourcesTab.over a
{
	background:url(../images/top_nav_bg_right_wide.png) top right no-repeat !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
}
li#resourcesTab a:hover
{
	background:url(../images/top_nav_bg_right_wide.png) top right no-repeat !important;
}
/* end resources for ie */

/* begin blog for ie 
li#blogTab.over
{
	background:url(../images/top_nav_bg_left.png) top left no-repeat !important;
	margin-top:5px !important;
}
li#blogTab.over a
{
	background:url(../images/top_nav_bg_right.png) top right no-repeat !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
}
li#blogTab a:hover
{
	background:url(../images/top_nav_bg_right.png) top right no-repeat !important;
}
 end blog for ie */

/* begin widths for safari */

li.partners a
{
	/*padding-left:0px !important;
	padding-right:0px !important;*/
	/*width:58px;*/
}
li.about a
{
	/*padding-left:0px !important;
	padding-right:0px !important;*/
	/* width:60px; */
}
/* end widths for safari */



/* selected tabs */
div#headerContainer ul li.home a {
	background:transparent url(../images/top_nav_bg_home.png) repeat-x scroll left top;
	color: #666666;
}

div#headerContainer ul li#homeTab a.active{
	background:url(../images/top_nav_bg_home-over.png) top left repeat-x;
	color: #fff;
}

div#headerContainer ul li#blogTab a.active{
	border-right: none;
	background:url(../images/top_nav_bg_blog-over.png) top right repeat-x;
	color: white;
}

div#headerContainer ul li a.active
{
	background:url(../images/top_nav_over_bg.png) top left repeat-x;
	color: #fff;
}




/* TOP NAVIGATION -- SUBLINKS */
div#headerContainer ul li:hover ul, div#headerContainer ul li.over ul
{
	display:block;
}

div#headerContainer ul ul {
	background:#4d6c8b;
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:25px;
	left:0px;
	width:230px;
	border: 1px solid #ccc;
	z-index:9969;
}

div#headerContainer ul ul ul{
	position: relative;
	background:#668eb7;
	border: none;
	top:0px;
	z-index:9959;
}

/* the following 2 adjustments are to push the dropdown to the left*/

div#headerContainer ul li.about ul
{
	left:-168px;
}

div#headerContainer ul li.partners ul
{
	left:-170px;
}

div#headerContainer ul ul li {
	border-top:1px solid #313131;
	float:left; /* left fixes margin problem in IE */
	margin:0px;
	padding:0;
	width:230px;
	background-image:none;
}



div#headerContainer ul ul ul li{
}

div#headerContainer ul ul li:hover, div#headerContainer ul ul li.over {
	background:none;
	margin:0px;
	padding:0px;
}

div#headerContainer ul ul li a {
	background:none !important;
	color:#fff;
	display:block;
	float:none;
	font-weight:normal;
	height:auto;
	margin:0px !important;
	padding:6px 0 6px 10px !important;
	width:220px !important;
	text-decoration:none;
	border: none;
}

div#headerContainer ul ul li a:hover {
	background-color:#4871a0 !important;
	background-image:none;
}

div#headerContainer ul ul li.group {
	background:#304357;
	z-index: 999;
}