/*-- Cosmopolitan Investments --*/
/*-- Navigation Styles --*/

/* -------------------------- Main nav --*/
.nav { float: left; background: transparent; padding: 20px 0px 0px 25px; width: 725px; font-family: Arial, Helvetica, sans-serif; margin: 0px; color: #FFFFFF; text-decoration: none; text-indent: 0px; }
.nav ul { margin: 0px; padding: 0px; list-style: url(none) none; }
.nav ul li { margin: 0px; padding: 0px; display: inline; }
.nav ul li a { background: url(../images/nav/off.gif) no-repeat left bottom; text-align: center; display: block; margin: 0px 3px 0px 0px; padding: 21px 0px 0px 0px; height: 27px; width: 103px; font-size: 1em; color: #FFFFFF; text-decoration: none; float: left; text-indent: 0px;  }
.nav ul li a:hover { background: url(../images/nav/hover.gif) no-repeat left bottom; color: #fff;  }
.nav ul li a.active { background: url(../images/nav/active.gif) no-repeat; font-weight: bold; color: #15416D; text-decoration: none; padding-top: 18px; height: 30px; }
.nav ul li a.active:link {}
.nav ul li a.active:visited {}
.nav ul li a.active:hover { background: url(../images/nav/active.gif) no-repeat left bottom; font-weight: bold; color: #15416D; }
.nav ul li a.active:active {}
.nav ul li a.padding { height: 34px; padding: 14px 0px 0px 0px; }
.nav ul li a.whiteText { color: #ffffff; text-decoration: none; }
.nav ul li a:hover .whiteText { color: #ffffff; text-decoration: none; }
.nav ul li a:visited .whiteText { color: #ffffff; text-decoration: none; }

/* -------------------------- Sub nav --*/
.subnav { background: transparent; padding: 0px; height: 30px; margin: 0px; width: 480px; float: left; text-indent: 0px; clear: left; }
.subnav ul { margin: 0px; padding: 0px; list-style: none; float: left; }
.subnav ul li { margin: 0px; padding: 0px; float: left; }
.subnav ul li a { background: url(../images/nav/subNav/off.jpg) no-repeat left bottom; margin: 0px 3px 0px 0px; padding: 11px 0px 0px 0px; height: 19px; width: 84px; display: inline; font-size: 0.85em; color: #FFFFFF; text-decoration: none; text-align: center; float: left; text-indent: 0px !important; }
.subnav ul li a:link {color: White;}
.subnav ul li a:visited {color: White;}
.subnav ul li a:hover { background: url(../images/nav/subNav/hover.jpg) no-repeat left bottom; text-decoration: none; }
.subnav ul li a.active { background: url(../images/nav/subNav/active.jpg) no-repeat left bottom; font-weight: bold; color: #FFFFFF; text-decoration: none; height: 20px; padding: 10px 3px 0px 0px; margin: 0px; width: 84px; }
.subnav ul li a.active:hover { background: url(../images/nav/subNav/active.jpg) no-repeat left bottom; }
.subnav ul li a.padding { height: 23px; text-align: center; line-height: 100%; padding: 7px 5px 0px 5px; margin: 0px 3px 0px 0px; width: 74px; display: block; float: left; display: inline; }
.subnav ul li a.whiteText { color: #ffffff; text-decoration: none; }
.subnav ul li a:hover.whiteText { color: #ffffff; text-decoration: none; }
.subnav ul li a:visited.whiteText { color: #ffffff; text-decoration: none; }