﻿/* 
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: 812px; position: absolute; top: 78px; left: 50%; margin-left: -461px; padding: 10px 0 10px 105px; z-index: 1001; 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 13px Arial,Helvetica,sans-serif; text-decoration: none; padding: 0px 6px; text-transform: uppercase; }
div#nav div.RadMenu .rmItem .rmLink { background-color: transparent; color: #042c6f; border-right: 2px solid #042c6f; }
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.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: 5px; }
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; }
div#nav div.RadMenu .rmGroup { padding: 0px !Important; }
div#nav div.RadMenu .rmGroup .rmItem .rmLink { background-color: #ffffff; border-top: 0px; border-right: 1px solid #042c6f; border-bottom: 1px solid #042c6f; border-left: 1px solid #042c6f; text-align: left; }
div#nav div.RadMenu .rmGroup .rmFirst .rmLink { border-top: 1px solid #042c6f; }
div#nav div.RadMenu .rmGroup .rmItem .parent-node:hover .rmText,
div#nav div.RadMenu .rmGroup .rmItem .activeNode .rmText,
div#nav div.RadMenu .rmGroup .rmItem .rmExpanded .rmText { background-image: none; }
div#nav div.RadMenu .rmGroup .rmItem .rmLink,
div#nav div.RadMenu .rmGroup .rmLink .rmText { color: #042c6f; padding: 0px 8px 3px 3px; text-transform: none; }
div#nav div.RadMenu .rmGroup .rmItem:hover .rmLink,
div#nav div.RadMenu .rmGroup .rmItem .activeNode { background-color: #042c6f; }
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; }
