/*
   mainMenu
--------------------------------------- */
#mainMenu
                                        {
	float: left;
	font-size: 12px;
	line-height: normal;
	width: 600px;
}
#mainMenu li
                                        {
	position: relative;
	float: left;
	width: auto;
	height: 40px;
	padding: 0 5px 0 0;
	margin: 0;
	z-index: 1500;
}
#mainMenu a
                                        {
	display: block;
	padding: 13px 10px 12px 16px;
	text-decoration: none;
	color: #fff;
	background: transparent url(../images/layout/mainmenu-arrow.gif) no-repeat 6px 18px;
}
/*
   mainMenu - first level-active
--------------------------------------- */	
#mainMenu li:hover a
                                        {
	color: #fff;
	text-decoration: underline;
}
#mainMenu .on a
                                        {
	color: #fff;
	text-decoration: underline;
}
#mainMenu li:hover ul a, 
#mainMenu .on ul a                      { text-decoration: none; }

/*
   mainMenu - levels
--------------------------------------- */
#mainMenu ul
                                        {
	position: absolute;
	left: 0;
	top: 35px;
	background: transparent url(../images/layout/dropdown-bg.gif) no-repeat 0 0;
	width: 148px;
	font-weight: normal;
	line-height: 14px;
	font-size: 12px;
	z-index: 2000;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #5b5b5b;
}
#mainMenu ul ul
                                        {
	top: 0;
	left: 147px;
	z-index: 3000;
	padding-top: 0;
}
#mainMenu ul li
                                        {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	width: 148px;
	height: auto;
	z-index: 4000;
	cursor: pointer;
}
#mainMenu ul a, #mainMenu ul .sub a
                                        {
	margin: 0;
	padding: 5px 20px;
	background: transparent url(../images/layout/mainmenu-arrow.gif) no-repeat 10px 10px;
	border-bottom: 1px solid #7b7a7a;
}
#mainMenu li:hover ul li                                         { background: none; }
#mainMenu li.on ul li                                            { background: none; }
#mainMenu ul .sub                                                { background: transparent url(../images/layout/mainmenu-arrow.gif) no-repeat 135px 10px; }
#mainMenu li:hover ul li.sub                                     { background: transparent url(../images/layout/mainmenu-arrow.gif) no-repeat 135px 10px; }

#mainMenu ul li:hover a                                          { color: #000; }
#mainMenu ul li:hover ul a                                       { color: #fff; }
#mainMenu ul li:hover ul li:hover a                              { color: #000; }
#mainMenu ul li:hover ul li:hover ul a                           { color: #fff; }
#mainMenu ul li:hover ul li:hover ul li:hover a                  { color: #000; }
#mainMenu ul li:hover ul li:hover ul li:hover ul a               { color: #fff; }
#mainMenu ul li:hover ul li:hover ul li:hover ul li:hover a      { color: #000; }
#mainMenu ul li:hover ul li:hover ul li:hover ul li:hover ul a   { color: #fff; }

#mainMenu ul a.on,
#mainMenu li.on:hover ul a.on,
#mainMenu ul li ul li a.on,
#mainMenu ul li ul li:hover ul li a.on,
#mainMenu ul li ul li ul li a.on,
#mainMenu ul li ul li:hover ul li:hover ul li a.on               { color: #000; }

#mainMenu ul                                                     { visibility: hidden; }
#mainMenu li:hover ul                                            { visibility: visible; }
#mainMenu li:hover ul li ul                                      { visibility: hidden; }
#mainMenu li:hover ul li:hover ul                                { visibility: visible; }
#mainMenu li:hover ul li:hover ul li ul                          { visibility: hidden; }
#mainMenu li:hover ul li:hover ul li:hover ul                    { visibility: visible; }
#mainMenu li:hover ul li:hover ul li:hover ul li ul              { visibility: hidden; }
#mainMenu li:hover ul li:hover ul li:hover ul li:hover ul        { visibility: visible; }



/*
   articleMenu
--------------------------------------- */
#articlesNavHolder
                                        {
	width: 225px;
	height: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	background: transparent url(../images/layout/article-nav-bg.gif) repeat-y 0 0;
	line-height: 1.2em;
}
#articlesNav
                                        {
	background: transparent url(../images/layout/article-nav-bottom-bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
#articlesNav h2
                                        {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 20px;
}
#articlesMenu                           { padding: 10px 10px 20px 10px; }
#articlesMenu li { border-bottom: 1px solid #e5e5e5; background: transparent url(../images/layout/article-nav-arrow.gif) no-repeat right 4px; }
#articlesMenu ul ul { border-top: 1px solid #e5e5e5; }
#articlesMenu .rtLast { border-bottom: none; }
#articlesMenu div { padding: 4px 0 4px 15px; height: 100%; overflow: hidden; }

.rtPlus, .rtMinus {
	width: 5px;
	height: 5px;
	overflow: hidden;
	display: inline;
	float: left;
	margin: 3px 0 0 -15px;
	padding: 1px;
	border: 1px solid #666;
	line-height: 1em;
	}

.rtPlus { background: transparent url(../images/layout/article-menu-plus.gif) no-repeat 1px 1px; }
.rtMinus { background: transparent url(../images/layout/article-menu-minus.gif) no-repeat 1px 1px; }

#articlesMenu ul ul div { margin-left: 5px; padding-right: 10px; }
#articlesMenu ul ul ul div { margin-left: 30px; }
#articlesMenu ul ul ul ul div { margin-left: 45px; }

#articlesMenu a, 
#articlesMenu span { 
	color: #333;
	text-decoration: none;
	cursor: pointer;
	}
#articlesMenu a:hover, 
#articlesMenu span:hover { color: #666; text-decoration: underline; cursor: pointer; }

#articlesMenu .on,
#articlesMenu .on:hover { color: #666; }


#featured-button { width: 225px; height: 100%; padding: 0 0 10px 0; overflow: hidden; background: #fff; }
#featured-button a { display: block; width: 225px; height: 30px; overflow: hidden; padding: 0 20px; line-height: 30px; font-weight: bold; font-size: 13px; color: #fff; text-decoration: none; background: url(../images/layout/featured-button.gif) no-repeat 0 0; }
#featured-button a:hover { color: #ccc; }



/*
   featuredMenu
--------------------------------------- */
#featuredMenuHolder
                                        {
	width: 207px;
	height: 68px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
	background: transparent url(../images/layout/red/featured-menu-bg-top.gif) no-repeat 0 0;
}
#featuredMenu
                                        {
	padding: 3px 10px 10px 10px;
	font-weight: bold;
	background: transparent url(../images/layout/red/featured-menu-bg.gif) no-repeat left bottom;
}
#featuredMenu li
                                        {
	margin-bottom: 3px;
	background: transparent url(../images/layout/featured-menu-plus.gif) no-repeat 0 4px;
	padding-left: 10px;
}
#featuredMenu a
                                        {
	color: #fff;
	text-decoration: none;
}
#featuredMenu .on a, #featuredMenu a:hover
                                        {
	color: #fff;
	text-decoration: underline;
}

