﻿/* navigation stylesheet
   primary victim: Joe Hardy, www.ssw.com.au
   
   resources spent:
   * blood: 2L
   * sweat: 500mL
   * tears: 5L
   
   that's sharepoint for you...
*/

/* main topbar nav styles */
#nav { height: 47px; background:#f3f3f3; border-right: 1px solid #D6D6D6; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
#nav .navhost { z-index :102;width : 895px; width: 100%; }
#nav ul.navhost li:first-child {}
#nav li.twolevelmenu, #nav li.threelevelmenu { text-align : center; border-left: 1px #d6d6d6 solid;border-top: 1px #d6d6d6 solid;}
#nav li.twolevelmenu a.TopLevelNavItem, #nav li.threelevelmenu a.TopLevelNavItem { display : block; width : 148px; font-weight : bold;font-size : 12px; padding-top : 16px; height: 30px; color:#343333; background: #f3f3f3; }
#nav li.twolevelmenu a.TopLevelNavItem:hover,
#nav li.threelevelmenu a.TopLevelNavItem:hover,
#nav li.twolevelmenu.AspNet-Menu-Hover a.TopLevelNavItem,
#nav li.threelevelmenu.AspNet-Menu-Hover a.TopLevelNavItem	{ width : 142px; background: white url(/SiteCollectionImages/NavHoverBg.gif) repeat-x left bottom; border : 0px white solid !important; border-width: 0px 3px 0px 3px !important; }

#nav .AspNet-Menu-SecondLevel { position : absolute !important; width : 729px; background : #eee url(/SiteCollectionImages/WpNavBg.gif) repeat-x bottom; border : 1px solid #aaa; border-top-color : white; border-left-color : white; }
#nav .AspNet-Menu-SecondLevel ul { margin : 0px; list-style-type : none; padding : 0px; }
#nav .threelevelmenu ul { padding : 15px 5px 19px 15px; }
#nav .threelevelmenu ul ul { height: auto; }
#nav .threelevelmenu .AspNet-Menu-SecondLevel { width : 481px;}
#nav .threelevelmenu ul ul { margin : 0px; padding : 0px; }
#nav .twolevelmenu ul li, #nav .threelevelmenu ul li { /*float : left; */font-family : Arial; font-size : 10px; }
#nav .twolevelmenu ul li { display : block; text-align : left; }
#nav .threelevelmenu img { display : block; border : solid 4px white !important; }
#nav .threelevelmenu .AspNet-Menu-WithChildren { border: none}
#nav .threelevelmenu ul {  }
#nav .threelevelmenu ul li { text-align : left; width : 162px; }
#nav .threelevelmenu ul li a.AspNet-Menu-Link { width : 140px; padding-bottom : 3px; background : transparent url(/SiteCollectionImages/SiteMapArrow.gif) no-repeat left 10px; padding-left : 12px; text-align : left; font-weight : bold;border-top : #ee2225 solid 4px; padding-top : 7px; margin-top: 14px; font-size: 11px; }
#nav .threelevelmenu ul li li a.AspNet-Menu-Link { margin-top: 0px; padding-bottom : 0px; background : none;text-align : left; border-top : 0px; padding-top : 0px; margin-top: 0px; font-weight: normal;}
#nav .threelevelmenu ul li li a.AspNet-Menu-Link b { font-weight: normal }
#nav .threelevelmenu ul a { color : #222; text-decoration : none; }
#nav .threelevelmenu ul a:hover { color : #555; text-decoration : underline; }
#nav .threelevelmenu ul ul { visibility : inherit !important; position: relative; margin-top : 0px; }
#nav .threelevelmenu ul ul li { height : auto; float : none; }
#nav .threelevelmenu ul ul li.header { font-weight : bold; }
#nav .twolevelmenu ul li a { display : block; line-height: 12px; font-size: 9px; color : #666666; width : 216px; height : 72px; padding : 10px 17px 10px 10px; text-decoration : none; background: transparent url(/SiteCollectionImages/menu_item.gif) no-repeat bottom right; }
#nav .twolevelmenu ul li a:hover { background : white url(/SiteCollectionImages/menu_item.gif) no-repeat top right;} 
#nav .twolevelmenu ul li a img { float : left; border : 5px white solid !important; margin-right : 9px; }
#nav .twolevelmenu ul li a:hover img { border-color : #ccc !important; } 
#nav .twolevelmenu ul li b { display : block; color : #333333; margin-bottom : 3px; font-size: 11px; padding-top: 2px; }
#csg li img { border : 4px white solid; }
li.last { float : none; min-width : 0px !important; width : 0px; }
	
/* left hand nav style */
.WpLhsNav { position: relative; z-index: 20; }
.WpLhsNav, .WpLhsNav li { width: 170px; font-size: 11px; position: relative; }
.WpLhsNav .NavItem LI { white-space: normal !important; }
.WpLhsNav .AspNet-Menu-SecondLevel li { float : none !important; margin:0;}
.WpLhsNav .AspNet-Menu-SecondLevel { left: 170px; background: white; width: 170px; top:0;}
.WpLhsNav li a { color: #333 !important; display: block; padding : 4px 23px; margin: 0;}
.WpLhsNav b { font-weight: normal !important;}
.WpLhsNav LI.AspNet-Menu-WithChildren .TopLevelNavItem { background: transparent url(/SiteCollectionImages/LhsSidebarArrow.gif) no-repeat 92% center; }
.WpLhsNav LI.AspNet-Menu-WithChildren a.TopLevelNavItem:hover { background-color: #fff;}
.WpLhsNav .AspNet-Menu-Hover .TopLevelNavItem, .WpLhsNav .AspNet-Menu-Selected .TopLevelNavItem { background :#fff ;padding: 3px 23px 3px 23px; border-top: 1px solid #ececec; border-right: 3px solid #ee2225; border-bottom: 1px solid #c7c5c6; }
.WpLhsNav LI.AspNet-Menu-WithChildren .AspNet-Menu-Hover .TopLevelNavItem { background: #fff url(/SiteCollectionImages/LhsSidebarArrow.gif) no-repeat 92% center; }
.WpLhsNav UL { background: #fafafa !important; border: 1px #d2d2d2 solid; padding: 0px; margin: 0px; }
.WpLhsNav UL A:link, .WpLhsNav UL A:visited { color: #333; font-size: 8pt; display: block; padding: 5px; margin: 0px; }
.WpLhsNav UL A:hover { border-top: 1px solid #ececec; border-right: 3px solid #dd1e23; border-bottom: 1px solid #c7c5c6;padding: 4px 5px 4px 5px; background-color: white; }
	