/* 
Style Sheet for the navigation.

Global color and styles should be placed in the design.css and index.css files.
This file is for unique layout changes for the navigation.
-------------------------------------------------------
Copyright (c) 2011, Chasetheweb.net

Last Updated: Janean Angeles
 */ 

* { 
    padding: 0px; 
    margin: 0px; 
}      

/* NAV  */
div#nav
{
	width: 1000px;
	position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -500px;
	z-index: 101;
	text-align: center;
	background-color: transparent;
}

/*root nav items*/
div#nav div.RadMenu .rmItem
{
    padding: 0px;
}
div#nav div.RadMenu .rmItem .rmLink, 
div#nav div.RadMenu .rmLink .rmText {
    cursor: pointer;
    font: bold 12px;
    text-decoration: none;
    padding: 0px 16px;
    text-transform: uppercase;
}
div#nav div.RadMenu .rmItem .rmLink
{    
    background-color: transparent;
    color: #FFF;
    border-right: 1px solid #ffffff;
}
div#nav div.RadMenu .rmItem .last
{
    border-right: 0px;
}
div#nav div.RadMenu .rmItem .rmLink:hover,
div#nav div.RadMenu .rmItem .activeNode,
div#nav div.RadMenu .rmItem .rmExpanded
{    
}
div#nav div.RadMenu .rmLink .rmText
{
    padding-right: 0px !Important;
    padding-left: 0px;
}
div#nav div.RadMenu .rmItem .parent-node .rmText
{
    background-image: url('/images/icons/parent-node-white.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 9px !Important;
}
div#nav div.RadMenu .rmItem .parent-node:hover .rmText,
div#nav div.RadMenu .rmRootGroup .rmItem .activeNode .rmText,
div#nav div.RadMenu .rmRootGroup .rmItem .rmExpanded .rmText
{
}

/*child nav items*/
div#nav div.RadMenu div.rmSlide {
    margin-left: 0px;
    padding: 0;
    margin-top: 8px;
}
div#nav div.RadMenu ul.rmLevel1, 
div#nav div.RadMenu ul.rmVertical div#nav div.RadMenu ul.rmGroup {
    padding-right: 0;
}
div#nav div.RadMenu div.rmSlide ul.rmLevel1 li.rmItem {
    margin-left: 0;
}
div#nav div.RadMenu div.rmSlide ul.rmLevel1 li.rmItem a.rmLink .rmText {
    font-weight: normal;
    margin-left: 0;
    padding-top: 4px;
    text-align: left;
}
div#nav div.RadMenu .rmGroup
{
    padding: 0px !Important;
}
div#nav div.RadMenu .rmGroup .rmItem .rmLink
{
    background-color: #FFF;
    border-top: 0px;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 2px solid #990000;
}
div#nav div.RadMenu .rmGroup .rmFirst .rmLink
{
    border-top: 2px solid #990000;
}
div#nav div.RadMenu .rmGroup .rmItem .rmLink, 
div#nav div.RadMenu .rmGroup .rmLink .rmText
{
    color: #990000;
    padding: 0px 8px 3px 3px;
}
div#nav div.RadMenu .rmGroup .rmItem:hover .rmLink,
div#nav div.RadMenu .rmGroup .rmItem .activeNode
{    
	background-color: #990000;
}
div#nav div.RadMenu .rmGroup .rmItem:hover .rmLink, 
div#nav div.RadMenu .rmGroup .rmLink:hover .rmText,
div#nav div.RadMenu .rmGroup .rmItem .activeNode .rmText
{
	color: #FFF !Important;
	background-image: none;
}