/* 
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: 842px; height: 26px; position: absolute; top: 128px; left: 50%; margin-left: -421px; z-index: 199; text-align: center; background-color: transparent; background-image: url('/template/bayport/images/bg-nav1.png'); background-repeat: repeat-x; padding-top: 10px; }
div#extra3 { display: block; position: absolute; top: 159px; left: 50%; margin-left: -420px; width: 841px; height:24px; z-index: 197; background: transparent url('/template/bayport/images/bg-nav-tails.png') no-repeat; }

/*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 9px; }
div#nav div.RadMenu .rmItem .rmLink { background-color: transparent; color: #00235d; border-right: 1px solid #00235d; }
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('/template/bayport/images/icons/parent-node-off.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: 10px; }
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: #fff; border-top: 0px; border-right: 1px solid #00235d; border-bottom: 1px solid #00235d; border-left: 1px solid #00235d; text-align: left; }
div#nav div.RadMenu .rmGroup .rmFirst .rmLink { border-top: 1px solid #00235d; }
div#nav div.RadMenu .rmGroup .rmItem .rmLink,
div#nav div.RadMenu .rmGroup .rmLink .rmText { color: #00235d; padding: 0px 8px 3px 3px; }
div#nav div.RadMenu .rmGroup .rmItem:hover .rmLink,
div#nav div.RadMenu .rmGroup .rmItem .activeNode { background-color: #00235d; }
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; }